@import url('styles-v5.css');

/* V6: una página por entrada del menú; Inicio queda como portada breve. */
.nav-cta.current{background:var(--pink-deep)}

.home-closing{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:32px;padding-bottom:70px;border-top:1px solid var(--line)}
.home-closing p{margin:0;font-size:clamp(23px,2.8vw,38px);font-weight:800;letter-spacing:-.055em;line-height:1.2}
.home-closing .text-link{flex:none}

.story-hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(50px,8vw,125px);padding-top:75px;padding-bottom:85px}
.story-hero-copy h1,.contact-page-copy h1{max-width:690px;margin:0 0 28px;font-size:clamp(68px,7vw,110px);line-height:.99;letter-spacing:-.078em}
.story-hero-copy h1 em,.contact-page-copy h1 em{color:var(--pink-deep);font-style:normal}
.story-hero-copy>p:not(.eyebrow),.contact-page-copy>p:not(.eyebrow){max-width:500px;margin-bottom:30px;color:var(--ink-soft);font-size:16px;line-height:1.75}
.story-portrait{margin:0}
.story-portrait img{width:100%;height:620px;object-fit:cover;object-position:center 40%;border-radius:22px}
.story-portrait figcaption{margin-top:13px;color:var(--muted);font-size:11px;line-height:1.5}
.story-next{padding:78px 0;background:#faf8f8;border-top:1px solid var(--line)}
.story-next-inner{display:flex;align-items:end;justify-content:space-between;gap:45px}
.story-next h2{max-width:680px;margin:0;font-size:clamp(45px,5vw,74px);line-height:1.05}
.story-next-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

.contact-page-hero{display:grid;grid-template-columns:1fr .84fr;align-items:center;gap:clamp(50px,8vw,120px);padding-top:70px;padding-bottom:80px}
.contact-page-photo img{width:100%;height:545px;object-fit:cover;object-position:center 72%;border-radius:22px}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.channel-card{display:flex;flex-direction:column;min-height:310px;padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}
.channel-card:hover{transform:translateY(-4px);border-color:#e2c6ce;box-shadow:0 16px 35px rgba(41,37,38,.07)}
.channel-card>span{color:var(--pink-deep);font-size:10px;font-weight:800;letter-spacing:.12em}
.channel-card h3{margin:23px 0 10px;font-size:clamp(38px,4vw,55px);line-height:1.05}
.channel-card p{max-width:400px;margin:0 0 26px;color:var(--muted);font-size:14px;line-height:1.7}
.channel-card .text-link{align-self:flex-start;margin-top:auto}

@media(max-width:900px){
  .story-hero,.contact-page-hero{gap:35px}
  .story-hero-copy h1,.contact-page-copy h1{font-size:clamp(58px,7vw,78px)}
  .story-portrait img{height:500px}
  .contact-page-photo img{height:460px}
  .story-next-inner{align-items:start;flex-direction:column}
}
@media(max-width:680px){
  .home-closing{align-items:flex-start;flex-direction:column;padding-bottom:55px}
  .story-hero,.contact-page-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:65px;gap:36px}
  .story-hero-copy h1,.contact-page-copy h1{font-size:clamp(56px,12vw,78px)}
  .story-hero-copy>p:not(.eyebrow),.contact-page-copy>p:not(.eyebrow){font-size:13px}
  .story-portrait img,.contact-page-photo img{height:auto;aspect-ratio:1.1/1;border-radius:17px}
  .story-next{padding:60px 0}
  .story-next-links{align-items:flex-start;flex-direction:column}
  .channel-grid{grid-template-columns:1fr;gap:14px}
  .channel-card{min-height:0;padding:26px}
  .channel-card h3{font-size:39px}
  .footer-main nav{gap:8px}
}