@font-face{font-family:'Cormorant';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/cormorant-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:400 600;font-display:swap;src:url('fonts/cormorant-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/cormorant-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:400 600;font-display:swap;src:url('fonts/cormorant-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:'Cormorant repli';src:local('Georgia');size-adjust:86%;ascent-override:104%;descent-override:30%}

:root{
  --s-noche:#110f0c; --s-noche-2:#191612; --s-noche-3:#211d18;
  --s-hueso:#f3ede2; --s-hueso-2:rgba(243,237,226,.74); --s-hueso-3:rgba(243,237,226,.5);
  --s-oro:#d8a352; --s-oro-luz:#f0cf8a; --s-oro-prof:#a8772f;
  --s-papel:#f4efe6; --s-tinta:#1c1814; --s-gris:#655e53;
  --s-display:'Cormorant','Cormorant repli',Georgia,serif;
  --s-courbe:cubic-bezier(.22,.61,.36,1);
  --s-bloc:clamp(88px,10.5vw,148px);          
}

body{background:var(--s-noche)}

.sala-hero{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:88px 22px 92px;background:var(--s-noche);color:var(--s-hueso)}

.sala-luz{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(38% 46% at 50% 30%,rgba(216,163,82,.16),rgba(216,163,82,0) 70%),
    radial-gradient(70% 40% at 50% 104%,rgba(216,163,82,.08),rgba(216,163,82,0) 70%),
    linear-gradient(180deg,#0c0b09 0%,var(--s-noche) 40%,#15120e 100%)}
.sala-luz::after{content:'';position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}

.sala-obra{position:absolute;z-index:-1;margin:0;top:50%;width:clamp(170px,21vw,330px);
  --rx:0deg; --ry:0deg;
  transform:translateY(-50%) perspective(1100px) rotateY(var(--giro)) rotateX(var(--rx)) rotateZ(var(--rz,0deg));
  transition:transform .6s var(--s-courbe)}
.sala-obra img{display:block;width:100%;height:auto;border:10px solid #f5f1e8;outline:3px solid #0b0a08;
  box-shadow:0 0 0 1px rgba(216,163,82,.35),0 40px 80px -30px rgba(0,0,0,.95),0 0 60px -10px rgba(216,163,82,.12)}
.sala-obra::before{content:'';position:absolute;left:10%;right:10%;top:-40%;height:40%;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 100%,rgba(240,207,138,.18),rgba(240,207,138,0) 70%)}
.sala-obra-izq{left:max(-3vw,-40px);--giro:16deg;--rz:-1.2deg}
.sala-obra-der{right:max(-3vw,-40px);--giro:-16deg;--rz:1.4deg}

.sala-hero .hero-in{position:relative;z-index:1;width:100%;max-width:640px;display:block}
.sala-hero .hero-txt{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;margin:0 auto}

.sala-hero .logo-con-cabeza{position:relative;display:block;width:min(100%,380px);margin:0 auto;isolation:isolate}

.sala-hero .logo-cabeza{display:block;position:relative;z-index:-1;left:auto;top:auto;transform:none;max-width:100%;width:clamp(170px,23vh,300px);height:auto;margin:0 auto;
  opacity:.84;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.sala-hero .logo-ajc{position:relative;display:block;width:clamp(210px,30vh,340px);height:auto;margin:calc(clamp(170px,23vh,300px) * -.42) auto 0;
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(216,163,82,.18))}

.sala-hero .pastille{margin:20px 0 0;padding:7px 18px;border:1px solid rgba(216,163,82,.45);border-radius:999px;
  background:transparent;color:var(--s-oro-luz);font:600 10.5px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:.24em;text-transform:uppercase;white-space:normal}
.sala-hero h1{margin:18px 0 0;font-family:var(--s-display);font-weight:500;color:var(--s-hueso);
  font-size:clamp(34px,2.6vw + 2.2vh,64px);line-height:1.02;letter-spacing:-.01em}
.sala-hero h1 em{display:block;font-style:italic;font-weight:500;color:var(--s-oro)}
.sala-hero .h1-lugar{margin-top:.7rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:11.5px;letter-spacing:.26em;
  color:var(--s-hueso-3);font-weight:600}
.sala-hero .lead{margin:16px auto 0;max-width:520px;color:var(--s-hueso-2);font-size:16.5px;line-height:1.6}
.sala-hero .ctas{margin-top:26px;display:flex;justify-content:center}

.sala-hero .cta.cta-p,.empresas .ctas .cta,#contacto .cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:0 32px;border-radius:999px;text-decoration:none;
  font:700 11.5px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:transform .2s ease,background-color .2s,border-color .2s}
.sala-hero .cta.cta-p,.empresas .ctas .cta-p,#contacto .cta-p{border:0;color:#15110b;
  background:linear-gradient(135deg,var(--s-oro-luz) 0%,var(--s-oro) 55%,var(--s-oro-prof) 100%);
  box-shadow:0 14px 30px -16px rgba(216,163,82,.75),inset 0 1px 0 rgba(255,255,255,.4)}
.sala-hero .cta.cta-p::after,.empresas .ctas .cta-p::after,#contacto .cta-p::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:none;
  box-shadow:0 0 22px 1px rgba(216,163,82,.5);opacity:.4;animation:none}

.sala-hero .cta.cta-p::after{animation:sala-halo 4s ease-in-out infinite}
@keyframes sala-halo{0%,100%{opacity:.22}50%{opacity:.62}}
.empresas .ctas .cta-s,#contacto .cta-s{border:1px solid rgba(216,163,82,.55);background:transparent;color:var(--s-hueso)}
.empresas .ctas .cta-s:hover,#contacto .cta-s:hover{border-color:var(--s-oro-luz);background:rgba(216,163,82,.08)}
@media (hover:hover){ .sala-hero .cta.cta-p:hover,.empresas .ctas .cta:hover,#contacto .cta:hover{transform:translateY(-2px)} }
.sala-hero .cta:focus-visible,.empresas .cta:focus-visible,#contacto .cta:focus-visible{outline:2px solid var(--s-oro-luz);outline-offset:3px}

.sala-hero .descubrir{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;
  color:var(--s-hueso-3);font:600 10px/1 system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;text-decoration:none}
.sala-hero .descubrir svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}

@media (min-width:1025px) and (max-height:700px){
  .sala-hero{padding-top:62px;padding-bottom:54px}
  .sala-hero .logo-cabeza{width:clamp(130px,23vh,180px)}
  .sala-hero .logo-ajc{width:clamp(170px,31vh,230px);margin-top:calc(clamp(130px,23vh,180px) * -.42)}
  .sala-hero .pastille{margin-top:10px;padding:6px 16px}
  .sala-hero h1{margin-top:10px;font-size:clamp(30px,6vh,42px)}
  .sala-hero .h1-lugar{margin-top:.45rem}
  .sala-hero .lead{display:none}
  .sala-hero .ctas{margin-top:18px}
  
  .sala-hero .descubrir{bottom:6px} .sala-hero .descubrir span{display:none}
}

@media (min-width:1025px){ .sala-hero .logo-cabeza{opacity:.72} }

@media (max-width:1024px){
  .sala-hero{padding:74px 20px calc(var(--dock-h,64px) + 58px);justify-content:flex-start}
  .sala-hero .logo-cabeza{width:min(50vw,260px);opacity:.9}
  .sala-hero .logo-ajc{width:min(58vw,280px);margin-top:calc(min(50vw,260px) * -.42)}
  .sala-obra{top:170px;transform:perspective(900px) rotateY(var(--giro)) rotateZ(var(--rz,0deg));width:min(30vw,190px)}
  .sala-obra img{border-width:6px;outline-width:2px}
  .sala-obra-izq{left:-9vw}
  .sala-obra-der{right:-9vw}
  .sala-hero h1{font-size:clamp(32px,8.6vw,44px)}
  .sala-hero .lead{font-size:15.5px}
  
  .sala-hero .descubrir{position:relative;left:auto;bottom:auto;transform:none;margin-top:22px}
}

@media (max-width:760px){
  
  .sala-hero{padding-top:50px}
  .sala-hero .logo-cabeza{width:min(42vw,215px);width:min(42vw,21svh,215px)}
  .sala-hero .logo-ajc{width:min(52vw,245px);width:min(52vw,27svh,245px);margin-top:calc(min(42vw,215px) * -.52);margin-top:calc(min(42vw,21svh,215px) * -.52)}
  .sala-hero .pastille{margin-top:10px}
  .sala-hero .lead{display:none} .sala-hero h1{margin-top:10px} .sala-hero .ctas{margin-top:18px}
  .sala-hero .descubrir{margin-top:16px}
}

@media (max-width:760px) and (max-height:700px){ .sala-obra{top:92px;width:min(26vw,150px)} }

@media (max-width:380px){ .sala-hero .pastille{font-size:9.5px;letter-spacing:.17em;padding:6px 14px} }

@media (max-width:760px) and (max-height:760px){ .sala-hero .descubrir{display:none} }

@media (max-width:760px) and (max-height:600px){
  .sala-hero{padding-top:44px}
  .sala-hero .logo-cabeza{width:min(42vw,19svh)}
  .sala-hero .logo-ajc{width:min(52vw,24svh);margin-top:calc(min(42vw,19svh) * -.52)}
  .sala-hero .pastille{margin-top:10px;padding:6px 14px}
  .sala-hero h1{font-size:30px;margin-top:10px}
  .sala-hero .ctas{margin-top:14px}
  .sala-hero .cta.cta-p,.empresas .ctas .cta,#contacto .cta{min-height:48px;padding:0 28px;font-size:11px;letter-spacing:.18em}
}

@media (min-width:1025px){
  #top.glass{background:rgba(17,15,12,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,163,82,.16)}
  #top.glass nav a{color:var(--s-hueso)}
  #top .lang{background:rgba(243,237,226,.06);border-color:rgba(216,163,82,.35);color:var(--s-hueso)}
  #top .lang:hover{border-color:var(--s-oro-luz)}
}

.empresas h2,#enmarcado h2,#contacto h2{font-family:var(--s-display);font-weight:500;letter-spacing:-.01em}
.empresas h2{font-size:clamp(34px,4.4vw,60px);line-height:1.04}
#enmarcado h2,#contacto h2{font-size:clamp(36px,4.4vw,60px);line-height:1.04}
#coleccion > h2::after,.sala-artista h2::after,.empresas h2::after,#enmarcado > h2::after,#contacto > h2::after{
  content:'';display:block;width:88px;height:2px;margin:20px auto 0;border-radius:2px;transform-origin:50% 50%;
  background:linear-gradient(90deg,rgba(216,163,82,0),var(--s-oro) 28%,var(--s-oro-luz) 62%,rgba(240,207,138,0))}
.sala-artista h2::after,.empresas h2::after{margin-left:0;transform-origin:0 50%}

#coleccion{background:var(--s-noche);color:var(--s-hueso);border-top:1px solid rgba(216,163,82,.14);
  padding-top:var(--s-bloc);padding-bottom:var(--s-bloc);
  
  box-shadow:0 0 0 100vmax var(--s-noche);clip-path:inset(0 -100vmax)}

#coleccion::before{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(216,163,82,.10),transparent 70%)}
#coleccion .sec-n::after{background:linear-gradient(to right,transparent,rgba(216,163,82,.35) 10%,rgba(216,163,82,.35) 90%,transparent)}
#coleccion .sec-t{color:var(--s-oro)}
#coleccion h2{font-family:var(--s-display);font-weight:500;color:var(--s-hueso);font-size:clamp(44px,5.4vw,72px);letter-spacing:-.01em;line-height:1}
#coleccion .sec-n{color:var(--s-hueso-3);margin-top:18px}

#coleccion .bandas{margin-top:clamp(44px,5.5vw,72px)}
#coleccion .banda-sitio{margin-bottom:0}
#coleccion .banda-sitio .ruban-pista{gap:clamp(16px,2vw,30px)}
#coleccion .banda-sitio .ruban-pista > img{height:clamp(230px,27vw,410px);width:auto;box-shadow:none;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 58%,transparent 100%);
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 58%,transparent 100%)}

@media (prefers-reduced-motion:reduce){
  #coleccion .banda-sitio{overflow:hidden}
  #coleccion .banda-sitio .ruban-pista{animation:rubanDefile 170s linear infinite reverse!important}
  #coleccion .banda-sitio:hover .ruban-pista{animation-play-state:paused!important}
}
@media (max-width:760px){ #coleccion .banda-sitio .ruban-pista > img{height:232px} }

#coleccion .filtros{justify-content:center;margin:clamp(52px,6vw,80px) auto clamp(34px,4vw,52px)}
#coleccion .filtros .f-s{border:1px solid rgba(243,237,226,.22);background:transparent;color:var(--s-hueso-2);border-radius:999px}
#coleccion .filtros .f-s i{color:var(--s-oro)}
#coleccion .filtros .f-s.on{background:var(--s-oro);border-color:var(--s-oro);color:#15110b}
#coleccion .filtros .f-s.on i{color:#15110b}
@media (max-width:760px){ #coleccion .filtros{justify-content:flex-start} }

#coleccion .sala-obras{--h:185px;--pc:9px;--pm:14px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;
  column-gap:clamp(22px,2.6vw,40px);row-gap:clamp(50px,5vw,72px);max-width:1240px;margin:0 auto;columns:auto}

#coleccion .sala-obras::after{content:'';flex:1000000 1 0px}
#coleccion .obra{flex:var(--r,1) 1 calc(var(--r,1) * var(--h) + 2 * (var(--pc) + var(--pm)));
  max-width:calc(var(--r,1) * var(--h) * 1.25 + 2 * (var(--pc) + var(--pm)));min-width:0;
  display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0;border:0;background:none;color:inherit;cursor:zoom-in;text-align:center;
  content-visibility:visible;contain-intrinsic-size:none}
#coleccion .obra-larga{grid-column:auto}
#coleccion .obra .cuadro{position:relative;background:#0b0a08;padding:var(--pc);border-radius:2px;
  box-shadow:0 0 0 1px rgba(216,163,82,.28),0 34px 60px -34px rgba(0,0,0,.95);transition:transform .45s var(--s-courbe),box-shadow .45s var(--s-courbe)}
#coleccion .obra .paspartu{background:#f5f1e8;padding:var(--pm)}
#coleccion .obra .paspartu img{display:block;width:100%;height:auto;aspect-ratio:var(--r,1);max-height:none;object-fit:cover}

#coleccion .obra .cuadro::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,236,200,.2),transparent 62%)}
#coleccion .obra .cuadro.incl::after{opacity:1}
#coleccion .obra .cartela{margin-top:20px;padding:0 4px}
#coleccion .obra .n{color:var(--s-oro);font:600 10px/1 system-ui,sans-serif;letter-spacing:.24em}
#coleccion .obra .t{margin-top:7px;font-family:var(--s-display);font-style:italic;font-weight:500;font-size:22px;line-height:1.1;color:var(--s-hueso)}
#coleccion .obra .d{margin-top:7px;color:var(--s-hueso-3);font:500 10.5px/1.3 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#coleccion .obra .p{margin-top:7px;color:var(--s-oro-luz);font-family:var(--s-display);font-size:19px}
@media (hover:hover) and (pointer:fine){
  #coleccion .obra:hover .cuadro{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(216,163,82,.6),0 44px 70px -34px rgba(0,0,0,.95),0 0 40px -6px rgba(216,163,82,.22)}
}
#coleccion .ruban figure figcaption,#coleccion .ruban .diapo-t,#coleccion .ruban .diapo-d{color:var(--s-hueso-2)}

@media (max-width:760px){
  #coleccion .sala-obras{--h:72px;--pc:6px;--pm:7px;column-gap:14px;row-gap:40px}
  #coleccion .obra{max-width:100%}
  #coleccion .obra .cartela{margin-top:14px}
  #coleccion .obra .t{font-size:18px}
  #coleccion .obra .p{font-size:17px}
  #coleccion .obra .d{letter-spacing:.08em}
}

.sala-artista{background:var(--s-papel);color:var(--s-tinta);border:0}
.sala-artista .artista-in{max-width:1180px;margin:0 auto;padding:var(--s-bloc) 24px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(36px,6vw,90px);align-items:center}
.sala-artista .retrato{order:0;width:100%;max-width:none;margin:0;position:relative}

@media (min-width:861px){ .sala-artista .artista-in{align-items:start} .sala-artista .retrato{position:sticky;top:96px} }
.sala-artista .retrato img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 40px 80px -40px rgba(28,24,20,.45)}
.sala-artista .retrato::after{content:'';position:absolute;inset:18px -18px -18px 18px;z-index:-1;border:1px solid var(--s-oro)}

.sala-artista .artista-in > .artista-txt.rev{order:0;text-align:left}
.sala-artista .sec-t{color:var(--s-oro-prof);text-align:left}
.sala-artista h2{font-family:var(--s-display);font-weight:500;font-size:clamp(52px,7vw,96px);line-height:.95;letter-spacing:-.015em;margin:6px 0 30px;color:var(--s-tinta)}
.sala-artista p{color:#4b453c;font-size:17px;line-height:1.72;margin:0 0 16px}
.sala-artista p a{color:var(--s-oro-prof);text-decoration:underline;text-underline-offset:3px}
.sala-artista .artista-cita{margin:30px 0 24px;padding:0 0 0 26px;border-left:2px solid var(--s-oro)}
.sala-artista .artista-cita p{font-family:var(--s-display);font-style:italic;font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.35;color:var(--s-tinta);margin:0}
.sala-artista .firma{font-family:var(--s-display);font-style:italic;font-size:30px;color:var(--s-oro-prof);margin-top:8px}
@media (max-width:860px){
  .sala-artista .artista-in{grid-template-columns:1fr;padding:76px 22px;gap:40px}
  .sala-artista .retrato{max-width:460px;margin:0 auto}
  .sala-artista .artista-txt{text-align:left}
}

.empresas{position:relative;isolation:isolate;overflow:hidden;background:var(--s-noche);color:var(--s-hueso);padding:var(--s-bloc) 22px}
.empresas::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 45% at 88% 0%,rgba(216,163,82,.11),transparent 70%),radial-gradient(45% 40% at 0% 100%,rgba(216,163,82,.06),transparent 70%)}
.empresas .in{max-width:1180px}
.empresas .kicker{color:var(--s-oro)}
.empresas h2{color:var(--s-hueso);max-width:17ch;margin-top:14px}
.empresas h3.ideales{font-family:var(--s-display);font-style:italic;font-weight:500;font-size:clamp(23px,2.3vw,30px);color:var(--s-oro-luz);margin:clamp(40px,5vw,60px) 0 0}
.empresas h3.ideales + .lugares{margin-top:22px}
.empresas .lugares{gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.empresas .lugar{position:relative;overflow:hidden;border:1px solid rgba(216,163,82,.24);border-radius:18px;padding:28px 26px 26px;
  background:linear-gradient(160deg,rgba(243,237,226,.055),rgba(243,237,226,.012));transition:transform .25s ease,border-color .25s ease,box-shadow .3s ease}
.empresas .lugar b{font-family:var(--s-display);font-size:28px;font-weight:500;color:var(--s-hueso);margin-bottom:12px;padding-right:34px}
.empresas .lugar span{font-size:14.5px;line-height:1.6;color:var(--s-hueso-2);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}

.empresas .lugar::before{content:'';position:absolute;top:26px;right:24px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(216,163,82,.45);
  background:center/13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8a352' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  transition:transform .3s var(--s-courbe),background-color .3s}
.empresas .lugar::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(240,207,138,.14),transparent 62%)}
.empresas .lugar:hover{border-color:rgba(216,163,82,.6);background:linear-gradient(160deg,rgba(243,237,226,.08),rgba(243,237,226,.02));box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.empresas .lugar:hover::before{transform:translateX(3px);background-color:rgba(216,163,82,.12)}
.empresas .lugar.incl::after{opacity:1}
.empresas .argum{margin-top:clamp(48px,6vw,72px);padding-top:clamp(34px,4vw,48px);border-top:1px solid rgba(216,163,82,.18)}
.empresas .argum div b{font-family:var(--s-display);font-size:clamp(30px,3vw,38px);font-weight:500;color:var(--s-oro)}
.empresas .argum div span{font-size:15px;color:var(--s-hueso-2);max-width:60ch;display:block}
@media (max-width:760px){ .empresas .lugar{padding:24px 22px} .empresas .lugar b{font-size:25px} }

#enmarcado{background:var(--s-papel);color:var(--s-tinta);padding-top:var(--s-bloc);padding-bottom:var(--s-bloc);
  box-shadow:0 0 0 100vmax var(--s-papel);clip-path:inset(0 -100vmax)}
#enmarcado .sec-t{color:var(--s-oro-prof)}
#enmarcado h2{color:var(--s-tinta)}
#enmarcado .tres{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(52px,6vw,80px);max-width:1080px;margin-left:auto;margin-right:auto}
#enmarcado .paso{position:relative;background:none;border:0;border-radius:18px;padding:14px clamp(18px,3vw,44px) 20px;text-align:center}
#enmarcado .paso + .paso::before{content:'';position:absolute;left:0;top:12%;bottom:12%;width:1px;
  background:linear-gradient(180deg,rgba(168,119,47,0),rgba(168,119,47,.4),rgba(168,119,47,0))}
#enmarcado .paso svg{display:block;box-sizing:content-box;width:28px;height:28px;padding:19px;margin:0 auto 24px;border-radius:50%;
  border:1px solid rgba(168,119,47,.45);stroke:var(--s-oro-prof);stroke-width:1.3;fill:none;background:radial-gradient(circle,rgba(216,163,82,.12),rgba(216,163,82,0) 70%)}
#enmarcado .paso h3{font-family:var(--s-display);font-weight:500;font-size:clamp(24px,2.2vw,28px);color:var(--s-tinta);margin-bottom:10px}
#enmarcado .paso p{font-size:15.5px;line-height:1.65;color:#5d564b;max-width:30ch;margin:0 auto}
@media (max-width:760px){
  #enmarcado .tres{grid-template-columns:1fr;gap:46px}
  #enmarcado .paso + .paso::before{left:32%;right:32%;top:-24px;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,rgba(168,119,47,0),rgba(168,119,47,.4),rgba(168,119,47,0))}
}

#contacto{background:var(--s-noche);color:var(--s-hueso);padding-top:var(--s-bloc);padding-bottom:clamp(72px,8vw,112px);
  box-shadow:0 0 0 100vmax var(--s-noche);clip-path:inset(0 -100vmax)}
#contacto .sec-t{color:var(--s-oro)}
#contacto h2{color:var(--s-hueso)}
#contacto .contacto{max-width:660px;margin-top:30px}
#contacto .contacto > p{color:var(--s-hueso-2);font-size:17px;line-height:1.7}
#contacto .contacto-directo{justify-content:center;gap:14px;margin-top:32px}
#contacto .contacto-directo .cta{flex:0 1 auto;min-width:210px}
#contacto .ct-nota{flex-basis:100%;margin:8px 0 0;color:var(--s-hueso-3);font:500 12.5px/1.5 system-ui,sans-serif;letter-spacing:.1em}
#contacto #form-consulta{margin-top:48px!important;padding-top:40px;border-top:1px solid rgba(216,163,82,.16)}
#contacto .campo{background:rgba(243,237,226,.045);border:1px solid rgba(243,237,226,.16);border-radius:14px;color:var(--s-hueso);
  padding:15px 18px;font-size:16px;margin-bottom:12px;transition:border-color .2s,background-color .2s,box-shadow .2s}
#contacto .campo::placeholder{color:rgba(243,237,226,.52)}
#contacto .campo:focus{outline:none;border-color:var(--s-oro);background:rgba(243,237,226,.07);box-shadow:0 0 0 3px rgba(216,163,82,.18)}
#contacto textarea.campo{min-height:132px}
#contacto #form-consulta .cta-p{width:100%;margin-top:6px}
#contacto #consulta-estado{color:var(--s-oro-luz)}
#contacto .rgpd-nota{color:rgba(243,237,226,.6);opacity:1}
#contacto .rgpd-nota a{color:var(--s-oro-luz)}
@media (max-width:760px){ #contacto .contacto-directo .cta{flex:1 1 100%;min-width:0} }

footer{background:var(--s-noche);color:var(--s-hueso-3);border-top:1px solid rgba(216,163,82,.14);padding:52px 22px 40px}
footer span{color:var(--s-hueso-2)}
footer .pie-legal a{color:var(--s-hueso-3);border-bottom-color:transparent}
footer .pie-legal a:hover{color:var(--s-oro-luz)}
footer .us-sign{color:rgba(243,237,226,.45);border-top-color:rgba(243,237,226,.08)}

html:not(.rv) .rev{opacity:1;transform:none}

html.rv .rev,html.rv .lugares.rev > .lugar,html.rv #coleccion .obra{opacity:0;transform:translateY(30px) perspective(900px) rotateX(7deg);transform-origin:50% 100%;
  transition:opacity .75s ease,transform .95s cubic-bezier(.2,.7,.2,1)}
html.rv .rev.in,html.rv .lugares.rev.in > .lugar,html.rv #coleccion .obra.in,html.rv #sala.tout-vu .obra{opacity:1;transform:none}

html.rv .lugares.rev{opacity:1;transform:none}
html.rv .lugares.rev > .lugar:nth-child(2){transition-delay:.09s}
html.rv .lugares.rev > .lugar:nth-child(3){transition-delay:.18s}
html.rv .lugares.rev > .lugar:nth-child(4){transition-delay:.27s}
html.rv .tres > .paso.rev:nth-child(2){transition-delay:.12s}
html.rv .tres > .paso.rev:nth-child(3){transition-delay:.24s}

html.rv #coleccion > h2.rev::after,html.rv .empresas h2.rev::after,html.rv #enmarcado > h2.rev::after,html.rv #contacto > h2.rev::after,
html.rv .sala-artista .artista-txt.rev h2::after{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .35s}
html.rv #coleccion > h2.rev.in::after,html.rv .empresas h2.rev.in::after,html.rv #enmarcado > h2.rev.in::after,html.rv #contacto > h2.rev.in::after,
html.rv .sala-artista .artista-txt.rev.in h2::after{transform:scaleX(1)}

html.rv .lugares.rev.in > .lugar{transition:opacity .75s ease,transform .25s ease,border-color .25s ease,box-shadow .3s ease}

@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    
    .sala-obra-izq{animation:sala-deriva-g linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    .sala-obra-der{animation:sala-deriva-d linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    .sala-luz{animation:sala-apaga linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    @keyframes sala-deriva-g{to{translate:-8vw -14vh;opacity:.25}}
    @keyframes sala-deriva-d{to{translate:8vw -20vh;opacity:.25}}
    @keyframes sala-apaga{to{opacity:.45}}
    
    html.rv #coleccion .banda-sitio.rev{opacity:1;transform:none;transition:none;
      animation:sala-acerca linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
    @keyframes sala-acerca{from{opacity:.25;transform:scale(.92)}to{opacity:1;transform:none}}
    
    .sala-artista .retrato img{animation:sala-flota linear both;animation-timeline:view();animation-range:cover}
    @keyframes sala-flota{from{transform:translateY(22px)}to{transform:translateY(-22px)}}
  }
}

@media (prefers-reduced-motion:reduce){
  html.rv .rev,html.rv .lugares.rev > .lugar,html.rv #coleccion .obra{transform:none!important;transition:opacity .6s ease!important}
  html.rv #coleccion > h2.rev::after,html.rv .empresas h2.rev::after,html.rv #enmarcado > h2.rev::after,html.rv #contacto > h2.rev::after,
  html.rv .sala-artista .artista-txt.rev h2::after{transform:none}
  .sala-obra,.sala-hero .cta.cta-p,#coleccion .obra .cuadro{transition:none}
  .sala-hero .cta.cta-p::after{animation:none}
}
@media print{ html.rv .rev,html.rv #coleccion .obra,html.rv .lugares.rev > .lugar{opacity:1!important;transform:none!important} }

.sala-hero .hero-pintura{margin:12px auto 0;max-width:46ch;font-family:inherit;font-style:italic;font-size:17px;line-height:1.4;color:var(--s-hueso-2,#e9e2d6);letter-spacing:.01em;text-wrap:balance}
@media (min-width:1025px) and (max-height:700px){ .sala-hero .hero-pintura{margin-top:8px;font-size:15.5px} }
@media (max-width:760px){ .sala-hero .hero-pintura{margin-top:6px;font-size:15px;max-width:26ch} }

#enmarcado .enm-intro{max-width:600px;margin:20px auto 0;text-align:center;text-wrap:balance;color:var(--gris,#6f6a61);font-size:17px;line-height:1.6}
#enmarcado .enm-intro a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){ #enmarcado .enm-intro{font-size:16px;margin-top:18px} }