
/* ========== HERO ========== */
.hero{min-height:55vh;background:var(--dark);position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('https://sunnyapp.com/wp-content/uploads/2024/02/about_paneles.webp') center/cover no-repeat;filter:blur(3px);opacity:.45;transform:scale(1.05)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,13,13,.92) 0%,rgba(13,13,13,.75) 50%,rgba(13,13,13,.6) 100%)}
.hero-content{position:relative;z-index:2;padding:130px 40px 90px;max-width:1200px;margin:0 auto;width:100%;text-align:center}
.hero h1{font-weight:900;font-size:clamp(2.6rem,5.5vw,4rem);color:#fff;line-height:1.2;margin-bottom:22px}
.hero h1 span{color:var(--yellow)}
.hero-sub{color:rgba(255,255,255,.85);font-size:17px;line-height:1.8;max-width:680px;margin:0 auto 36px;font-weight:300}
.hero-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:rgba(255,255,255,.4);margin-bottom:20px}
.hero-breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none}
.hero-breadcrumb a:hover{color:var(--yellow)}
@media(max-width:900px){.hero-content{padding:100px 20px 60px}}

/* ========== FAQ ACCORDION - NUEVO DISEÑO MÁS ESTRECHO ========== */
.faq-bg{background:var(--gray-light);padding:60px 20px}
.faq-container{max-width:800px;margin:0 auto}
.faq-accordion .card{border:none;border-radius:var(--radius-lg)!important;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.04);transition:box-shadow .2s}
.faq-accordion .card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.faq-accordion .card-header{background:#fff;padding:0;border-bottom:none}
.faq-accordion .btn-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 28px;text-align:left;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.1rem;color:var(--dark);text-decoration:none;white-space:normal;border:none;background:transparent;transition:background .2s}
.faq-accordion .btn-link:hover{background:rgba(252,191,0,.04);color:var(--dark)}
.faq-accordion .btn-link.collapsed .faq-icon{transform:rotate(0deg)}
.faq-accordion .faq-icon{transition:transform .2s;transform:rotate(180deg);font-size:1.2rem;color:var(--yellow);margin-left:16px;flex-shrink:0}
.faq-accordion .card-body{padding:0 28px 24px 28px;color:var(--text-muted);font-size:15px;line-height:1.7;border-top:1px solid var(--border);margin-top:0}
.faq-accordion .card-body ul{padding-left:20px;margin-top:8px}
.faq-accordion .card-body ul li{margin-bottom:6px}
@media(max-width:600px){
    .faq-container{max-width:100%}
    .faq-accordion .btn-link{font-size:1rem;padding:16px 20px}
    .faq-accordion .card-body{padding:0 20px 20px 20px}
}