/* Portada única (Alfonso, tablón #149, 24-oct-2026): foto grande de Marbella con zoom lento,
   degradado para leer el texto y el retrato de Alfonso sobreimpreso. Sustituye a las 3 versiones en pestañas. */
.portada{position:relative;margin-top:var(--nav-h);min-height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0b1220;color:#F6F6F3;isolation:isolate}
.portada-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.portada-bg img{width:100%;height:100%;object-fit:cover;object-position:24% 50%;transform-origin:24% 45%;animation:portadaZoom 28s ease-in-out infinite alternate;will-change:transform}
@keyframes portadaZoom{from{transform:scale(1)}to{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.portada-bg img{animation:none}}
.portada-veil{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(7,12,22,.80) 0%,rgba(7,12,22,.55) 38%,rgba(7,12,22,.12) 72%,rgba(7,12,22,0) 100%),
  linear-gradient(0deg,rgba(7,12,22,.88) 0%,rgba(7,12,22,.35) 34%,rgba(7,12,22,0) 60%)}
.portada-in{width:100%;max-width:var(--wrap);margin:0 auto;padding:clamp(40px,8vh,96px) var(--pad) clamp(20px,3vh,32px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:end}
.portada-who{margin:0;width:clamp(210px,17vw,270px)}
.portada-pic{aspect-ratio:3/4}   /* foto SIN fondo sobre Puerto Banús (Alfonso, tablón #165: «no insertes una foto con fondo») */
.portada-pic img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.portada-who figcaption{display:grid;gap:4px;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(246,246,243,.82)}
.portada-who figcaption b{font-family:var(--sans);font-size:17px;font-weight:500;letter-spacing:-.01em;text-transform:none;color:#fff}
.portada-kw{width:128px;height:auto;margin-top:8px;filter:brightness(0) invert(1);opacity:.92}
.portada-copy{padding-bottom:6px;min-width:0}
.portada-copy h1{color:#fff;max-width:13ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.portada-lead{margin-top:20px;max-width:46ch;font-size:clamp(17px,1.3vw,21px);line-height:1.5;color:rgba(246,246,243,.9)}
.portada-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.portada-ctas .btn{min-width:240px;color:#fff;border-color:rgba(246,246,243,.8);background:rgba(7,12,22,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.portada-ctas .btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.portada-ctas .btn.primary{background:#F6F6F3;color:var(--ink);border-color:#F6F6F3}
.portada-ctas .btn.primary:hover{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.portada-foot{width:100%;max-width:var(--wrap);margin:0 auto;padding:14px var(--pad) 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-top:1px solid rgba(246,246,243,.18)}
.portada-foot .availability{margin:0;max-width:78ch;padding:8px 12px;border-left:2px solid var(--acc);background:rgba(7,12,22,.5);font-size:11.5px;line-height:1.55;color:rgba(246,246,243,.86)}
.portada-credit{margin:0;flex:none;font-family:var(--mono);font-size:10px;letter-spacing:.03em;color:rgba(246,246,243,.62);text-align:right}
.portada-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.portada-credit a:hover{color:#fff}
@media (max-width:860px){
  .portada-bg img{object-position:20% 50%;transform-origin:20% 45%}
  .portada-veil{background:linear-gradient(0deg,rgba(7,12,22,.92) 0%,rgba(7,12,22,.62) 48%,rgba(7,12,22,.2) 78%,rgba(7,12,22,.05) 100%)}
  .portada-in{grid-template-columns:1fr;gap:22px;padding-top:32px}
  .portada-who{width:auto;display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:end}
  .portada-who figcaption{margin-top:0}
  .portada-ctas .btn{min-width:0;flex:1 1 100%}
  .portada-foot{flex-direction:column;align-items:flex-start;gap:8px}
  .portada-credit{text-align:left;flex:initial}
}