/* Fondo continuo y bolsos laterales · propuesta Puntada Maestra */
:root{--paper:#f5eee2;--pm-crema:#f5eee2;--pm-tinta:#352c25;--pm-terra:#a5573b;--line:#d8cbb8}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 0 8%,#dec9a42b,transparent 45%),radial-gradient(ellipse at 100% 35%,#d2b89c20,transparent 45%);color:var(--pm-tinta)}
body>.header{height:88px;border-color:#b7947138;max-width:1180px}
.header nav{display:flex;gap:28px;align-items:center;font-size:12px;color:#695749}
.header nav a:last-child{border:1px solid #b9a58a;border-radius:99px;padding:8px 17px}
#contenido>section{position:relative;isolation:isolate}
#contenido>.pm-hero,#contenido>.pm-fichas,#contenido>.pm-buscar,#contenido>.pm-calle,#contenido>.pm-estilos,#contenido>.pm-chats,#contenido>.pm-bonos,#contenido>.pm-precio,#contenido>.pm-compara,#contenido>.pm-final{background:transparent}
#contenido>.pm-garantia{background:linear-gradient(180deg,transparent,#e6e9da88,transparent);border:0}
#contenido>.pm-fichas,#contenido>.pm-buscar,#contenido>.pm-estilos,#contenido>.pm-bonos{border-top:1px solid #b7947124}
#contenido>.pm-hero{padding:44px 0 68px}
.pm-hero-in{max-width:780px}
.atelier-label{font-size:10px;letter-spacing:.23em;font-weight:600;color:#806d55;margin-bottom:22px}
#inicio h1{font-size:clamp(36px,4.6vw,62px);line-height:1.06;max-width:740px;margin:0 auto 20px;text-wrap:balance}
#inicio h1 em{display:block}
#inicio .pm-hero-sub{max-width:560px;font-size:16px;margin-bottom:18px}
#inicio .pm-hero-pack{max-width:660px;margin-bottom:10px;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent)}
#inicio .pm-hero-pack img{border-radius:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
#inicio .pm-hero-micro{font-size:11px;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:18px;color:#6e5b46;margin-top:18px}
.pm-hero-micro span{color:#a5573b;font-size:16px}
.atelier-link{display:inline-flex;gap:22px;font-size:12px;margin-top:22px;padding-bottom:7px;border-bottom:1px solid #a58e70}
.atelier-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;contain:paint}
.atelier-bag{position:absolute;display:block;top:60px;width:max(0px,calc((100% - 1050px)/2));max-width:310px;height:650px;background-image:url('assets/bolsos-laterales.png');background-repeat:no-repeat;background-size:1100px auto;opacity:.82}
.atelier-bag-left{left:0;background-position:left top}
.atelier-bag-right{right:0;background-position:right top;top:150px}
#inicio .atelier-bag{width:max(0px,calc((100% - 750px)/2));max-width:440px;height:780px;top:74px;background-size:1200px auto;opacity:1}
#inicio .atelier-bag-right{top:128px}
.pm-buscar .atelier-bag{top:120px;background-size:1000px auto}
.pm-bonos .atelier-bag{top:10px;background-size:1000px auto}
.pm-precio .atelier-bag{top:50px;background-size:1200px auto}
#contenido .pm-fichas-format{background:#e9decc8c;border:1px solid #d6c4aa66}
#contenido .pm-estilo,#contenido .pm-bono{background:#fffaf1b3;border-color:#d6c4aa88;box-shadow:0 6px 22px #7e603109}
#contenido .pm-precio-caja{background:#fffaf1e6;border-color:#d6c4aa;border-radius:22px;box-shadow:0 18px 55px #7e603115}
#contenido>.pm-buscar:after,#contenido>.pm-final:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,transparent,#e9ddc455,transparent);pointer-events:none}
.atelier-ready .atelier-bag{opacity:0;transform:translateX(-28px);transition:opacity 1s ease,transform 1.3s ease}
.atelier-ready .atelier-bag-right{transform:translateX(28px)}
.atelier-ready.atelier-visible .atelier-bag{opacity:.82;transform:translateX(0)}
#inicio.atelier-visible .atelier-bag{opacity:1}
@media(min-width:1500px){#inicio .atelier-bag{background-size:1450px auto;height:950px;top:20px}}
@media(max-width:1050px){.atelier-bag{display:none}#inicio .atelier-bag{display:block;background-size:850px auto;width:calc((100% - 640px)/2);top:110px}}
@media(max-width:700px){
 body>.header{height:70px;width:calc(100% - 32px)}
 .brand .pm-name{font-size:18px}.brand .pm-mark{width:29px;height:29px}
 .header nav{gap:0}.header nav a{display:none}.header nav a:last-child{display:block;font-size:10px;padding:7px 10px}
 #contenido>.pm-hero{padding:32px 0 42px}
 .atelier-label{font-size:8px;letter-spacing:.2em;margin-bottom:16px}
 #inicio h1{font-size:clamp(31px,8.5vw,44px);max-width:480px;margin-bottom:16px}
 #inicio .pm-hero-sub{font-size:14px;line-height:1.55;max-width:450px;padding-inline:8px}
 #inicio .pm-hero-pack{width:calc(100% - 32px);margin-top:20px}
 #inicio .atelier-bag{display:block;width:42px;top:235px;height:270px;background-size:420px auto;opacity:.9}
 #inicio .atelier-bag-right{top:275px}
 #inicio .pm-hero-micro{font-size:8px;letter-spacing:.08em;gap:9px}
 .atelier-link{font-size:11px;margin-top:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atelier-ready .atelier-bag{opacity:.82;transform:none;transition:none}#inicio .atelier-bag{opacity:1}}
/* Mostrar la silueta completa hacia el centro y recortar solo el borde exterior. */
.atelier-decor{--bag-size:1100px;--bag-width:370px;--gutter:clamp(0px,calc((100vw - 1050px)/2),310px)}
.atelier-bag{width:var(--bag-width);max-width:none;background-size:var(--bag-size) auto}
.atelier-bag-left{left:calc(var(--gutter) - var(--bag-width))}
.atelier-bag-right{right:calc(var(--gutter) - var(--bag-width))}
#inicio .atelier-decor{--bag-size:1200px;--bag-width:405px;--gutter:clamp(0px,calc((100vw - 750px)/2),440px)}
#inicio .atelier-bag{width:var(--bag-width);max-width:none;background-size:var(--bag-size) auto}
.pm-buscar .atelier-decor,.pm-bonos .atelier-decor{--bag-size:1000px;--bag-width:335px}
.pm-precio .atelier-decor{--bag-size:1200px;--bag-width:405px}
.pm-buscar .atelier-bag,.pm-bonos .atelier-bag,.pm-precio .atelier-bag{background-size:var(--bag-size) auto}
@media(min-width:1500px){#inicio .atelier-decor{--bag-size:1450px;--bag-width:487px}}
@media(max-width:1050px){#inicio .atelier-decor{--bag-size:850px;--bag-width:286px;--gutter:max(0px,calc((100vw - 640px)/2))}}
@media(max-width:700px){#inicio .atelier-decor{--bag-size:420px;--bag-width:142px;--gutter:42px}}
/* Portada de campaña v2: siluetas transparentes sobre el fondo de la página. */
#inicio .pm-hero-pack{max-width:760px;mask-image:none;-webkit-mask-image:none;margin-top:22px}
#inicio .pm-hero-pack img{mask-image:none;-webkit-mask-image:none;border-radius:0}
@media(max-width:700px){#inicio .pm-hero-pack{width:100%;margin-top:22px}}
/* Fotografía editorial GPT Image 2.5. */
#inicio .pm-hero-pack{max-width:760px;overflow:hidden;border-radius:20px}
#inicio .pm-hero-pack img{border-radius:20px}