:root{--primary-color: #25D366;--primary-dark: #128C7E;--bg-gradient-start: #0f2027;--bg-gradient-mid: #203a43;--bg-gradient-end: #2c5364;--text-color: #ffffff;--card-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:linear-gradient(to right,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end));color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#app{width:100%;max-width:480px;padding:20px;position:relative;margin:0 auto}.container{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10;position:relative}.logo-container{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 0 20px #25d36680;animation:pulse 2s infinite}.group-logo{width:100%;height:100%;object-fit:cover}.title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1rem;text-align:center;margin-bottom:8px;opacity:.9;line-height:1.5}.footer-info{text-align:center;font-size:.9rem;margin-top:4px;opacity:.8;font-weight:600}.card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:20px;width:100%;text-align:center;box-shadow:0 4px 30px #0000001a}.countdown-card h2{font-size:1rem;margin-bottom:10px;opacity:.9}.countdown{font-size:2.5rem;font-weight:700;color:var(--primary-color);font-variant-numeric:tabular-nums;letter-spacing:2px}.progress-info,.occupation-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:600}.occupation-info{margin-top:8px;margin-bottom:0;color:#aaa;font-size:.8rem}.progress-bar-container{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));width:0%;border-radius:6px;transition:width .5s ease-out;box-shadow:0 0 10px #25d36680}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--primary-color);color:#fff;text-decoration:none;font-weight:700;padding:16px 32px;border-radius:50px;width:100%;font-size:1.1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #25d36666;text-transform:uppercase}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36699;background-color:#1ebe57}.whatsapp-button:active{transform:translateY(1px)}.whatsapp-button svg{fill:#fff}.notifications-container{position:fixed;inset:20px auto auto 20px;display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none;max-width:300px}.notification{background:#fffffff2;color:#333;padding:12px 20px;border-radius:12px;box-shadow:0 4px 15px #0003;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:10px;animation:slideInLeft .5s ease-out,fadeOut .5s ease-in 4.5s forwards;max-width:300px}.notification:before{content:"";display:block;width:10px;height:10px;background-color:var(--primary-color);border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media(max-width:600px){.notifications-container{left:50%;transform:translate(-50%);top:10px;bottom:auto;width:90%;max-width:400px;align-items:center}.notification{width:auto;min-width:280px;justify-content:center;box-shadow:0 8px 20px #0000004d}@keyframes slideInLeft{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.promotions-section{margin-top:40px;width:100%;text-align:center}.promotions-grid{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}.promo-print{width:100%;max-width:380px;height:auto;border-radius:16px;box-shadow:0 10px 30px #0000004d;border:1px solid var(--glass-border);transition:transform .3s;display:block}