@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/karla-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/karla-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/karla-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/fraunces-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300;font-display:swap;src:url(fonts/fraunces-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/fraunces-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/fraunces-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/fraunces-latin-500-italic.woff2) format("woff2")}
:root{
  --suelo:#FAFAF8;
  --papel:#FFFFFF;
  --tinta:#1E2420;
  --gris:#6A706B;
  --linea:#E3E4DE;
  --verde:#2E4A3B;
  --verde-suave:#E9EEEA;
  --vendida:#8A3B2E;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ancho:1240px;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--suelo);color:var(--tinta);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--verde);outline-offset:3px}
.envoltura{max-width:var(--ancho);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}

/* Cabecera */
.cabecera{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--suelo) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.cabecera .envoltura{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;flex-wrap:wrap}
.marca{font-family:var(--serif);font-size:1.45rem;font-weight:400;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.marca em{font-style:italic;color:var(--verde)}
.menu{display:flex;gap:clamp(12px,2.4vw,28px);flex-wrap:wrap;font-size:.92rem}
.menu a{text-decoration:none;color:var(--gris);padding-block:6px;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current="page"]{color:var(--tinta);border-bottom-color:var(--tinta)}

main{min-height:70vh}
.seccion{padding-block:clamp(40px,7vw,88px)}
.antetitulo{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0 0 14px}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;text-wrap:balance;margin:0}
h1{font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.04}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1}
h3{font-size:1.3rem;line-height:1.25}
.entradilla{font-size:1.12rem;color:var(--gris);max-width:58ch;margin:18px 0 0}
.boton{display:inline-flex;align-items:center;gap:10px;background:var(--verde);color:#fff;text-decoration:none;border:0;border-radius:2px;padding:14px 22px;font:500 .98rem var(--sans);cursor:pointer}
.boton:hover{background:#243B2F}
.boton.secundario{background:transparent;color:var(--tinta);border:1px solid var(--tinta)}
.boton.secundario:hover{background:var(--tinta);color:#fff}
.enlace{color:var(--verde);text-underline-offset:4px}

/* Portada: escena a pantalla completa */
.escena{position:relative;height:min(86vh,820px);min-height:520px;overflow:hidden;background:#1d1f1c;color:#fff}
.diapo{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.4s ease}
.diapo.activa{opacity:1}
.diapo img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 8s ease-out}
.diapo.activa img{transform:scale(1)}
.escena::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,15,.62) 0%,rgba(15,17,15,.25) 45%,rgba(15,17,15,0) 70%),linear-gradient(0deg,rgba(15,17,15,.5) 0%,rgba(15,17,15,0) 30%);pointer-events:none}
.escena-texto{position:absolute;z-index:2;left:max(16px,calc((100vw - var(--ancho))/2 + 40px));top:50%;transform:translateY(-50%);max-width:min(520px,calc(100% - 32px))}
.escena-texto .antetitulo{color:rgba(255,255,255,.75)}
.escena-texto h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.98;font-weight:300}
.escena-texto h1 em{font-style:italic;color:#C9D6CC}
.escena-texto p{margin:18px 0 0;font-size:1.12rem;color:rgba(255,255,255,.88);max-width:36ch}
.escena-texto .acciones{margin-top:26px}
.boton.claro{background:#fff;color:var(--tinta)}
.boton.claro:hover{background:#E9EEEA}
.diapo figcaption{position:absolute;z-index:3;right:max(16px,calc((100vw - var(--ancho))/2 + 40px));bottom:26px;font-size:.88rem;max-width:calc(100% - 140px);text-align:right}
.diapo figcaption a{color:#fff;text-decoration:none;background:rgba(15,17,15,.45);padding:7px 12px;border-radius:2px;display:inline-block}
.diapo figcaption a:hover{background:rgba(15,17,15,.7)}
.diapo:not(.activa) figcaption{pointer-events:none}
.puntos{position:absolute;z-index:3;left:max(16px,calc((100vw - var(--ancho))/2 + 40px));bottom:32px;display:flex;gap:8px}
.puntos button{width:26px;height:3px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer}
.puntos button[aria-selected="true"]{background:#fff}

/* Muro a escala real */
.muro-marco{position:relative;background:linear-gradient(180deg,#F3F3EF 0%,#EAEAE4 100%);border-radius:2px;padding:48px 32px 52px;overflow-x:auto;overscroll-behavior-x:contain}
.muro{display:flex;align-items:center;justify-content:center;gap:28px;min-width:max-content;margin:0 auto}
.muro a{flex:none;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative}
.muro img{width:100%;height:100%;object-fit:contain;box-shadow:0 14px 22px -12px rgba(30,36,32,.35),0 2px 4px rgba(30,36,32,.08);transition:transform .35s ease}
.muro a.escultura img{box-shadow:none;filter:drop-shadow(0 10px 10px rgba(30,36,32,.25))}
.muro a span{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.74rem;line-height:1.3;color:var(--gris);text-align:center;opacity:0;transition:opacity .25s}
.muro a:hover img,.muro a:focus-visible img{transform:translateY(-4px)}
.muro a:hover span,.muro a:focus-visible span{opacity:1}
.desliza{display:none;font-size:.78rem;color:var(--gris);margin:10px 0 0}
@media (max-width:760px){.desliza{display:block}}
.muro-marco .escala{position:sticky;left:0;display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:.78rem;color:var(--gris)}
.muro-marco .escala i{display:inline-block;height:1px;background:var(--gris);position:relative}
.muro-marco .escala i::before,.muro-marco .escala i::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--gris)}
.muro-marco .escala i::before{left:0}.muro-marco .escala i::after{right:0}

/* Artistas en portada */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px)}
.duo article{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:22px;align-items:start}
.duo img{aspect-ratio:4/5;object-fit:cover;width:100%}
.duo p{margin:10px 0 12px;color:var(--gris)}
.duo blockquote{margin:14px 0 4px;font:italic 400 1.18rem/1.45 var(--serif);color:var(--tinta)}

/* Galería */
.cab-galeria{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.filtros{display:flex;gap:10px 28px;flex-wrap:wrap;padding-block:18px;border-block:1px solid var(--linea);margin-bottom:36px}
.filtro{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filtro span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--linea);background:var(--papel);color:var(--tinta);border-radius:999px;padding:6px 13px;font:.88rem var(--sans);cursor:pointer}
.chip:hover{border-color:var(--tinta)}
.chip[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.recuento{font-size:.9rem;color:var(--gris);font-variant-numeric:tabular-nums}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:48px clamp(20px,3vw,40px)}
.pieza{text-decoration:none;display:flex;flex-direction:column;gap:14px}
.pieza .marco{aspect-ratio:1/1;background:#F1F1ED;display:flex;align-items:center;justify-content:center;padding:14%;overflow:hidden}
.pieza .marco img{max-height:100%;width:auto;object-fit:contain;box-shadow:0 10px 16px -10px rgba(30,36,32,.4);transition:transform .35s ease}
.pieza:hover .marco img{transform:scale(1.035)}
.pieza.escultura .marco img{box-shadow:none;filter:drop-shadow(0 10px 10px rgba(30,36,32,.28))}
.pieza .sin-foto{font-size:.85rem;color:var(--gris);text-align:center}

/* Cartela: la etiqueta de museo */
.cartela{display:grid;gap:2px;font-size:.9rem;line-height:1.4}
.cartela b{font-family:var(--serif);font-weight:400;font-size:1.08rem;font-style:italic}
.cartela .autor{font-weight:500}
.cartela .dato{color:var(--gris);font-variant-numeric:tabular-nums}
.sello{display:inline-block;justify-self:start;align-self:flex-start;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vendida);border:1px solid currentColor;padding:2px 7px;margin-top:4px}

/* Ficha de obra */
.ficha{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.visor{background:#F1F1ED;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3.4;padding:6%}
.visor img{max-height:100%;width:auto;object-fit:contain}
.visor.lleno{padding:0}
.visor.lleno img{width:100%;height:100%;object-fit:cover}
.miniaturas{display:grid;grid-template-columns:repeat(4,minmax(0,84px));gap:10px;margin-top:12px}
.miniaturas button{border:1px solid var(--linea);background:var(--papel);padding:0;width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:stretch}
.miniaturas button img{aspect-ratio:1;object-fit:cover;width:100%}
.miniaturas button small{font:.7rem var(--sans);color:var(--gris);padding:4px 2px;text-align:center}
.miniaturas button[aria-pressed="true"]{border-color:var(--tinta);outline:1px solid var(--tinta)}
.info{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px)}
.info h1{font-size:clamp(2rem,3.6vw,3rem);font-style:italic}
.info .autor{margin:10px 0 26px;font-size:1.05rem}
.descripcion{margin:-6px 0 26px;font-size:.98rem;color:var(--gris)}
.descripcion p{margin:0 0 .8em}
.datos{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0 0 28px;padding-block:18px;border-block:1px solid var(--linea)}
.datos dt{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);padding-top:3px}
.datos dd{margin:0;font-variant-numeric:tabular-nums}
.datos dd .precio{margin:-6px 0}
.precio{display:inline-block;width:150px;height:38px;padding:0;border:0;background:none;perspective:700px;cursor:pointer;font:inherit;color:inherit;vertical-align:middle}
.precio-carta{position:relative;display:block;width:100%;height:100%;transition:transform .7s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.precio.girado .precio-carta{transform:rotateX(180deg)}
.cara{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:999px}
.cara.frente{font:500 .86rem var(--sans);letter-spacing:.06em;border:1px solid var(--linea);background:var(--papel);color:var(--verde)}
.precio:hover .cara.frente{border-color:var(--verde)}
.cara.dorso{transform:rotateX(180deg);justify-content:flex-start;padding-left:2px}
.cara.dorso b{font:400 1.45rem/1 var(--serif);color:var(--verde);font-variant-numeric:tabular-nums;white-space:nowrap}
.cara.dorso small{font-size:.74rem;color:var(--gris);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.precio-carta{transition:none}}
.acciones-obra{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.acciones-obra .boton{justify-content:center;padding:12px 10px;font-size:.9rem}
.consulta{display:grid;gap:10px}
.consulta .boton{justify-content:center}
.nota{font-size:.88rem;color:var(--gris);margin:14px 0 0}
.volver{display:inline-block;margin-bottom:26px;font-size:.9rem;color:var(--gris);text-decoration:none}
.volver:hover{color:var(--tinta)}

/* Texto largo */
.texto{max-width:66ch}
.texto p{margin:0 0 1em}
.texto h3{margin:1.8em 0 .5em;font-size:1.05rem;font-family:var(--sans);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.biografias{display:grid;gap:clamp(56px,8vw,110px)}
.biografia{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(24px,5vw,64px)}
.retrato{aspect-ratio:4/5;background:#EFEFEA;display:flex;align-items:center;justify-content:center;color:var(--gris);font-size:.85rem;text-align:center;padding:16px}
.firma{font-family:var(--serif);font-style:italic;font-size:1.2rem}

/* Cómo comprar */
.pasos{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,36px);counter-reset:paso}
.pasos li{counter-increment:paso;border-top:1px solid var(--tinta);padding-top:16px}
.pasos li::before{content:counter(paso);font-family:var(--serif);font-size:2.2rem;line-height:1;display:block;margin-bottom:12px;color:var(--verde)}
.pasos p{margin:6px 0 0;color:var(--gris);font-size:.96rem}

.contacto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.contacto div{background:var(--papel);border:1px solid var(--linea);padding:26px}
.contacto .valor{font-family:var(--serif);font-size:1.35rem;margin:6px 0 16px;word-break:break-word}

.pie{border-top:1px solid var(--linea);padding-block:36px;margin-top:40px;font-size:.88rem;color:var(--gris)}
.pie .envoltura{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:860px){
  .portada-texto,.ficha,.duo,.biografia{grid-template-columns:1fr}
  .info{position:static}
  .pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contacto{grid-template-columns:1fr}
  .biografia .retrato{max-width:220px}
}

@media (max-width:520px){
  .duo article{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .duo h2{font-size:1.6rem}
  .escena{height:78vh;min-height:500px}
  .escena::after{background:linear-gradient(0deg,rgba(15,17,15,.78) 0%,rgba(15,17,15,.35) 55%,rgba(15,17,15,.1) 100%)}
  .escena-texto{top:auto;bottom:92px;transform:none}
  .diapo figcaption{left:16px;right:16px;bottom:18px;text-align:left;max-width:none;font-size:.8rem}
  .puntos{bottom:auto;top:18px}
  .muro-marco{padding:32px 16px 40px}
  .muro{justify-content:flex-start}
  .acciones-obra{grid-template-columns:1fr}
  .pasos{grid-template-columns:1fr}
  .rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
  .pieza .marco{padding:10%}
  .menu{width:100%;justify-content:space-between}
}

/* Ampliar imagen */
.visor{position:relative}
.visor img{cursor:zoom-in}
.lupa{position:absolute;right:12px;bottom:12px;border:0;background:rgba(30,36,32,.78);color:#fff;font:500 .82rem var(--sans);padding:8px 12px;border-radius:2px;cursor:pointer}
.lupa:hover{background:var(--tinta)}
.zoom-capa{position:fixed;inset:0;z-index:100;background:#141715;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}
.zoom-capa.acercada{cursor:grab}
.zoom-capa img{max-width:94vw;max-height:88vh;object-fit:contain;transform-origin:center;user-select:none;will-change:transform}
.zoom-cerrar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;cursor:pointer}
.zoom-cerrar:hover{background:rgba(255,255,255,.28)}
.zoom-ayuda{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);left:50%;transform:translateX(-50%);margin:0;padding:6px 12px;border-radius:999px;background:rgba(20,23,21,.7);color:rgba(255,255,255,.85);font-size:.82rem;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}

/* Aviso breve */
.aviso{position:fixed;z-index:200;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translateX(-50%);background:var(--tinta);color:#fff;padding:12px 18px;border-radius:2px;font-size:.92rem;max-width:calc(100vw - 32px);box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* Pruébala en tu pared */
.probador{position:fixed;inset:0;z-index:120;background:#141715;color:#fff;display:grid;grid-template-rows:auto 1fr auto}
.prob-barra{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px}
.prob-barra b{display:block;font:400 1.3rem var(--serif)}
.prob-barra span{font-size:.84rem;color:rgba(255,255,255,.7)}
.prob-cerrar{position:static;flex:none}
.prob-cuerpo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 16px;min-height:0}
.prob-subir{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:360px;padding:40px 28px;border:1px dashed rgba(255,255,255,.35);cursor:pointer}
.prob-subir:hover{border-color:#fff}
.prob-subir input{position:absolute;width:1px;height:1px;opacity:0}
.prob-subir:focus-within{outline:2px solid #fff;outline-offset:4px}
.prob-icono{font-size:2.4rem;line-height:1}
.prob-subir small{color:rgba(255,255,255,.7);line-height:1.5}
.prob-lienzo{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.prob-lienzo img#prob-foto{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.prob-linea{position:absolute;pointer-events:none;overflow:visible}
.prob-linea line{stroke:#F2C94C;stroke-width:3;stroke-dasharray:8 6}
.prob-punto{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:3px solid #F2C94C;background:rgba(242,201,76,.25);cursor:grab;touch-action:none;padding:0}
.prob-obra{position:absolute;cursor:grab;touch-action:none;filter:drop-shadow(6px 10px 10px rgba(0,0,0,.35))}
.prob-obra img{width:100%;height:auto;display:block;pointer-events:none;user-select:none}
.prob-pie{padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 14px);background:#1d201d}
.prob-pie p{margin:0 0 10px;font-size:.92rem;color:rgba(255,255,255,.85)}
.prob-fila{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.prob-fila .chip{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.prob-cm{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}
.prob-cm input{width:90px;padding:8px 10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:2px;font:inherit}
.prob-fila .boton.secundario{color:#fff;border-color:rgba(255,255,255,.5)}
.prob-fila .boton.secundario:hover{background:#fff;color:var(--tinta)}
.prob-fila .boton[disabled]{opacity:.45;cursor:not-allowed}

.pie nav{display:flex;gap:16px;flex-wrap:wrap}
.pie nav a{color:var(--gris);text-decoration:none}
.pie nav a:hover{color:var(--tinta);text-decoration:underline}
.legal .texto h2{font-size:1.5rem;margin:1.6em 0 .5em}
.legal .texto ul{padding-left:1.2em;margin:0 0 1em}
.legal .texto li{margin-bottom:.4em}
.retrato:has(img){padding:0;background:none}
.retrato img{width:100%;height:100%;object-fit:cover}