:root{--primary-color: #E22026;--accent-color: #FFFFFF;--bg-dark: #1A1A1A;--text-light: #F5F5F5;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;overflow-x:hidden}#app{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/assets/puntofresh-u575FTMV.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:var(--primary-color)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000004d,#000c);z-index:1}.content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:900px;width:100%;animation:fadeInUp 1s cubic-bezier(.165,.84,.44,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.logo-container{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);z-index:10;display:flex;justify-content:space-between;align-items:center;animation:fadeInDown 1s cubic-bezier(.165,.84,.44,1) forwards}.tagline{font-size:1.3rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:5px;opacity:.95;text-shadow:2px 2px 8px rgba(0,0,0,.9);font-weight:700}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.time-block{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:2.5rem 1.5rem;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.time-block:hover{transform:translateY(-10px) scale(1.03);border-color:var(--primary-color);background:#e2202626;box-shadow:0 15px 40px #e2202680,inset 0 0 0 1px #e2202699}.time-block span{display:block;font-size:4rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;text-shadow:0 4px 15px rgba(0,0,0,.6)}.time-block label{font-size:1rem;text-transform:uppercase;letter-spacing:4px;color:#ffffffd9;font-weight:600}.footer{position:fixed;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);font-size:.9rem;opacity:.95;z-index:10;animation:fadeInUp 1s cubic-bezier(.165,.84,.44,1) forwards;text-align:center}.footer p{text-shadow:1px 1px 3px rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem}.footer a{color:orange;text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-flex;align-items:center;gap:.4rem}.footer a i{font-size:1.1rem}.footer a:hover{color:gold;text-shadow:0 0 15px rgba(255,165,0,.6);transform:scale(1.05)}.social-links{display:flex;gap:1rem}.social-btn{padding:.6rem 1.2rem;border-radius:30px;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:.6rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.social-btn i{font-size:1.1rem;opacity:.8}.social-btn:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.nodecoration{text-decoration:none}@media (max-width: 992px){.logo-container{padding:1.5rem 2rem}.countdown-grid{gap:1.5rem}}@media (max-width: 768px){.logo-container{flex-direction:column;padding:1.2rem;gap:1.2rem;background:#000000e6;text-align:center}.tagline{font-size:1.1rem;letter-spacing:3px}.social-links{gap:.8rem;flex-wrap:wrap;justify-content:center}.social-btn{padding:.6rem 1.2rem;font-size:.75rem}.content{margin-top:150px;padding:1.5rem}.countdown-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.time-block{padding:1.5rem 1rem}.time-block span{font-size:2.5rem}.footer{padding:1rem;font-size:.8rem;background:#000000f2}}@media (max-width: 480px){.tagline{font-size:.9rem;letter-spacing:2px}.social-btn{width:48%;justify-content:center}.countdown-grid{gap:1rem}.time-block span{font-size:2.2rem}}