:root{--sl-navy:#00122e;--sl-navy-light:#002d56;--sl-red:#e30613;--sl-red-dark:#b1050f;--sl-white:#fff;--sl-gray:#f8f9fa;--accent:#0077c2;font-family:Montserrat,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sl-navy);color:var(--sl-white);background-image:linear-gradient(#00122ecc,#00122ee6),url(/img/nuevo_gasometro_opt.webp);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;z-index:10;padding:40px 20px;position:relative}.app-header h1{letter-spacing:5px;text-shadow:0 5px 15px #00000080;font-size:3rem;font-weight:900}.app-header h1 span{color:var(--sl-red)}.app-header p{text-transform:uppercase;letter-spacing:3px;opacity:.7;margin-top:5px;font-size:.8rem;font-weight:600}.main-content{z-index:3;flex:1;width:100%;max-width:800px;margin:0 auto;padding:0 20px 60px;position:relative}.glass-card{-webkit-backdrop-filter:blur(25px);background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;margin-bottom:30px;padding:40px;transition:transform .3s;box-shadow:0 25px 50px -12px #00000080}.section-title{color:var(--sl-white);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin-bottom:30px;font-size:1.4rem;font-weight:800;display:flex}.section-title i,.section-title svg{color:var(--sl-red)}.form-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:25px}label{color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:.75rem;font-weight:700;display:block}input,select{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;width:100%;padding:18px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}select option{color:#fff;background-color:#00122e}input:focus,select:focus{border-color:var(--sl-red);background:#ffffff1a;outline:none;box-shadow:0 0 0 5px #e3061326}button.primary-btn{background:var(--sl-red);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:100px;width:100%;padding:20px;font-size:1.1rem;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #e306134d}button.primary-btn:hover{background:var(--sl-red-dark);transform:scale(1.02);box-shadow:0 15px 40px #e3061380}.result-box{border-radius:25px;align-items:center;gap:25px;margin-top:35px;padding:35px;animation:.6s cubic-bezier(.23,1,.32,1) both slideIn;display:flex}.result-box.success{background:#1e3a1f99;border:1px solid #4caf5066}.result-box.error{background:#3a1e1e99;border:1px solid #e3061366}.res-text h3{margin-bottom:8px;font-size:1.8rem;font-weight:900}.elegant-list{flex-direction:column;gap:15px;display:flex}.list-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:center;padding:30px;transition:all .4s;display:flex;position:relative;overflow:hidden}.list-item:hover{border-color:var(--sl-red);background:#ffffff0f;transform:translate(10px)}.list-number{color:#ffffff08;pointer-events:none;font-size:8rem;font-weight:900;line-height:1;transition:all .4s;position:absolute;bottom:-20px;right:-10px}.list-item:hover .list-number{color:#e3061314;transform:scale(1.1)translate(-10px)}.list-name{color:var(--sl-white);z-index:2;margin-bottom:5px;font-size:1.3rem;font-weight:800;position:relative}.list-candidates{color:#fff9;z-index:2;font-size:.95rem;font-weight:500;position:relative}.info-row{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}@media (width<=650px){.info-row{grid-template-columns:1fr}}.info-btn{color:#fff;text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:25px;text-decoration:none;transition:all .3s;display:flex}.info-btn:hover{border-color:var(--sl-red);background:#e306131a;transform:translateY(-5px)}.info-btn span{text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700}.info-btn.highlight{color:#002d56;background:#fff;border-color:#fff}.info-btn.highlight svg{color:#e30613}.info-btn.highlight:hover{background:#f0f0f0;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.vibe-footer{text-align:center;color:#002d56;background:#fff;border-radius:20px 20px 0 0;margin-top:40px;padding:30px 20px;font-size:.9rem;font-weight:600;box-shadow:0 -10px 30px #0003}.vibe-footer strong{color:#e30613}.ad-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100px;margin:30px 0;display:flex;overflow:hidden}@media (width<=600px){.ad-container{min-height:250px}}.faq-grid{flex-direction:column;gap:10px;display:flex}.faq-grid details{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.faq-grid summary{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 20px;font-weight:600;list-style:none;display:flex}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid p{opacity:.8;padding:0 20px 15px;font-size:.9rem;line-height:1.5}.share-box{text-align:center;margin:40px 0}.share-box p{opacity:.7;margin-bottom:20px;font-weight:600}.share-btns{justify-content:center;gap:15px;display:flex}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 25px;font-weight:700;transition:all .3s;display:flex}.share-btn.wa{background:#25d366}.share-btn.tw{background:#1da1f2}.share-btn:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 5px 15px #0003}@media (width<=500px){.share-btns{flex-direction:column;align-items:center}.share-btn{justify-content:center;width:100%}}