/* Inicio editorial aprobado a partir de docs/referencia-editorial.png. */
.editorial-home{--paper:#eee8db;--ink:#0b0b09;--red:#f0181d;--lime:#d5ef27}
.editorial-home .hero{height:clamp(370px,27vw,480px);min-height:0;max-height:none;background-image:url('/assets/editorial/hero.webp');background-size:100% auto;background-position:center 38%;background-color:transparent;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,#000 96%,transparent);mask-composite:intersect}
.editorial-home .hero-content{margin-left:10%;padding-top:30px;width:clamp(245px,21vw,325px);z-index:1}
.editorial-home .hero h1{font-size:clamp(64px,5.45vw,90px);line-height:.82;letter-spacing:-1.5px;transform:rotate(-5deg) scaleX(1.35);transform-origin:left center;width:100%;margin:0 0 15px}
.editorial-home .hero h1 span,.editorial-home .hero h1 strong{width:100%;max-width:100%;white-space:normal}
.editorial-home .hero-content p{font:700 clamp(14px,1.15vw,18px)/1.05 Georgia,serif;text-align:center;max-width:260px;width:100%;margin:12px 0 12px}
.editorial-home .hero-content .button{margin-left:28px;min-height:40px;padding:8px 20px;font-size:20px;transform:rotate(-2deg)}
.hero-editorial-note{position:absolute;right:5.4%;top:28px;max-width:140px;margin:0;color:#10100e;font:700 clamp(20px,1.8vw,29px)/1.12 'Segoe Print','Bradley Hand',cursive;transform:rotate(8deg);text-align:left;pointer-events:none}
.hero-editorial-note span{display:block}.hero-editorial-note:after{content:'';display:block;height:5px;background:var(--lime);width:85%;margin-top:12px;transform:rotate(-11deg);clip-path:polygon(0 30%,100% 0,95% 80%,3% 100%)}
.editorial-home .category-tile{background:#e8e2d5}.editorial-home .product-visual{background:#dfd9ce}.editorial-home .section-heading h2{color:#0c0c0a}
@media(min-width:1700px){.editorial-home .hero-content{padding-top:31px}.editorial-home .hero-content .button{font-size:21px}}
@media(min-width:851px) and (max-width:1100px){.editorial-home .hero-content{margin-left:9%;width:245px;padding-top:24px}.editorial-home .hero h1{font-size:68px}.hero-editorial-note{right:5%;max-width:105px;font-size:19px}.editorial-home .hero-content .button{margin-left:20px;font-size:18px}}
@media(max-width:850px){.editorial-home .hero{height:650px;background-size:auto 390px;background-position:70% bottom}.editorial-home .hero:before{display:block;content:'';position:absolute;inset:0 0 auto;height:290px;background:linear-gradient(to bottom,var(--paper) 85%,transparent);z-index:0}.editorial-home .hero-content{margin-left:9%;padding-top:24px;width:82%}.editorial-home .hero h1{font-size:clamp(52px,8.3vw,70px);line-height:.94;letter-spacing:-1px;transform:rotate(-4deg);margin-bottom:15px}.editorial-home .hero h1 span,.editorial-home .hero h1 strong{white-space:nowrap;width:100%;max-width:none}.editorial-home .hero-content p{text-align:left;font-size:16px;max-width:285px;margin:16px 0 14px}.editorial-home .hero-content .button{margin-left:0;font-size:19px}.hero-editorial-note{display:none}.editorial-home .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-home .category-tile{aspect-ratio:1.65}}
@media(max-width:540px){.editorial-home .hero{height:580px;background-size:auto 340px;background-position:70% bottom;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,#000 96%,transparent)}.editorial-home .hero:before{height:270px;background:linear-gradient(to bottom,var(--paper) 87%,transparent)}.editorial-home .hero-content{padding-top:22px;margin-left:8%;width:84%}.editorial-home .hero h1{font-size:clamp(41px,12.5vw,66px);line-height:.95}.editorial-home .hero-content p{font-size:15px;max-width:250px;margin:14px 0 13px}.editorial-home .hero-content .button{font-size:18px;padding:8px 17px}.editorial-home .category-tile{aspect-ratio:1.4}}
@media(min-width:851px){.editorial-home .hero-content{padding-top:22px}.editorial-home .hero h1{margin-bottom:8px}.editorial-home .hero h1 span,.editorial-home .hero h1 strong{width:2.9em;max-width:100%}.editorial-home .hero-content p{margin-top:8px;margin-bottom:8px}}
