/* Estructura original centrada, con las nuevas portadas integradas. */
#contenido>.pack-hero{padding:38px 0 52px;overflow:hidden;background:transparent}
.pack-layout{max-width:820px;display:flex;flex-direction:column;align-items:center;text-align:center}
.pack-copy{width:100%}
.pack-copy .atelier-label{font-size:9px;letter-spacing:.22em;margin-bottom:20px;color:#806d55}
#inicio.pack-hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.07;letter-spacing:-.03em;text-align:center;margin:0 auto 20px;max-width:800px;text-wrap:balance}
#inicio.pack-hero h1 em{display:block}
.pack-intro{font-size:16px;line-height:1.6;color:#67584b;max-width:570px;margin:0 auto 26px}
.pack-art{width:100%;max-width:620px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:8px 0 0}
.pack-halo{position:absolute;inset:25px -50px 20px;z-index:-1;background:radial-gradient(ellipse,#e2d1b58c 0%,#e2d1b533 45%,transparent 70%);pointer-events:none}
.pack-main{position:relative;width:45%;max-width:275px;transform:rotate(-4deg);margin:0 auto}
.pack-main>img{width:100%;height:auto;border-radius:2px 5px 5px 2px;border-left:4px solid #dfcbb0;box-shadow:10px 16px 28px #57422f24}
.pack-bonuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:78%;max-width:465px;margin-top:-55px;position:relative}
.pack-bonuses figure{margin:0;min-width:0}
.pack-bonuses figure:first-child{transform:rotate(-7deg)}
.pack-bonuses figure:last-child{transform:rotate(7deg)}
.pack-bonuses img{width:100%;height:auto;border-radius:2px 4px 4px 2px;border-left:3px solid #ddcfb7;box-shadow:5px 10px 18px #57422f29}
.pack-bonuses figcaption{text-align:center;font-size:8px;letter-spacing:.09em;margin-top:12px;color:#7b624c;font-weight:600}
.pack-caption{font-size:10px;letter-spacing:.14em;color:#806a53;margin:32px 0 0;text-align:center}
.pack-action{margin-top:18px}
.pack-sample{display:inline-flex;gap:28px;align-items:center;font-size:12px;padding-bottom:7px;border-bottom:1px solid #ac9374;color:#715b46}
#inicio.pack-hero .atelier-bag{top:170px}
#inicio.pack-hero .atelier-bag-right{top:280px}
@media(max-width:700px){
 #contenido>.pack-hero{padding:27px 0 40px}
 .pack-layout{width:calc(100% - 36px)}
 .pack-copy .atelier-label{font-size:8px;margin-bottom:16px}
 #inicio.pack-hero h1{font-size:clamp(31px,8.4vw,42px);margin-bottom:16px;line-height:1.05}
 .pack-intro{font-size:14px;line-height:1.55;margin-bottom:20px;padding:0 4px}
 .pack-main{width:50%;max-width:205px}
 .pack-art{padding-top:4px;max-width:440px}
 .pack-bonuses{width:86%;gap:12px;margin-top:-36px}
 .pack-bonuses figcaption{font-size:6px;letter-spacing:.02em;margin-top:8px}
 .pack-caption{font-size:8px;letter-spacing:.07em;margin-top:25px}
 .pack-sample{font-size:11px;gap:20px}
 #inicio.pack-hero .atelier-bag{top:240px}
 #inicio.pack-hero .atelier-bag-right{top:340px}
}
/* Titular editorial inspirado en las portadas y laterales más visibles. */
#inicio.pack-hero h1{font-family:'Bodoni Moda',Didot,'Times New Roman',serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,5vw,68px);line-height:.95;letter-spacing:-.045em;color:#a14d32;max-width:820px;margin-bottom:24px}
#inicio.pack-hero h1 em{font-style:normal;color:inherit}
.pack-copy .atelier-label{font-family:'Bodoni Moda',Georgia,serif;font-size:11px;font-weight:500;letter-spacing:.3em;color:#65533f}
#inicio.pack-hero .atelier-decor{--gutter:clamp(90px,calc((100vw - 690px)/2),480px);--bag-size:1450px;--bag-width:487px}
#inicio.pack-hero .atelier-bag{height:980px;top:240px;opacity:1}
#inicio.pack-hero .atelier-bag-right{top:310px}
@media(max-width:1050px) and (min-width:701px){#inicio.pack-hero .atelier-decor{--gutter:105px;--bag-size:1150px;--bag-width:387px}}
@media(max-width:700px){
 #inicio.pack-hero h1{font-size:clamp(34px,9.3vw,49px);line-height:.98;letter-spacing:-.045em;margin-bottom:20px}
 .pack-copy .atelier-label{font-size:8px;letter-spacing:.22em}
 #inicio.pack-hero .atelier-decor{--gutter:78px;--bag-size:620px;--bag-width:208px}
 #inicio.pack-hero .atelier-bag{height:440px;top:285px}
 #inicio.pack-hero .atelier-bag-right{top:365px}
 .pack-art{position:relative;z-index:1}
}
#inicio.pack-hero .atelier-bag{top:140px}
#inicio.pack-hero .atelier-bag-right{top:220px}
@media(max-width:1050px) and (min-width:701px){#inicio.pack-hero .atelier-decor{--gutter:155px}}
@media(max-width:700px){#inicio.pack-hero .atelier-bag{top:285px}#inicio.pack-hero .atelier-bag-right{top:365px}}
.mobile-hero-art{display:none}
@media(max-width:700px){
 #contenido>.pack-hero{padding:0 0 35px}
 .pack-layout{width:100%;gap:0}
 #inicio>.atelier-decor,#inicio .pack-art{display:none}
 .mobile-hero-art{display:block;order:1;width:100%;margin:0;line-height:0}
 .mobile-hero-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent 0%,#000 3%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 3%,#000 94%,transparent 100%)}
 .pack-copy{display:contents}
 .pack-copy .atelier-label{display:none}
 #inicio.pack-hero h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .pack-intro{order:2;max-width:390px;margin:0 auto;padding:4px 25px 0;font-size:14px;line-height:1.6}
 .pack-action{order:3;margin-top:19px}
 body.pack-hero-visible #pm-toast{visibility:hidden!important;pointer-events:none!important}
 body.pack-hero-visible #pm-sticky{visibility:hidden!important;pointer-events:none!important}
}