/* Portada de Inicio v9 · La Fontana · Zyblinca 25-oct-2026
   Base exacta: LaFontana-portada-menu-v9-compu-celular.html. Se respeta el orden de sus reglas
   (v1, v2, v3, v4 y v9) y solo se quitan las del menú de muestra y del body. */
.lf-portada{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;background:#111a15;color:#fff;font-family:Montserrat,Arial,sans-serif}
.lf-portada *{box-sizing:border-box}
.lf-portada__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:-3}
.lf-portada::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,18,14,.92),rgba(10,18,14,.82) 34%,rgba(10,18,14,.25) 72%,rgba(10,18,14,.1)),linear-gradient(0deg,rgba(10,18,14,.7),transparent 32%)}
.lf-portada__interior{max-width:1320px;margin:auto;min-height:clamp(650px,calc(100svh - 92px),880px);padding:85px 64px 115px;display:flex;align-items:center}
.lf-portada__contenido{max-width:650px}
.lf-portada__rotulo{display:flex;align-items:center;gap:15px;margin:0 0 25px;font-size:12px;font-weight:600;line-height:1.7;letter-spacing:.17em;text-transform:uppercase;color:#fff}
.lf-portada__rotulo::before{content:"";width:38px;height:1px;background:#a1bc3c}
.lf-portada__titulo{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(60px,6vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
.lf-portada__titulo em{font-weight:400;color:#e1e8ca}
.lf-portada__texto{max-width:445px;margin:28px 0 32px;font-size:16px;line-height:1.85;color:#fff;text-wrap:pretty}
.lf-portada__botones{display:flex;flex-wrap:wrap;gap:13px}
.lf-portada__boton{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 23px;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.025em;text-decoration:none;transition:background .2s ease}
.lf-portada__boton--principal{background:#a1bc3c;color:#1b1e10;border:1px solid #a1bc3c}
.lf-portada__boton--principal:hover{background:#b6cf55;color:#1b1e10}
.lf-portada__boton--secundario{background:rgba(10,18,14,.4);color:#fff;border:1px solid rgba(255,255,255,.7)}
.lf-portada__boton--secundario:hover{background:rgba(255,255,255,.16);color:#fff}
.lf-portada__boton:focus-visible{outline:3px solid #fff;outline-offset:5px}
.lf-portada__pie{position:absolute;bottom:32px;left:0;right:0;max-width:1320px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lf-portada__dato{margin:0;font-size:12px;line-height:1.6;letter-spacing:.06em;color:#fff}
.lf-portada__estado{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.09em}
.lf-portada__linea{height:2px;width:54px;background:#a1bc3c}
@media(max-width:700px){.lf-portada__interior{min-height:760px;padding:285px 24px 100px;align-items:flex-end}.lf-portada__foto{height:440px;object-position:32% top}.lf-portada::before{background:linear-gradient(180deg,rgba(10,18,14,.02),rgba(10,18,14,.05) 180px,rgba(10,18,14,.92) 340px,#111a15 440px)}.lf-portada__titulo{font-size:54px;line-height:1.03}.lf-portada__rotulo{font-size:11px;letter-spacing:.12em;margin-bottom:18px;gap:10px}.lf-portada__rotulo::before{width:24px}.lf-portada__texto{font-size:15px;margin:20px 0 26px;line-height:1.75}.lf-portada__botones{flex-direction:column;align-items:stretch;gap:12px}.lf-portada__boton{font-size:13px}.lf-portada__pie{bottom:24px;padding:0 24px}.lf-portada__dato{font-size:11px;max-width:220px}.lf-portada__estado{display:none}}
@media(prefers-reduced-motion:reduce){.lf-portada__boton{transition:none}}

/* v2: portada con exterior e interior; independiente del banner de cotizacion. */
.lf-portada__foto{width:100%;object-position:center top}
.lf-portada__pista{position:absolute;right:0;top:0;width:53%;height:100%;object-fit:cover;object-position:67% center;z-index:-3;filter:brightness(.82) saturate(.85);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 52%);mask-image:linear-gradient(90deg,transparent 0%,#000 52%)}
.lf-portada::before{background:linear-gradient(90deg,rgba(10,18,14,.03) 0%,rgba(10,18,14,.12) 33%,rgba(10,18,14,.87) 51%,rgba(10,18,14,.90) 73%,rgba(10,18,14,.56) 100%),linear-gradient(0deg,rgba(10,18,14,.60),transparent 24%)}
.lf-portada__interior{max-width:1440px;min-height:clamp(670px,calc(100svh - 100px),1000px);padding:85px 52px 110px;display:grid;grid-template-columns:1fr 1fr;gap:54px}
.lf-portada__contenido{grid-column:2;max-width:610px}
.lf-portada__titulo{font-size:clamp(58px,4.7vw,84px);line-height:1.03}
.lf-portada__texto{max-width:440px}
.lf-portada__pie{max-width:1440px;padding:0 52px}
@media(min-width:1900px){.lf-portada__interior{min-height:clamp(900px,48vw,1250px)}.lf-portada__foto{width:100%;object-position:center top}.lf-portada__titulo{font-size:90px}}
@media(max-width:700px){.lf-portada__foto{width:100%;height:440px;object-position:30% top}.lf-portada__pista{width:53%;height:440px;object-position:70% center;filter:brightness(.72) saturate(.8);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}.lf-portada::before{background:linear-gradient(180deg,rgba(10,18,14,.02),rgba(10,18,14,.07) 190px,rgba(10,18,14,.96) 350px,#111a15 440px)}.lf-portada__interior{display:block;min-height:0;padding:350px 24px 110px}.lf-portada__titulo{font-size:clamp(46px,12vw,58px)}.lf-portada__contenido{max-width:100%}.lf-portada__pie{padding:0 24px}}
@font-face { font-family: 'Mrs Saint Delafield'; font-style: normal; font-weight: 400; font-display: swap; src: url(../eventos/mrs-saint-delafield-latin-400.woff2) format('woff2'); }
/* v3: firma personal junto a la linea verde existente. */
.lf-portada__estado{gap:16px}
.lf-portada .lf-portada__firma{font-family:'Mrs Saint Delafield',cursive;font-size:43px;font-weight:400;line-height:1.1;letter-spacing:0;color:#ede9dd;text-transform:none;white-space:nowrap}

/* v4: alto de la primera pantalla y ajustes de celular. */
.lf-portada__interior{min-height:clamp(640px,calc(100vh - 100px),960px)}
.lf-portada__interior{min-height:clamp(640px,calc(100svh - 100px),960px)}
@media(min-width:1900px){.lf-portada__interior{min-height:clamp(900px,48vw,1250px)}}
@media(max-width:700px){.lf-portada__interior{min-height:0;padding-top:325px;padding-bottom:44px}.lf-portada__pie{position:static;padding:0 24px 25px;align-items:center;gap:16px}.lf-portada__estado{display:flex;gap:10px}.lf-portada .lf-portada__firma{font-size:34px}.lf-portada__linea{width:24px}.lf-portada__dato{font-size:10px;max-width:160px}.lf-portada__titulo{font-size:clamp(44px,11.5vw,58px)}}
@media(max-width:360px){.lf-portada__pie{flex-direction:column;align-items:flex-start}.lf-portada__dato{max-width:100%}}

/* v9: en celular, dos fotos seleccionables; texto y botones no cambian. */
.lf-portada__media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.lf-portada__media .lf-portada__foto,.lf-portada__media .lf-portada__pista{z-index:0}
.lf-portada__controles{display:none}
@media(max-width:700px){.lf-portada__media{height:440px;touch-action:pan-y}.lf-portada__media .lf-portada__foto,.lf-portada__media .lf-portada__pista{width:100%;height:440px;transition:opacity .45s ease;-webkit-mask-image:none;mask-image:none}.lf-portada__media .lf-portada__foto{object-position:30% top;opacity:1}.lf-portada__media .lf-portada__pista{object-position:65% center;filter:brightness(.82) saturate(.85);opacity:0}.lf-portada__media[data-foto="2"] .lf-portada__foto{opacity:0}.lf-portada__media[data-foto="2"] .lf-portada__pista{opacity:1}.lf-portada__controles{display:flex;position:absolute;left:24px;top:267px;gap:4px;align-items:center}.lf-portada__selector{border:0;background:transparent;color:#fff;min-width:44px;min-height:44px;padding:12px;cursor:pointer;display:grid;place-items:center}.lf-portada__selector::before{content:"";display:block;width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:transparent}.lf-portada__selector[aria-pressed="true"]::before{background:#a1bc3c;border-color:#a1bc3c}.lf-portada__selector:focus-visible{outline:2px solid #fff;outline-offset:-4px}}
@media(prefers-reduced-motion:reduce){.lf-portada__media .lf-portada__foto,.lf-portada__media .lf-portada__pista{transition:none}}

/* Integración en el sitio: el CSS general fuerza Open Sans en p/span/a/em y estilos de Bootstrap. */
.lf-portada p,.lf-portada a,.lf-portada span,.lf-portada button{font-family:Montserrat,Arial,sans-serif}
.lf-portada .lf-portada__titulo em{font-family:'Cormorant Garamond',Georgia,serif}
.lf-portada .lf-portada__firma{font-family:'Mrs Saint Delafield',cursive}
.lf-portada a.lf-portada__boton,.lf-portada a.lf-portada__boton:hover{text-decoration:none}
.lf-portada .lf-portada__selector{border-radius:0}

/* H1 aprobado 25-oct: antetítulo pequeño + frase grande dentro del mismo H1, misma vista que v9. */
.lf-portada .lf-portada__h1{margin:0;padding:0;font:inherit;color:#fff;letter-spacing:normal}
.lf-portada .lf-portada__rotulo{font-family:Montserrat,Arial,sans-serif}
.lf-portada .lf-portada__titulo{display:block;font-family:'Cormorant Garamond',Georgia,serif;color:#fff}

/* Título en una línea en pantallas grandes (25-oct): desde 1900 px la frase usa 90 px y no entraba en 610 px.
   La columna de texto se extiende hacia la derecha sobre la pista; el inicio del texto queda en el mismo lugar. */
@media(min-width:1900px){.lf-portada__interior{max-width:none}.lf-portada__contenido{max-width:760px}}