.page{background-color:#EDFAFF}.page>.section.sec-hero{background-image:url("/assets/pages/tarifasya/energia/compara-luz-y-gas/01.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;background-clip:padding-box;padding-bottom:30px}.page>.section.sec-hero .hero-layout{display:grid;gap:1rem 2rem;grid-template-columns:1.5fr 1fr;grid-template-areas:"headers placeholder" "tip placeholder";align-items:start}.page>.section.sec-hero .hero-headers{grid-area:headers}.page>.section.sec-hero .tip{grid-area:tip}.page>.section.sec-hero .tip{background-color:#2683BC;color:#FFF;border-radius:20px;padding:20px;gap:15px}.page>.section.sec-hero .tip .tip-text{gap:4px}.page>.section.sec-hero .tip .tip-text .tip-sub{color:rgba(255,255,255,0.75);font-size:0.9rem}.page>.section.sec-hero .tip .tip-buttons{gap:10px}.page>.section.sec-hero .tip .tip-buttons A.button,.page>.section.sec-hero .tip .tip-buttons BUTTON.button{flex:1 1 130px;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;letter-spacing:0;text-transform:none;font-size:0.95rem;padding:12px 16px}.page>.section.sec-hero .tip .tip-buttons A.button IMG,.page>.section.sec-hero .tip .tip-buttons BUTTON.button IMG{width:22px;height:22px}.page>.section.sec-hero .tip .tip-buttons .button.btn-call{background-color:#FF5A1F}.page>.section.sec-hero .tip .tip-buttons .button.btn-call:hover{background-color:#E84410}.page>.section.sec-hero .tip .tip-buttons .button.btn-chat{background-color:#38BDF8}.page>.section.sec-hero .tip .tip-buttons .button.btn-chat:hover{background-color:#0284C7}.page>.section.sec-hero .tip .tip-buttons .button.btn-whatsapp{background-color:#25D366}.page>.section.sec-hero .tip .tip-buttons .button.btn-whatsapp:hover{background-color:#128C7E}.page>.section.sec-hero .hero-tarificador{grid-area:placeholder;align-self:start;background:rgba(255,255,255,0.98);border-radius:20px;box-shadow:0 10px 30px -12px rgba(0,0,0,0.45);color:#0E1840;overflow:hidden}.page>.section.sec-hero .hero-tarificador .hero-tarificador-progress{display:none;align-items:center;gap:10px;margin:16px 16px 0}.page>.section.sec-hero .hero-tarificador .hero-tarificador-progress.is-visible{display:flex}.page>.section.sec-hero .hero-tarificador .hero-tarificador-progress-track{flex:1;height:4px;background:rgba(0,0,0,0.08);border-radius:999px;overflow:hidden}.page>.section.sec-hero .hero-tarificador .hero-tarificador-progress-fill{height:100%;width:0;background:#0E1840;border-radius:inherit;transition:width 0.35s ease}.page>.section.sec-hero .hero-tarificador .hero-tarificador-progress-pct{color:#0E1840;font-size:0.85rem;line-height:1;min-width:36px;text-align:right;font-family:gothamBookBold,Arial,Helvetica,sans-serif}.page>.section.sec-hero .hero-tarificador .form-group{display:flex;flex-direction:column;gap:8px;width:100%}.page>.section.sec-hero .hero-tarificador .tar_rgpd,.page>.section.sec-hero .hero-tarificador .tar_rgpd_com{font-size:12px;opacity:0.8;text-align:left}@media (min-width:0px) and (max-width:1024px){.page>.section.sec-hero .hero-layout{grid-template-columns:1fr;grid-template-areas:"headers" "placeholder" "tip"}}.sticky-mobile{display:none}@media (min-width:0px) and (max-width:1024px){.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgba(0,0,0,0.1);box-shadow:0 -8px 24px -12px rgba(0,0,0,0.35)}.sticky-mobile .button{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;padding:12px 8px;border-radius:10px;letter-spacing:0;text-transform:none;font-weight:700;font-size:0.9rem;color:#fff;text-decoration:none;cursor:pointer;border:0;box-shadow:none}.sticky-mobile .button IMG{width:18px;height:18px}.sticky-mobile .button.btn-call{background:#FF5A1F}.sticky-mobile .button.btn-call:hover{background:#E84410}.sticky-mobile .button.btn-chat{background:#38BDF8}.sticky-mobile .button.btn-chat:hover{background:#0284C7}.sticky-mobile .button.btn-whatsapp{background:#25D366}.sticky-mobile .button.btn-whatsapp:hover{background:#128C7E}#footer{padding-bottom:88px}}.page>.section.sec-ahorro>.flex-box-column{max-width:680px;background-color:#0E1840;color:#FFF;border-radius:30px;padding:40px 30px;position:relative;overflow:hidden}.page>.section.sec-ahorro>.flex-box-column::before{content:"";position:absolute;inset:auto -15% -40% auto;width:420px;height:420px;background:radial-gradient(closest-side,rgba(0,166,90,0.35),transparent 70%);filter:blur(20px);pointer-events:none}.page>.section.sec-ahorro .ahorro-kicker{text-transform:uppercase;letter-spacing:0.08em}.page>.section.sec-ahorro .ahorro-cifra{color:#FFD84D;line-height:1;letter-spacing:-0.02em}@media (max-width:720px){.page>.section.sec-ahorro .ahorro-cifra{font-size:36px}}@media (min-width:721px) and (max-width:1024px){.page>.section.sec-ahorro .ahorro-cifra{font-size:44px}}@media (min-width:1025px) and (max-width:1499px){.page>.section.sec-ahorro .ahorro-cifra{font-size:52px}}@media (min-width:1500px){.page>.section.sec-ahorro .ahorro-cifra{font-size:60px}}.page>.section.sec-como .como-header{text-align:center;gap:6px;margin-bottom:30px}.page>.section.sec-como .como-header .como-kicker{text-transform:uppercase;letter-spacing:0.08em;color:#2683BC}.page>.section.sec-como .como-steps{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);align-items:stretch}.page>.section.sec-como .como-step{background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:20px;padding:24px;gap:8px}.page>.section.sec-como .como-step .como-step-num{color:#2683BC;font-size:2.6rem;line-height:1;margin-bottom:4px}.page>.section.sec-como .como-step .como-step-title{font-size:1.05rem;line-height:1.3;margin:0}.page>.section.sec-como .como-step .como-step-text{color:rgba(0,0,0,0.65);font-size:0.95rem;line-height:1.5;margin:0}@media (min-width:0px) and (max-width:1024px){.page>.section.sec-como .como-steps{grid-template-columns:1fr}}.page>.section.sec-bocadillo>div{display:flex;justify-content:center}.page>.section.sec-bocadillo .bocadillo{position:relative;display:flex;flex-direction:column;gap:15px;padding:25px;background-color:#FFD84D;border-radius:20px;max-width:720px;color:#0E1840}.page>.section.sec-bocadillo .bocadillo::before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #FFD84D}.page>.section.sec-bocadillo .bocadillo-row{display:flex;flex-direction:row;align-items:center;gap:20px}.page>.section.sec-bocadillo .bocadillo-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;background-color:#0E1840;display:grid;place-items:center}.page>.section.sec-bocadillo .bocadillo-icon IMG{width:28px;height:28px}.page>.section.sec-bocadillo .bocadillo-body{gap:6px}.page>.section.sec-bocadillo .bocadillo-body .bocadillo-title{font-size:1.15rem;line-height:1.3;margin:0;color:#0E1840}.page>.section.sec-bocadillo .bocadillo-body .bocadillo-text{margin:0;line-height:1.45;color:#0E1840}.page>.section.sec-bocadillo .bocadillo-ctas{gap:10px;flex-wrap:wrap;width:50%;margin:0 auto}.page>.section.sec-bocadillo .bocadillo-ctas A.button,.page>.section.sec-bocadillo .bocadillo-ctas BUTTON.button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:12px 18px;letter-spacing:0;text-transform:none;font-size:0.95rem;color:#fff}.page>.section.sec-bocadillo .bocadillo-ctas A.button IMG,.page>.section.sec-bocadillo .bocadillo-ctas BUTTON.button IMG{width:22px;height:22px}.page>.section.sec-bocadillo .bocadillo-ctas .button.btn-chat{background-color:#38BDF8}.page>.section.sec-bocadillo .bocadillo-ctas .button.btn-chat:hover{background-color:#0284C7}.page>.section.sec-bocadillo .bocadillo-ctas .button.btn-whatsapp{background-color:#25D366}.page>.section.sec-bocadillo .bocadillo-ctas .button.btn-whatsapp:hover{background-color:#128C7E}@media (max-width:720px){.page>.section.sec-bocadillo .bocadillo{padding:15px}.page>.section.sec-bocadillo .bocadillo .bocadillo-row{gap:10px}.page>.section.sec-bocadillo .bocadillo .bocadillo-icon{width:48px;height:48px}.page>.section.sec-bocadillo .bocadillo .bocadillo-icon IMG{width:24px;height:24px}.page>.section.sec-bocadillo .bocadillo .bocadillo-ctas{width:100%}}.page>.section.sec-faq{padding-bottom:40px}.page>.section.sec-faq .faq-header{text-align:center;gap:6px;margin-bottom:30px}.page>.section.sec-faq .faq-header .faq-kicker{text-transform:uppercase;letter-spacing:0.08em;color:#2683BC}.page>.section.sec-faq .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.page>.section.sec-faq .faq-item{background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:20px;overflow:hidden}.page>.section.sec-faq .faq-question{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.page>.section.sec-faq .faq-question::-webkit-details-marker{display:none}.page>.section.sec-faq .faq-question::marker{content:""}.page>.section.sec-faq .faq-question .faq-question-text{line-height:1.3}.page>.section.sec-faq .faq-question .faq-arrow{width:14px;height:14px;flex-shrink:0;transition:transform 0.2s ease}.page>.section.sec-faq .faq-item[open] .faq-arrow{transform:rotate(180deg)}.page>.section.sec-faq .faq-answer{padding:0 20px 18px;color:rgba(0,0,0,0.7);line-height:1.55;font-size:0.95rem}.page>.section.sec-faq .faq-ctas{gap:10px;max-width:520px;margin:20px auto 0}.page>.section.sec-faq .faq-ctas A.button,.page>.section.sec-faq .faq-ctas BUTTON.button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:12px 18px;letter-spacing:0;text-transform:none;font-size:0.95rem;color:#fff}.page>.section.sec-faq .faq-ctas A.button IMG,.page>.section.sec-faq .faq-ctas BUTTON.button IMG{width:22px;height:22px}.page>.section.sec-faq .faq-ctas .button.btn-call{background-color:#FF5A1F}.page>.section.sec-faq .faq-ctas .button.btn-call:hover{background-color:#E84410}.page>.section.sec-faq .faq-ctas .button.btn-chat{background-color:#38BDF8}.page>.section.sec-faq .faq-ctas .button.btn-chat:hover{background-color:#0284C7}.page>.section.sec-faq .faq-ctas .button.btn-whatsapp{background-color:#25D366}.page>.section.sec-faq .faq-ctas .button.btn-whatsapp:hover{background-color:#128C7E}@media (min-width:0px) and (max-width:1024px){.page>.section.sec-faq .faq-ctas{display:none}}