/* Landings «Enlaces de interés» (estructura cs-landing cs-interes) */
body .cs-interes,body .cs-interes *{box-sizing:border-box}
body .cs-interes{--wine:#7A232B;--deep:#601920;--ink:#292522;--text:#625a55;--line:#E8DDD0;--ivory:#F8F4EE;--kraft:#B99A75;font-family:Poppins,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.75;overflow:hidden}
body .cs-interes a{text-decoration:none}
body .cs-interes h1,body .cs-interes h2,body .cs-interes h3{font-family:Poppins,Arial,Helvetica,sans-serif;color:var(--ink);letter-spacing:-.03em;font-weight:700;margin:0}

/* Hero */
body .cs-interes .cs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center;width:min(1240px,calc(100% - 44px));margin:0 auto;padding:clamp(48px,6vw,86px) 0}
body .cs-interes{position:relative;isolation:isolate}
body .cs-interes .cs-hero-copy{min-width:0}
body .cs-interes .cs-kicker{display:inline-flex;align-items:center;gap:11px;margin:0 0 18px;color:var(--wine);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
body .cs-interes .cs-kicker::before{content:"";width:28px;height:2px;flex:0 0 28px;background:currentColor}
body .cs-interes .cs-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;margin:0 0 20px;text-wrap:balance}
body .cs-interes .cs-hero-copy>p:not(.cs-kicker){font-size:clamp(15px,1.15vw,17px);line-height:1.85;color:var(--text);margin:0 0 28px;max-width:600px}
body .cs-interes .cs-hero-media{margin:0;position:relative}
body .cs-interes .cs-hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:20px;box-shadow:0 24px 55px rgba(41,37,34,.14)}

/* Botones */
body .cs-interes .cs-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:8px;background:var(--wine);color:#fff!important;font-size:14px;font-weight:700;line-height:1.3;transition:background .2s}
body .cs-interes .cs-btn::after{content:"→"}
body .cs-interes .cs-btn:hover{background:var(--deep)}

/* Contenido */
body .cs-interes .cs-content{width:min(880px,calc(100% - 44px));margin:0 auto;padding:clamp(46px,6vw,80px) 0 clamp(56px,7vw,90px);border-top:1px solid var(--line)}
body .cs-interes .cs-content h2{font-size:clamp(25px,2.6vw,34px);line-height:1.22;margin:52px 0 16px}
body .cs-interes .cs-content>h2:first-child{margin-top:0}
body .cs-interes .cs-content h3{font-size:18px;line-height:1.35;margin:28px 0 8px;color:var(--wine);letter-spacing:-.01em}
body .cs-interes .cs-content p{font-size:15.5px;line-height:1.9;color:var(--text);margin:0 0 16px}

/* Preguntas frecuentes */
body .cs-interes details{border-bottom:1px solid var(--line);padding:18px 0}
body .cs-interes h2+details{border-top:1px solid var(--line)}
body .cs-interes summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;line-height:1.5;color:var(--ink)}
body .cs-interes summary::-webkit-details-marker{display:none}
body .cs-interes summary::after{content:"+";flex:0 0 auto;color:var(--wine);font-size:22px;line-height:1}
body .cs-interes details[open] summary::after{content:"−"}
body .cs-interes details p{margin:10px 0 0;font-size:14.5px}

/* Otras soluciones */
body .cs-interes .cs-related{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body .cs-interes .cs-related li{margin:0}
body .cs-interes .cs-related a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:16px 18px;background:var(--ivory);border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink);transition:border-color .2s,background .2s,color .2s}
body .cs-interes .cs-related a::after{content:"→";color:var(--wine);font-weight:700}
body .cs-interes .cs-related a:hover{border-color:#d0b6ae;background:#f4ebe4;color:var(--wine)}

/* CTA */
body .cs-interes .cs-cta{margin:56px 0 0;padding:clamp(32px,4.5vw,50px);border-radius:20px;background:linear-gradient(135deg,#7A232B 0%,#601920 100%);color:#fff;position:relative;overflow:hidden}
body .cs-interes .cs-cta::after{content:"";position:absolute;width:280px;height:280px;right:-120px;bottom:-140px;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}
body .cs-interes .cs-cta h2{color:#fff;margin:0 0 12px}
body .cs-interes .cs-cta p{color:rgba(255,255,255,.86);max-width:620px;margin:0 0 24px}
body .cs-interes .cs-cta .cs-btn{background:#fff;color:var(--wine)!important}
body .cs-interes .cs-cta .cs-btn:hover{background:var(--ivory)}

/* Fondo crema del hero a todo el ancho */
body .cs-interes .cs-hero{position:relative}
body .cs-interes .cs-hero::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--ivory);z-index:-2}

@media(max-width:900px){
body .cs-interes .cs-hero{grid-template-columns:1fr;gap:34px}
body .cs-interes .cs-hero-media{max-width:640px}
}
@media(max-width:600px){
body .cs-interes .cs-hero,body .cs-interes .cs-content{width:calc(100% - 30px)}
body .cs-interes .cs-related{grid-template-columns:1fr}
body .cs-interes .cs-btn{width:100%;justify-content:center}
body .cs-interes .cs-content p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){body .cs-interes *{transition:none!important}}
