/* MADRE SELVA · Cierre con la foto del dueño (30/10/2026) — ES / PT-BR / EN.
   Foto a plena intensidad con degradé negro suave solo del lado izquierdo (detrás del texto); textos a la izquierda sin tapar al dueño, en PC, tablet y celular.
   Dorado de la landing (#D4B074), sin contorno, en «MADRE SELVA» y en la frase en itálica. */
html body section.final{background:#0d0b09!important;padding:0!important;text-align:left!important;min-height:clamp(440px,44vw,680px);display:flex!important;align-items:center}
html body section.final::before{background-image:url(/assets/ms-cierre-20261030.webp)!important;background-size:cover!important;background-position:60% 42%!important;background-repeat:no-repeat!important;opacity:1!important;filter:none!important}
html body section.final::after{display:none!important}
html body section.final .wrap{position:relative;z-index:2;margin:0!important;padding:clamp(40px,5vw,72px) 0 clamp(40px,5vw,72px) clamp(24px,6.5vw,110px)!important;max-width:min(46%,620px)!important;text-align:left!important}
html body section.final .eyebrow{text-align:left!important;font-size:clamp(13px,1.15vw,17px)!important}
html body section.final h2{margin:16px 0 0!important;max-width:none!important;text-align:left!important;font-size:clamp(30px,3.3vw,52px)!important;line-height:1.1!important;text-shadow:0 2px 18px rgba(0,0,0,.6)}
html body section.final h2 .serif{display:block!important;margin-top:.3em;font-weight:400!important}
html body section.final h2 .serif,html body section.final .eyebrow{color:#d4b074!important;-webkit-text-fill-color:#d4b074!important;text-shadow:none!important}
html body section.final .eyebrow{font-weight:750!important}
html body section.final .btn{margin:clamp(22px,2.4vw,34px) 0 0!important}
html body section.final.final::after{content:"";display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;opacity:1!important;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.42) 36%,rgba(0,0,0,0) 58%)!important}
@media (max-width:1024px){
  html body section.final .btn.btn{font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;padding:11px 20px!important;min-height:0!important;height:auto!important;line-height:1.1!important;white-space:nowrap!important}
}
@media (max-width:699.98px){
  html body section.final{display:flex!important;align-items:center!important;min-height:0!important;height:70vw!important}
  html body section.final::before{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;background-position:100% 40%!important}
  html body section.final .wrap{max-width:48%!important;padding:0 0 0 14px!important}
  html body section.final .eyebrow{font-size:12.5px!important;letter-spacing:.12em!important}
  html body section.final h2{margin-top:10px!important;font-size:clamp(21px,5.9vw,26px)!important;line-height:1.12!important}
  html body section.final h2 .serif{font-size:.92em!important}
  html body section.final .btn.btn{margin-top:14px!important;font-size:10px!important;letter-spacing:.12em!important;padding:9px 14px!important}
}
/* Mismas esquinas redondeadas que la foto del helado (image-break): 34px en PC, 24px en tablet y celular. */
html body section.final.final{border-radius:34px!important;overflow:hidden!important;isolation:isolate}
html body section.final.final::before,html body section.final.final::after{border-radius:inherit}
@media (max-width:1024px){html body section.final.final{border-radius:24px!important}}
/* Preguntas frecuentes debajo del cierre: más discretas (no compiten con la foto) y con aire entre la franja y el cierre. */
html body section.final.final:not(#ms-x):not(#ms-y){margin-top:clamp(28px,3.4vw,48px)!important}
html body section.faq-section:not(#ms-x):not(#ms-y){padding:clamp(28px,3.4vw,48px) 0!important}
html body section.faq-section>.wrap>details.ms-faq-group>summary{font-size:clamp(17px,1.55vw,22px)!important;padding:15px 20px!important}
/* Preguntas desplegadas en la escala de la landing: preguntas como títulos de tarjeta (15,5–17px), respuestas como texto secundario (15px), módulos compactos. */
html body section.faq-section .ms-faq-group>.faq{margin-top:4px!important;gap:6px!important}
html body section.faq-section .ms-faq-group .faq details{padding:12px 18px!important}
html body section.faq-section .ms-faq-group .faq details>summary{font-size:clamp(15.5px,1.15vw,17px)!important;font-weight:650!important;line-height:1.4!important}
html body section.faq-section .ms-faq-group .faq details>:not(summary){font-size:15px!important;line-height:1.55!important;margin-top:8px!important}