/* MNEMOS - sistema de diseno */
@font-face{font-family:'Bodoni';src:url('../fuentes/BodoniModa.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'Inter';src:url('../fuentes/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}

:root{
  --tinta:#141211; --papel:#FAF8F5; --papel-2:#F2EEE8;
  --naranja:#EE5E10; --gris:#6E6862; --linea:#DCD5CB;
  --serif:'Bodoni','Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --max:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}

/* tipografia */
h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:.01em}
h1{font-size:clamp(2.4rem,5.4vw,4.4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.9rem)}
h3{font-size:clamp(1.15rem,1.7vw,1.5rem)}
.kicker{font-family:var(--sans);font-size:.75rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--gris)}
.lead{font-size:1.09rem;color:#3A3530;max-width:60ch}
.dato{font-family:var(--sans);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}

/* cabecera */
header.cab{position:fixed;top:0;left:0;right:0;z-index:90;padding:20px 0;transition:all .45s ease;background:rgba(250,248,245,.97);border-bottom:1px solid var(--linea)}
header.cab.fijo{padding:13px 0}
.cab-in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo img{height:42px;width:auto}
.nav{display:flex;gap:34px;align-items:center;z-index:96}
.nav a{font-size:.83rem;letter-spacing:.02em;color:#3A3530;transition:color .3s}
.nav a:hover{color:var(--naranja)}
.nav a.btn{color:var(--papel)}
.nav a.btn:hover{color:var(--papel)}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:.82rem;font-weight:500;letter-spacing:.05em;padding:14px 30px;border:1px solid var(--tinta);background:var(--tinta);color:var(--papel);transition:.35s;cursor:pointer}
.btn:hover{background:var(--naranja);border-color:var(--naranja)}
.btn-gh{background:transparent;color:var(--tinta)}
.btn-gh:hover{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:1.5px;background:var(--tinta);margin:5px 0;transition:.3s}

/* secciones */
section{padding:120px 0}
section.aire{padding:88px 0}
.fondo-tinta{background:var(--tinta);color:var(--papel)}
.fondo-2{background:var(--papel-2)}
.cab-sec{max-width:760px;margin-bottom:64px}
.cab-sec h2{margin:14px 0 18px}
.linea{height:1px;background:var(--linea);border:0}

/* aparecer */
.ap{transition:opacity .95s ease,transform .95s ease}
.js .ap{opacity:0;transform:translateY(22px)}
.js .ap.ya{opacity:1;transform:none}

@media(max-width:900px){
  .wrap{padding:0 20px}
  section{padding:76px 0}
  .nav{position:fixed;inset:0 0 0 auto;width:100%;max-width:300px;background:#FAF8F5;flex-direction:column;justify-content:flex-start;padding:96px 26px 44px;overflow-y:auto;transform:translateX(100%);transition:.45s ease;box-shadow:-24px 0 70px rgba(20,18,17,.18);z-index:99}
  .nav.abierto{transform:none}
  .nav a{font-size:1.05rem;font-family:var(--serif);color:var(--tinta);min-height:44px;display:flex;align-items:center}
  .burger{display:block;z-index:100}
  .burger span{background:var(--tinta)}
}

/* HERO */
.hero{padding:170px 0 90px}
.hero-in{display:grid;grid-template-columns:1fr 1.06fr;gap:70px;align-items:center}
.hero-txt .kicker{color:var(--naranja)}
.hero h1{margin:20px 0 0}
.hero .ficha-linea{margin:22px 0 26px;font-size:.83rem;color:var(--gris);letter-spacing:.03em}
.hero .pensamiento{font-family:var(--serif);font-size:1.28rem;line-height:1.5;font-style:italic;color:#2C2825;border-left:2px solid var(--naranja);padding-left:22px;margin:30px 0}
.precio{display:flex;align-items:baseline;gap:14px;margin:34px 0 30px}
.precio b{font-family:var(--serif);font-size:2.1rem;font-weight:400}
.precio span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.unico{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--naranja);border:1px solid rgba(238,94,16,.35);padding:9px 16px;border-radius:100px}
.hero-img{position:relative}
.hero-img img{max-height:78vh;width:auto;margin:0 auto;box-shadow:0 30px 90px rgba(20,18,17,.16)}
.hero-img .sello{position:absolute;right:-16px;bottom:-16px;width:88px;opacity:.95}

/* ficha de obra */
.obra-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:76px;align-items:start}
.obra-img img{width:100%;box-shadow:0 26px 70px rgba(20,18,17,.14)}
.datos{border-top:1px solid var(--linea);margin-top:34px}
.datos div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--linea);font-size:.9rem}
.datos dt{color:var(--gris);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.datos dd{text-align:right;font-weight:500}
.historia p{margin-bottom:20px}
.historia p:first-letter{font-family:var(--serif);font-size:3.2rem;float:left;line-height:.82;margin:6px 12px 0 0;color:var(--naranja)}

/* coleccion / newsletter */
.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.aviso-obra{border:1px dashed var(--linea);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 26px;min-height:270px}
.aviso-obra .simbolo{width:54px;opacity:.5;margin-bottom:18px}
.news{margin-top:60px;border-top:1px solid var(--linea);padding-top:46px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.form-n{display:flex;gap:0;border:1px solid var(--tinta)}
.form-n input{flex:1;border:0;padding:15px 18px;font-family:var(--sans);font-size:.9rem;background:transparent;color:var(--tinta)}
.form-n input:focus{outline:0}
.form-n button{border:0;background:var(--tinta);color:var(--papel);padding:0 26px;font-family:var(--sans);font-size:.8rem;letter-spacing:.08em;cursor:pointer;transition:.3s}
.form-n button:hover{background:var(--naranja)}

/* artista */
.art-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.art-cita{font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.45;font-style:italic}
.firma-img{width:230px;margin-top:34px;opacity:.85}

/* proceso */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:20px}
.paso{border-top:1px solid rgba(250,248,245,.28);padding-top:26px}
.paso .n{font-family:var(--serif);font-size:.95rem;color:var(--naranja);letter-spacing:.2em}
.paso h3{margin:14px 0 12px;color:var(--papel)}
.paso p{color:rgba(250,248,245,.72);font-size:.94rem}

/* certificado */
.cert{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center}
.cert-sello{width:150px}
.cert ul{list-style:none;margin-top:26px}
.cert li{padding:12px 0 12px 32px;position:relative;border-bottom:1px solid var(--linea);font-size:.95rem}
.cert li:before{content:"";position:absolute;left:0;top:20px;width:14px;height:1.5px;background:var(--naranja)}

/* contacto */
.cont-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.campos{display:grid;gap:18px;margin-top:30px}
.campos label{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.campos input,.campos textarea{width:100%;border:0;border-bottom:1px solid var(--linea);background:transparent;padding:11px 0;font-family:var(--sans);font-size:.98rem;color:var(--tinta)}
.campos input:focus,.campos textarea:focus{outline:0;border-bottom-color:var(--naranja)}
.campos textarea{resize:vertical;min-height:110px}

/* footer */
footer{background:var(--tinta);color:rgba(250,248,245,.62);padding:76px 0 40px;font-size:.86rem}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:50px}
footer .logo-f{height:30px;margin-bottom:20px;opacity:.95}
footer h4{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.45);margin-bottom:18px;font-weight:500}
footer a{display:block;padding:12px 0;transition:color .3s;min-height:44px}
footer a:hover{color:var(--naranja)}
.foot-bajo{border-top:1px solid rgba(250,248,245,.14);padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem}

@media(max-width:980px){
  .hero{padding:124px 0 60px}
  .hero-in,.obra-grid,.art-grid,.cert,.cont-grid,.news{grid-template-columns:1fr;gap:44px}
  .hero-img .sello{display:none}
  .col-grid,.pasos{grid-template-columns:1fr;gap:26px}
  .foot-in{grid-template-columns:1fr;gap:34px}
  .paso{border-top-color:rgba(250,248,245,.2)}
}

/* FOTO DEL ARTISTA */
.foto-artista{align-self:start}
.foto-artista img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;filter:contrast(1.02)}
@media(max-width:900px){.foto-artista{order:-1}}

/* menu movil: fondo solido y arriba del todo */
@media(max-width:900px){
  .nav{background:#FAF8F5;justify-content:flex-start;padding:96px 26px 44px;overflow-y:auto;box-shadow:-24px 0 70px rgba(20,18,17,.18)}
  .nav a{color:var(--tinta)}
}

/* ==== SALA DE MUSEO (pagina de obra) ==== */
/* barra de sala: pegada arriba del todo, sin huecos */
.sala-bar{position:sticky;top:0;z-index:80;background:rgba(14,13,12,.94);border-bottom:1px solid rgba(250,248,245,.12)}
.sala-bar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0}
.sala-marca{font-family:var(--serif);font-size:1.05rem;letter-spacing:.34em;text-transform:uppercase;color:var(--papel)}
.sala-marca:hover{color:var(--naranja)}
.sala-nav{display:flex;align-items:center;gap:26px}
.sala-cuenta{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.42)}
.sala-volver{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(250,248,245,.82);border-bottom:1px solid rgba(250,248,245,.28);padding-bottom:3px;min-height:44px;display:inline-flex;align-items:center}
.sala-volver:hover{color:var(--naranja);border-color:var(--naranja)}

/* la sala: pared oscura con foco de luz */
.sala{background:var(--tinta);color:var(--papel);position:relative;overflow:hidden;padding:56px 0 88px}
.sala::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:130vw;height:1000px;pointer-events:none;
background:radial-gradient(ellipse 32% 44% at 50% 2%, rgba(255,226,190,.20), rgba(238,94,16,.10) 42%, rgba(20,18,17,0) 72%)}
.sala .wrap{position:relative;z-index:2}

/* la obra colgada, con su sombra de suelo */
.sala-obra{margin:6px auto 20px;max-width:860px;text-align:center;position:relative}
.sala-obra::after{content:"";position:absolute;left:7%;right:7%;bottom:-16px;height:36px;border-radius:50%;
background:radial-gradient(ellipse at center, rgba(0,0,0,.6), rgba(0,0,0,0) 72%);filter:blur(7px);z-index:-1}
.sala-lienzo{display:block;margin:0 auto;background:none;border:0;padding:0;cursor:zoom-in}
.sala-lienzo img{margin:0 auto;max-height:84vh;width:auto;max-width:100%;
box-shadow:0 44px 120px rgba(0,0,0,.78), 0 0 0 1px rgba(250,248,245,.10), 0 0 130px rgba(238,94,16,.10)}
.sala-pie-foto{margin-top:24px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.48)}
.sala-pie-foto span{display:block;margin-top:7px;color:rgba(238,94,16,.9);letter-spacing:.15em}

/* ficha: cartela de museo y relato */
.sala-pie{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:start;margin-top:58px;padding-top:52px;border-top:1px solid rgba(250,248,245,.12)}
.cartela{border:1px solid rgba(250,248,245,.16);background:linear-gradient(180deg,rgba(250,248,245,.05),rgba(250,248,245,0));padding:34px 32px 30px}
.cartela h1{font-family:var(--serif);font-size:clamp(1.9rem,3.1vw,2.6rem);font-weight:400;line-height:1.06}
.cartela .anio{margin-top:10px;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--naranja)}
.cartela dl{margin-top:24px;border-top:1px solid rgba(250,248,245,.14);padding-top:6px}
.cartela dt{font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.42);margin-top:17px}
.cartela dd{font-size:.95rem;line-height:1.62;color:rgba(250,248,245,.92);margin-top:4px}
.cartela .unica{display:inline-block;margin-top:26px;border:1px solid rgba(238,94,16,.55);color:var(--naranja);font-size:.66rem;letter-spacing:.2em;padding:9px 16px;text-transform:uppercase}
.sello-sala{width:66px;opacity:.85;margin-top:26px}
.hist p{font-family:var(--serif);font-size:1.18rem;line-height:1.86;color:rgba(250,248,245,.89);margin-bottom:20px}
.hist p:first-child::first-letter{font-size:2.9em;float:left;line-height:.82;padding:5px 7px 0 0;margin-right:-1px;color:var(--naranja);font-family:var(--serif)}
.hist .firma-s{width:190px;margin-top:30px;opacity:.9}
.compra{margin-top:40px;padding-top:30px;border-top:1px solid rgba(250,248,245,.14)}
.compra .linea-precio{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.compra .precio{font-family:var(--serif);font-size:2rem;color:var(--papel)}
.compra .nota{font-size:.74rem;color:rgba(250,248,245,.52);letter-spacing:.03em}
.compra .botones{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:14px;margin-top:24px;max-width:540px}
.garantias{margin-top:26px;border-top:1px solid rgba(250,248,245,.12);padding-top:18px;display:grid;gap:9px}
.garantias span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,248,245,.5);display:flex;align-items:center;gap:10px}
.garantias span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--naranja);flex:none}
.btn-oro{background:var(--naranja);border-color:var(--naranja);color:#fff}
.btn-oro:hover{background:#fff;border-color:#fff;color:var(--tinta)}
.btn-linea{background:transparent;border-color:rgba(250,248,245,.4);color:var(--papel)}
.btn-linea:hover{background:var(--papel);color:var(--tinta);border-color:var(--papel)}

/* paseo por la sala */
.sala-paseo{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:74px;padding-top:28px;border-top:1px solid rgba(250,248,245,.12);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.sala-paseo a{color:rgba(250,248,245,.76);min-height:44px;display:inline-flex;align-items:center}
.sala-paseo a:hover{color:var(--naranja)}
.sala-paseo .sep{color:rgba(250,248,245,.28)}

/* ver la obra en grande */
.lupa{position:fixed;inset:0;z-index:120;background:rgba(10,9,8,.97);display:flex;align-items:center;justify-content:center;padding:26px}
.lupa[hidden]{display:none}
.lupa img{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 40px 120px rgba(0,0,0,.85)}
.lupa-cerrar{position:absolute;top:14px;right:18px;background:none;border:0;color:var(--papel);font-size:1.7rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
.lupa-cerrar:hover{color:var(--naranja)}
.vendida-nota{border:1px solid rgba(250,248,245,.2);padding:22px 24px;font-size:.95rem;color:rgba(250,248,245,.88);max-width:46ch}
.vendida-nota b{font-family:var(--serif);font-weight:400;font-size:1.15rem;display:block;margin-bottom:8px;color:var(--papel)}
.vendida-nota a{color:var(--naranja);border-bottom:1px solid rgba(238,94,16,.5)}

@media(max-width:900px){
  .sala{padding:26px 0 64px}
  .sala-bar-in{padding:12px 0}
  .sala-cuenta{display:none}
  .sala-marca{font-size:.92rem;letter-spacing:.26em}
  .sala-volver{font-size:.6rem;letter-spacing:.14em}
  .sala-obra{margin-top:10px;margin-bottom:14px}
  .sala-obra img{max-height:62vh}
  .sala-pie{grid-template-columns:1fr;gap:44px;margin-top:42px;padding-top:38px}
  .cartela{padding:26px 22px 24px}
  .hist p{font-size:1.06rem;line-height:1.8}
  .sala-paseo{margin-top:52px;font-size:.6rem;letter-spacing:.12em}
}


.grid-obras{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.obra-card{display:block;color:inherit;text-decoration:none}
.obra-card img{width:100%;display:block;box-shadow:0 26px 60px rgba(20,18,17,.15);transition:transform .6s ease}
.obra-card:hover img{transform:translateY(-7px)}
.obra-info{padding-top:24px}
.obra-info h3{font-size:1.65rem;margin:0 0 7px}
.obra-info p{color:#5A544D;margin:0 0 12px;font-size:.95rem}
.disp{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--naranja);color:var(--naranja);background:transparent;padding:6px 16px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:900px){.grid-obras{grid-template-columns:1fr 1fr;gap:30px 15px}.obra-info{padding-top:13px}.obra-info h3{font-size:1.02rem;margin-bottom:4px}.obra-info p{font-size:.75rem;margin-bottom:8px}.disp{padding:6px 12px;font-size:.68rem;letter-spacing:.1em}}

.mnemo{background:var(--tinta);color:var(--papel);padding:118px 0}
.mnemo h2{color:var(--papel)}
.mnemo p{color:rgba(250,248,245,.74);max-width:760px;font-size:1.1rem;line-height:1.85}
.mnemo .gr{font-family:'Bodoni',serif;font-size:1.45rem;color:var(--naranja);display:block;margin-bottom:18px}
.libro{display:grid;grid-template-columns:.8fr 1fr;gap:66px;align-items:center}
.libro img{width:100%;display:block;box-shadow:0 30px 70px rgba(20,18,17,.32)}
@media(max-width:900px){.libro{grid-template-columns:1fr;gap:34px}.mnemo{padding:78px 0}}

/* PORTADA DEL MUSEO */
header.cab{background:rgba(250,248,245,.97);border-bottom:1px solid var(--linea)}
header.cab.fijo{padding:12px 0}
.portada{background:var(--tinta);color:var(--papel);padding:196px 0 104px}
.portada-in{display:grid;grid-template-columns:minmax(0,860px);gap:0;align-items:center}
.portada .kicker{color:var(--naranja)}
.portada h1{font-size:clamp(3rem,7.4vw,6.2rem);letter-spacing:.08em;margin:22px 0 0;line-height:1}
.portada h1.marca{margin:0}
.portada h1.marca img{display:block;width:clamp(248px,44vw,520px);height:auto}
.portada .claim{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.62rem);color:#EFE9E1;margin-top:26px;max-width:24ch;line-height:1.42}
.portada .lead{max-width:44ch}
.btn-linea{background:transparent;border-color:rgba(250,248,245,.62);color:var(--papel)}
.btn-linea:hover{background:var(--papel);border-color:var(--papel);color:var(--tinta)}
.portada-img{position:relative}
.portada-img img{box-shadow:0 40px 120px rgba(0,0,0,.55)}
.portada-img .sello{position:absolute;right:-14px;bottom:-14px;width:86px;opacity:.95}
.portada-datos{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:76px;border-top:1px solid rgba(250,248,245,.16);padding-top:32px}
.portada-datos div{font-size:.86rem;color:#AFA8A0;line-height:1.6}
.portada-datos b{display:block;font-family:var(--serif);font-weight:400;font-size:1.06rem;color:var(--papel);margin-bottom:7px;letter-spacing:.02em}
@media(max-width:980px){
  .portada{padding:146px 0 72px}
  .portada-in{grid-template-columns:1fr;gap:46px}
  .portada-datos{grid-template-columns:1fr;gap:22px;margin-top:54px;padding-top:26px}
}
@media(max-width:560px){
  .portada h1{letter-spacing:.05em}
  .portada .claim{font-size:1.2rem;max-width:none}
  .portada .btn{width:100%;justify-content:center}
}

/* AJUSTES DE MAQUETACION (portada contenida y rejilla pareja) */
.portada-img img{max-height:74vh;width:auto;max-width:100%;margin:0 auto}
.grid-obras > *{min-width:0}
.aviso-obra .btn{padding:12px 20px;font-size:.74rem}
@media(max-width:980px){
  .portada-img img{max-height:56vh}
}
@media(max-width:900px){
  .aviso-obra{padding:26px 16px;min-height:0}
  .aviso-obra .simbolo{width:38px;margin-bottom:12px}
  .aviso-obra .btn{padding:10px 12px;font-size:.66rem;letter-spacing:.03em}
}

/* las imagenes con atributos de tamano mantienen su proporcion */
img[width][height]{height:auto}

/* movil: portada de texto y la galeria justo debajo, sin repetir el cuadro */
@media(max-width:980px){
  .portada{padding:132px 0 66px}
  .portada-img{display:none}
  .portada-in{gap:0}
}

/* aviso de compra completada */
.gracias{position:fixed;left:0;right:0;bottom:0;background:var(--tinta);color:var(--papel);z-index:97;padding:16px 0;box-shadow:0 -14px 40px rgba(20,18,17,.28)}
.gracias .wrap{position:relative;padding-right:60px}
.gracias p{margin:0;font-size:.92rem;line-height:1.55;max-width:90ch;color:rgba(250,248,245,.9)}
.gracias b{color:var(--papel);font-weight:500}
.gracias button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:rgba(250,248,245,.75);font-size:1.5rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
.gracias button:hover{color:var(--naranja)}

/* obra vendida */
.obra-card.vendida img{opacity:.42;filter:grayscale(.35)}
.obra-card.vendida .disp{color:var(--gris);border-color:var(--linea)}
.vendida-nota{border:1px solid var(--linea);padding:22px 24px;font-size:.94rem;color:#4A443E;max-width:46ch}
.vendida-nota b{font-family:var(--serif);font-weight:400;font-size:1.15rem;display:block;margin-bottom:8px;color:var(--tinta)}
.vendida-nota a{color:var(--naranja)}

/* ==== MENU MOVIL: el desenfoque de la cabecera crea un bloque contenedor y
   recortaba el panel fijo del menu. Sin el, el panel vuelve a ser de pantalla
   completa. Va al final para ganar en orden de cascada. ==== */
@media(max-width:900px){
  header.cab,header.cab.fijo{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(250,248,245,.97)}
  body.menu-abierto{overflow:hidden}
  .nav{z-index:99}
  .nav.abierto{box-shadow:-30px 0 80px rgba(20,18,17,.28)}
}

/* ETIQUETA DE SALA EN LAS TARJETAS */
.sala-tag{font-family:var(--sans);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--naranja);margin-bottom:10px}

/* EL TALLER: las obras que vienen */
.taller{margin-top:96px;border-top:1px solid var(--linea);padding-top:56px}
.taller-cab{max-width:780px}
.taller-cab h3{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.3rem);margin-top:14px;font-weight:400}
.taller-cab p{color:var(--gris);margin-top:14px;font-size:.98rem;line-height:1.8}
.taller-lista{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:46px}
.taller-lista li{border:1px solid var(--linea);background:linear-gradient(180deg,#FFFFFF,#F7F4EF);aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;padding:16px 14px;transition:.4s;min-width:0}
.taller-lista li:hover{border-color:var(--naranja);transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,18,17,.10)}
.taller-lista .num{font-family:var(--serif);font-size:1.5rem;color:var(--tinta);line-height:1}
.taller-lista .simbolo{width:24px;opacity:.32;margin:0 auto}
.taller-lista .est{font-family:var(--sans);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.taller-pie{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:36px}
.taller-pie p{font-size:.88rem;color:var(--gris);max-width:52ch}
@media(max-width:900px){
  .taller{margin-top:64px;padding-top:42px}
  .taller-lista{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
  .taller-lista li{padding:12px 10px}
  .taller-lista .num{font-size:1.15rem}
  .taller-lista .simbolo{width:18px}
  .taller-lista .est{font-size:.52rem;letter-spacing:.14em}
}

/* PIE DE PAGINA EN FILA (sin puntos sueltos) */
.pie-enlaces{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:18px}
.pie-enlaces a{color:rgba(250,248,245,.72);text-decoration:none;font-size:.82rem;letter-spacing:.04em}
.pie-enlaces a:hover{color:var(--naranja)}

/* SELLO DENTRO DE LA CARTELA */
.sala .cartela{position:relative}
.sala .cartela .sello-cartela{position:absolute;right:24px;bottom:22px;width:52px;opacity:.45}

/* PRECIO EN LOS HUECOS DEL TALLER */
.taller-lista .fin{display:flex;flex-direction:column;gap:5px}
.taller-lista .precio-t{font-family:var(--serif);font-size:.86rem;color:var(--naranja);line-height:1}

/* en movil los botones de compra, uno debajo de otro y a lo ancho */
@media(max-width:560px){
  .compra .botones{grid-template-columns:1fr;max-width:none}
  .compra .btn{width:100%;justify-content:center}
}

/* SELLO Y FIRMA CON ETIQUETA (nada suelto) */
.sala .cartela .sello-cartela{position:static;display:flex;align-items:center;gap:11px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(250,248,245,.12);width:auto;opacity:1}
.sala .cartela .sello-cartela img{width:30px;opacity:.8}
.sala .cartela .sello-cartela span{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.45)}
.firma-caja{margin-top:32px}
.firma-caja figcaption{margin-top:9px;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.42)}