/* Portada terracota */
.h-track>section.pt-hero{background:linear-gradient(90deg,#D26A39 0%,#C9602F 45%,#B9542A 100%);color:#2A1726;overflow-x:hidden;overflow-y:auto;padding-bottom:0}
.pt-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 20% 40%,rgba(255,220,190,.18),transparent 70%);pointer-events:none;z-index:0}
.pt-word{position:absolute;left:-2vw;bottom:-4vw;z-index:0;font-family:var(--font-display);font-weight:700;font-size:clamp(140px,24vw,380px);line-height:.8;letter-spacing:-.03em;color:rgba(90,35,15,.16);pointer-events:none;white-space:nowrap}
html.js-motion .pt-word{transform:translateX(-8%);opacity:0;transition:transform 2.4s var(--ease-out) .3s,opacity 1.6s var(--ease-out) .3s}
body.hero-ready .pt-word{transform:none;opacity:1}
#top.pt-hero .hero{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:100%;align-items:center;padding:0 0 0 max(28px,5vw);max-width:none;margin:0}
#top.pt-hero .hero>div:first-child{max-width:560px;padding:32px 0 100px}
.pt-hero .kicker{color:#2A1726!important}
.pt-hero .kicker::before{background:#2A1726}
.pt-hero .hero h1{color:#2A1726;font-size:clamp(46px,6vw,88px)}
.pt-hero .hero h1 em{color:#FBF6EF!important}
.pt-hero .hero p{color:#2A1726;font-size:16px;line-height:1.55;white-space:pre-line;max-width:48ch}
@media (max-height:760px) and (min-width:881px){.pt-hero .hero p{white-space:normal}.pt-hero .hero h1{font-size:clamp(40px,4.6vw,64px)}}
.pt-hero .btn-primary{background:linear-gradient(#FBF6EF,#FBF6EF) no-repeat 0 0/0% 100%,#2A1726;color:#FBF6EF}
.pt-hero .btn-primary:hover{background:linear-gradient(#FBF6EF,#FBF6EF) no-repeat 0 0/100% 100%,#2A1726;color:#2A1726;box-shadow:0 16px 34px rgba(42,23,38,.3)}
.pt-hero .btn-secondary{background:linear-gradient(#2A1726,#2A1726) no-repeat 0 0/0% 100%,rgba(251,246,239,.9);color:#2A1726}
.pt-hero .btn-secondary:hover{background:linear-gradient(#2A1726,#2A1726) no-repeat 0 0/100% 100%,rgba(251,246,239,.9);color:#FBF6EF}

/* Foto */
#top .pt-visual{aspect-ratio:auto!important;max-height:none!important;width:100%!important;height:100%;border-radius:0;align-self:stretch;position:relative;overflow:visible;background:none;box-shadow:none}
.pt-visual .hero-photo-wrap{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}
.pt-photo{height:100%;width:auto;max-width:none;object-fit:cover;object-position:50% 20%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%),linear-gradient(0deg,transparent 0%,#000 10%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%);filter:saturate(1.05)}
html.js-motion #top .pt-visual{clip-path:inset(0 0 0 100%);transition:clip-path 1.6s var(--ease-io) .15s}
body.hero-ready #top .pt-visual{clip-path:inset(0 0 0 0)}
html.js-motion #top .pt-visual .hero-photo-wrap{transform:scale(1.12) translateX(4%);transition:transform 2.4s var(--ease-out) .15s}
body.hero-ready #top .pt-visual .hero-photo-wrap{transform:none}

.pt-name{position:absolute;right:max(24px,3vw);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;text-align:right;color:#FBF6EF;font-family:var(--font-display);line-height:.9;z-index:2;text-shadow:0 4px 30px rgba(60,20,5,.35)}
.pt-name span{font-size:clamp(40px,5vw,78px);font-weight:600}
.pt-name em{font-size:clamp(40px,5vw,78px);font-style:italic;font-weight:500}
.pt-name small{margin-top:14px;font-family:var(--font-body);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;text-shadow:none;opacity:.9}
html.js-motion #top .pt-name{opacity:0;transform:translate(30px,-50%)}
body.hero-ready #top .pt-name{opacity:1;transform:translate(0,-50%);transition:opacity 1s var(--ease-out) 1.1s,transform 1.2s var(--ease-out) 1.1s}

#top.pt-hero .h-next-card{display:none}
#top.pt-hero .h-next-card strong{font-size:22px}

@media (max-width:880px){
  #top.pt-hero .hero{grid-template-columns:1fr;padding:0 22px}
  #top.pt-hero .hero>div:first-child{padding:28px 0 0;order:2}
  #top .pt-visual{height:62vh;order:1;margin:0 -22px;width:calc(100% + 44px)!important}
  .pt-photo{-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 18%);mask-image:linear-gradient(0deg,transparent 0%,#000 18%)}
  .pt-name{top:auto;bottom:18%;transform:none}
  html.js-motion #top .pt-name,body.hero-ready #top .pt-name{transform:none}
  #top.pt-hero .h-next-card{position:relative;left:auto;bottom:auto;margin:24px 22px 110px}
  .pt-word{bottom:auto;top:40vh}
}

.pt-moments{display:flex;flex-direction:column;gap:8px;margin:4px 0 24px}
.pt-moments>span{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#2A1726}
.pt-moments ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pt-moments li{padding:6px 12px;border-radius:999px;background:rgba(251,246,239,.88);color:#2A1726;font-size:13px;font-weight:700;transition:background .3s,color .3s,transform .35s var(--ease-out)}
.pt-moments li:hover{background:#2A1726;color:#FBF6EF;transform:translateY(-2px)}
html.js-motion .pt-moments{opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease-out) .65s,transform 1.2s var(--ease-out) .65s}
body.hero-ready .pt-moments{opacity:1;transform:none}