/* Portadas medidas junto con la cabecera. La variable se sincroniza en app-v2.js. */
:root{--chrome-height:168px}
.hero-anchor{display:block;height:0;scroll-margin-top:110px}
.home-cover{height:calc(100vh - var(--chrome-height))!important;height:calc(100dvh - var(--chrome-height))!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:flex-end}
.home-cover-image{inset:0!important;width:100%;height:100%!important;object-fit:cover;object-position:center 42%}
.home-cover-shade{inset:0!important;width:100%;height:100%!important;background:linear-gradient(90deg,transparent 18%,#17292373 51%,#172923e8 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,transparent 19%,#000 72%);mask-image:linear-gradient(90deg,transparent 19%,#000 72%)}
.home-cover-copy{position:relative;z-index:2;background:transparent!important;padding:20px 0 26px 30px;width:min(49%,650px)}
.home-cover h1{font-size:clamp(4rem,6vw,7.5rem);margin:22px 0 24px}
.home-cover p{margin-bottom:25px}

.premium-hero,.modern-subhero,.essence-cover,.home-legal-cover,.saved-cover,.product-hero{height:calc(70vh - var(--chrome-height));height:calc(70dvh - var(--chrome-height));min-height:0!important;position:relative;overflow:hidden}
.premium-hero{display:flex;align-items:center;background:#e9e0d6;color:#fbf6ef}
.premium-hero .hero-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0!important;background:#e9e0d6}
.premium-hero .hero-media img{width:100%;height:100%;object-fit:contain;object-position:82% center;transform:none!important;filter:none}
.premium-hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#1b302a 0%,#1b302ae8 26%,#1b302aab 49%,#1b302a12 79%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 30%,transparent 78%);mask-image:linear-gradient(90deg,#000 0%,#000 30%,transparent 78%);pointer-events:none}
.premium-hero .hero-copy{z-index:2;width:min(62%,870px);height:100%;min-width:0;padding:20px max(32px,calc((100vw - 1420px)/2 + 32px));background:transparent}
.premium-hero .hero-copy::before{display:none}
.premium-hero .eyebrow,.modern-subhero .eyebrow,.product-hero .eyebrow{color:#e9c7ad;margin-bottom:10px}
.premium-hero h1{font-size:clamp(3.1rem,4.65vw,6.2rem);line-height:.98;max-width:14ch;margin:8px 0 18px;color:#fbf6ef}
.premium-hero p{font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.42;margin-bottom:20px;color:#f1e8df}
.premium-hero .btn-dark{border-color:#f4e9dc;background:#f4e9dc;color:#20362c}
.premium-hero .btn-dark:hover{background:#e6bfa5;border-color:#e6bfa5}
.premium-hero .image-label{z-index:3;background:#f8f3ebd9}

.modern-subhero.page-hero.no-photo{display:flex;align-items:center;padding:0;background:#293b32;color:#fbf6ef}
.modern-subhero::after{display:none}
.modern-subhero .hero-bg,.product-hero .hero-bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%}
.modern-subhero .hero-veil,.product-hero .hero-veil{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#1a3029f5 0%,#1a3029df 29%,#1a302997 52%,#1a302916 82%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,#000 0 33%,transparent 82%);mask-image:linear-gradient(90deg,#000 0 33%,transparent 82%);pointer-events:none}
.modern-subhero .copy{position:relative;z-index:2;width:min(65%,900px);height:100%;max-width:none;min-height:0!important;padding:20px max(32px,calc((100vw - 1420px)/2 + 32px));justify-content:center}
.modern-subhero h1{font-size:clamp(3rem,5vw,6rem);line-height:.98;max-width:16ch;margin:12px 0 18px;color:#fbf6ef}
.modern-subhero p{font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.45;color:#f1e8df;margin-bottom:22px;max-width:39ch}
.modern-subhero .btn-light,.product-hero .btn-light{min-height:45px;border-color:#efdfcd;color:#f9f1e7}
.modern-subhero .btn-light:hover,.product-hero .btn-light:hover{color:#20362c;background:#f9f1e7}

.essence-cover{display:block;background:#27382f;color:#fbf6ef}
.essence-cover-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;background:#e4d9cc}
.essence-cover-image img{object-fit:cover!important;object-position:55% 30%!important;background:transparent!important}
.essence-cover-image::after{inset:0;background:linear-gradient(90deg,#182c25f2 0%,#182c25d0 29%,#182c2587 49%,#182c2516 79%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,#000 0 34%,transparent 80%);mask-image:linear-gradient(90deg,#000 0 34%,transparent 80%)}
.essence-cover-copy{position:relative;z-index:2;width:min(62%,850px);height:100%;min-height:0;padding:20px max(32px,calc((100vw - 1420px)/2 + 32px));justify-content:center}
.essence-cover-copy .eyebrow{margin-bottom:12px}
.essence-cover h1{font-size:clamp(3.3rem,5.1vw,6.7rem);margin:12px 0 20px}
.essence-cover-copy>p{font-size:clamp(1.05rem,1.55vw,1.4rem);margin-bottom:19px}
.essence-cover-caption{left:max(32px,calc((100vw - 1420px)/2 + 32px));bottom:17px}

.home-legal-cover,.saved-cover{display:flex;align-items:center;padding:0!important;color:#fbf6ef;background-color:#263b31;background-image:linear-gradient(90deg,#1b3029f5 0%,#1b3029dc 32%,#1b302987 59%,#1b302918 100%),url('images/mc26-editorial-lineup.webp');background-size:cover;background-position:center 38%;border:0}
.home-legal-cover::before,.saved-cover::before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,#000 0 27%,transparent 75%);mask-image:linear-gradient(90deg,#000 0 27%,transparent 75%);pointer-events:none}
.home-legal-cover .container,.saved-cover .container{position:relative;z-index:2;width:min(100% - 64px,1420px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0}
.home-legal-cover .eyebrow,.saved-cover .eyebrow{color:#e9c7ad}
.home-legal-cover h1,.saved-cover h1{font-size:clamp(3.2rem,5vw,6.2rem);line-height:1;margin:13px 0 17px;color:#fbf6ef}
.home-legal-cover p,.saved-cover p{font:italic clamp(1.05rem,1.55vw,1.4rem)/1.45 var(--serif);color:#f3e9de;max-width:42ch}

.product-hero{background:#e7ddd1;color:#fbf6ef}
.product-hero .hero-bg{object-fit:contain;object-position:83% center;background:#e7ddd1}
.product-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:16px;padding-bottom:16px;padding-right:35%}
.product-hero h1{font-size:clamp(2.35rem,3.5vw,4.5rem);line-height:.96;max-width:23ch;margin:8px 0 12px;color:#fbf6ef;overflow-wrap:anywhere}
.product-hero p{font:italic clamp(1.05rem,1.5vw,1.4rem)/1.42 var(--serif);max-width:32ch;margin-bottom:22px;color:#f1e8df}
.detail-copy h2{font-size:clamp(3rem,4.1vw,5.4rem);margin:12px 0 17px;overflow-wrap:anywhere}

@media(max-width:820px){
  .home-cover{align-items:flex-end;justify-content:flex-start}
  .home-cover::before{content:"";position:absolute;inset:-20px;z-index:0;background:url('images/home-editorial-2026.webp') center 30%/cover no-repeat;filter:blur(18px) brightness(.55);opacity:.74;pointer-events:none}
  .home-cover-image{inset:0 0 auto!important;z-index:1;height:64%!important;object-fit:contain!important;object-position:center top!important;background:transparent!important}
  .home-cover-shade{inset:0!important;z-index:2;height:100%!important;background:linear-gradient(180deg,transparent 7%,#192d2833 35%,#192d28e6 64%,#192d28 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 46%);mask-image:linear-gradient(180deg,transparent 0%,#000 46%)}
  .home-cover-copy{z-index:3;width:100%;max-width:none;margin:0;padding:20px 36px 36px;align-self:flex-end}
  .home-cover h1{font-size:clamp(3.25rem,9vw,5.8rem);margin:14px 0 17px}
  .home-cover p{font-size:clamp(1rem,2vw,1.25rem);max-width:43ch;margin-bottom:18px}
  .home-cover-index{display:none}
  .premium-hero .hero-media img{object-position:80% center}
  .premium-hero::after,.modern-subhero .hero-veil,.product-hero .hero-veil{background:linear-gradient(180deg,#1b302a15 0%,#1b302a60 35%,#1b302ae9 67%,#1b302af8 100%);-webkit-mask-image:linear-gradient(180deg,transparent 2%,#000 55%);mask-image:linear-gradient(180deg,transparent 2%,#000 55%)}
  .premium-hero .hero-copy,.modern-subhero .copy,.essence-cover-copy,.product-hero-copy{width:100%;max-width:none;height:100%;min-height:0!important;padding:18px 34px 32px;justify-content:flex-end}
  .premium-hero h1,.modern-subhero h1,.essence-cover h1,.product-hero h1{font-size:clamp(2.7rem,7.3vw,4.6rem);margin:9px 0 11px}
  .premium-hero p,.modern-subhero p,.essence-cover-copy>p,.product-hero p{font-size:1.06rem;line-height:1.38;margin-bottom:15px}
  .premium-hero .image-label{display:none}
  .modern-subhero .hero-bg{object-position:60% 25%}
  .essence-cover-image{height:100%;background:#e4d9cc url('images/mc26-editorial-cover.webp') center 32%/cover no-repeat}
  .essence-cover-image img{object-position:63% 30%}
  .essence-cover-image::after{background:linear-gradient(180deg,#182c2518 0%,#182c2565 33%,#182c25e8 67%,#182c25f8 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%)}
  .essence-cover-caption,.essence-cover-marker{display:none}
  .home-legal-cover,.saved-cover{background-position:62% 35%;background-image:linear-gradient(180deg,#1b302925 0%,#1b302a77 32%,#1b302ae9 68%,#1b302af8 100%),url('images/mc26-editorial-lineup.webp')}
  .home-legal-cover .container,.saved-cover .container{width:min(100% - 46px,720px);justify-content:flex-end;padding:18px 0 31px}
  .product-hero .hero-bg{object-position:center top}
}
@media(max-width:520px){
  .home-cover-copy{padding:15px 22px 27px}
  .home-cover h1{font-size:clamp(3rem,13vw,4.2rem);line-height:.94}
  .home-cover p{font-size:1rem;line-height:1.35}
  .home-cover .btn{min-height:43px;padding:9px 13px;font-size:.6rem}
  .premium-hero .hero-copy,.modern-subhero .copy,.essence-cover-copy,.product-hero-copy{padding:12px 22px 24px}
  .premium-hero h1,.modern-subhero h1,.essence-cover h1,.product-hero h1{font-size:clamp(2.35rem,9.3vw,3.5rem);line-height:.99}
  .premium-hero .eyebrow,.modern-subhero .eyebrow,.product-hero .eyebrow,.essence-cover .eyebrow{font-size:.57rem;letter-spacing:.15em}
  .premium-hero p,.modern-subhero p,.essence-cover-copy>p,.product-hero p{font-size:.91rem;line-height:1.32;margin-bottom:12px}
  .premium-hero .btn,.modern-subhero .btn,.essence-cover .btn,.product-hero .btn{min-height:40px;padding:8px 12px;font-size:.58rem}
  .home-legal-cover .container,.saved-cover .container{width:calc(100% - 44px);padding-bottom:24px}
  .home-legal-cover h1,.saved-cover h1{font-size:clamp(2.6rem,10vw,4rem)}
  .home-legal-cover p,.saved-cover p{font-size:.98rem}
  .detail-copy h2{font-size:clamp(2.6rem,10vw,4rem)}
}
@media(max-height:700px){
  .home-cover h1{font-size:clamp(2.9rem,5vw,5.7rem);margin:10px 0}
  .home-cover p{font-size:1rem;line-height:1.28;margin-bottom:13px}
  .premium-hero h1,.modern-subhero h1,.essence-cover h1,.product-hero h1{font-size:clamp(2.25rem,4vw,4.5rem);margin:7px 0 10px}
  .premium-hero p,.modern-subhero p,.essence-cover-copy>p,.product-hero p{font-size:.93rem;line-height:1.3;margin-bottom:11px}
}