*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

:root {
  --fondo: #fdfaf1;
  --tinta: #3e3e3e;
  --linea: #d7d5cb;
  --oro: #a29057;
  --foco: #782a27;
  --pildora: rgba(242, 238, 227, .7);
  --g: clamp(20px, -5.037px + 1.4815vw, 32px);
  --e: cubic-bezier(.645, .045, .355, 1);
  --disp: 'Ysabeau', 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --cuerpo: 'Hanken Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono: 'DM Mono', ui-monospace, Menlo, Consolas, monospace;
  --k: 1.04; 
}

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  background: var(--fondo);
  color: var(--tinta);
  font-family: var(--cuerpo);
  font-weight: 300;
  font-size: clamp(16px, 13.573px + .337vw, 22px);
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
img, video { display: block; max-width: 100%; }
strong { font-weight: 400; }

:focus-visible { outline: 2px solid var(--foco); outline-offset: 3px; border-radius: 4px; }

.saltar {
  position: absolute; z-index: 30; top: var(--g); left: var(--g);
  padding: .9rem 1.5rem 1.1rem; border-radius: 30px; background: #f1ede1; line-height: 1;
  font-family: var(--cuerpo); font-weight: 400; font-size: clamp(14px, 12.38px + .225vw, 18px);
  translate: calc(-100% - 3rem) 0; transition: translate .3s var(--e), background-color .3s var(--e), color .3s var(--e);
}
.saltar:focus { translate: 0 0; background: var(--oro); color: #fff; }


.t-h2 {
  font-family: var(--disp); font-weight: 300; line-height: 1.25; text-wrap: pretty;
  font-size: calc(clamp(30px, 19.888px + 1.4045vw, 55px) * var(--k));
}
.t-h4 {
  font-family: var(--cuerpo); font-weight: 300; line-height: 1.42;
  font-size: clamp(19px, 11.719px + 1.0112vw, 37px);
}
.t-h4 strong { font-weight: 400; }
.caps {
  font-family: var(--cuerpo); font-weight: 500; text-transform: uppercase; letter-spacing: 1px; opacity: .9; line-height: 1.05;
  font-size: clamp(10px, 7.978px + .2809vw, 15px);
}


.portada-poster, .portada-vid video, .lugar-foto img, .lugar-video video, .diap-img img, .ml-foto img, .ml-foto video, .rec-img img {
  filter: saturate(.88) sepia(.07) contrast(1.03);
}


.sitio { position: relative; }
.velo {
  position: fixed; inset: 0; z-index: 3; pointer-events: none; background-color: transparent;
  backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0);
  transition: background-color .3s var(--e), backdrop-filter .3s var(--e), -webkit-backdrop-filter .3s var(--e);
}
.menu-abierto .velo { background-color: rgba(111, 111, 111, .13); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: auto; }
.menu-abierto { overflow: hidden; }

.rejilla {
  display: flex; flex-flow: column; margin: 0 var(--g); gap: calc(var(--g) / 1.5); position: relative; z-index: 0;
  padding-top: var(--mpt, 0); padding-bottom: var(--mpb, 0);
}
.rejilla.plana { margin: 0; }
.rejilla.carrusel-rej { overflow: hidden; }
.columna {
  opacity: 0; transform: translateY(var(--g));
  transition: opacity .8s var(--e) var(--d, 0s), transform .8s var(--e) var(--d, 0s);
}
.columna.en-vista { opacity: 1; transform: none; }
.c2, .c4, .c6, .c8, .c12 { flex-basis: auto; }
.espacio { height: 20px; }
.centro { text-align: center; }
.izq { text-align: left; }
.rejilla .t-h2 { max-width: 21em; margin-inline: auto; padding-bottom: 1rem; }
.rejilla .caps.centro { padding-bottom: 1rem; }
.rejilla h2.caps { padding-bottom: 1rem; }
.texto.izq { display: flex; flex-flow: column; align-items: flex-start; }
.sangria { text-indent: calc(var(--g) * 3); }
.sangria p { margin-bottom: 0; padding-bottom: 0; }
.linea { background: var(--linea); height: 1px; margin: var(--g) 0; display: block; }

@media (min-width: 720px) {
  .rejilla { flex-flow: row; padding-top: var(--pt, 0); padding-bottom: var(--pb, 0); }
  .c12 { flex-basis: 100%; }
  .c8 { flex-basis: 66.6667%; }
  .c6 { flex-basis: 50%; }
  .c4 { flex-basis: 33.3333%; }
  .c2 { flex-basis: 16.6667%; }
}


.cab {
  position: fixed; z-index: 4; top: var(--g); right: var(--g); width: calc(100% - var(--g) * 2);
  display: flex; flex-flow: row; justify-content: space-between; align-items: flex-start;
  opacity: 0; pointer-events: none; transition: opacity .7s ease;
}
.cab > * { pointer-events: auto; }
.cab.es-visible { opacity: 1; transition-delay: .7s; }
.cab-logo {
  position: absolute; top: 0; left: 0; display: inline-flex; align-items: flex-start; gap: 2px; color: #fff;
  height: 40px; line-height: 40px; transition: opacity .3s var(--e); z-index: 0;
}
.cab-logo-txt { font-family: var(--disp); font-weight: 500; font-size: 27px; letter-spacing: .1em; line-height: 29px; margin-top: 0; -webkit-text-stroke: .5px currentColor; }
.cab-logo-ast { font-family: var(--disp); color: #dccd97; font-size: 20px; line-height: 20px; margin-top: 1px; }
.es-desplazado .cab-logo { opacity: 0; pointer-events: none; }
@media (max-width: 1000px) { .cab-logo { transform: scale(.88); transform-origin: top left; } }

.burger { position: fixed; top: var(--g); right: var(--g); color: var(--tinta); z-index: 1; transition: opacity .3s var(--e); }
.burger-btn {
  position: relative; z-index: 3; height: 35px; width: 90px; overflow: hidden; display: flex; flex-flow: row; justify-content: center; align-items: center;
  gap: 8px; border-radius: 30px; color: var(--tinta); transition: background-color .3s var(--e);
}
.burger-btn .lineas { position: relative; width: 15px; height: 15px; flex: none; }
.burger-btn .lineas span {
  position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--tinta); transform-origin: center;
  transition: transform .3s var(--e);
}
.burger-btn .lineas span:first-child { transform: translateY(-3px); }
.burger-btn .lineas span:last-child { transform: translateY(3px); }
.burger-btn .texto {
  font-family: var(--cuerpo); font-weight: 400; font-size: 14px; line-height: 40px; transform: translateY(25%); transition: transform .5s var(--e);
  white-space: nowrap;
}
.burger-btn.cierre .lineas span:first-child { transform: rotate(45deg); }
.burger-btn.cierre .lineas span:last-child { transform: rotate(-45deg); }
.burger-btn.cierre .texto { transform: translateY(-25%); }
@media (min-width: 1000px) {
  .burger-btn { height: 40px; width: 100px; gap: 10px; }
  .burger-btn .texto { font-size: 16px; margin-top: -2px; }
}
.burger.extendido .burger-btn { background: var(--fondo); }


.panel {
  position: absolute; z-index: 0; top: 0; right: 0; width: 90px; height: 35px; border-radius: 30px; overflow: hidden;
  background: var(--pildora); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  transition: background-color 1s var(--e), width .8s var(--e), height .8s var(--e), top .8s var(--e), right .8s var(--e), border-radius .8s var(--e);
  pointer-events: none;
}
@media (min-width: 1000px) { .panel { width: 100px; height: 40px; } }
.burger.abierto .panel {
  top: -10px; right: -10px; border-radius: 5px; background-color: var(--fondo); pointer-events: auto;
  width: calc(100vw - 20px); height: calc(100svh - 20px);
}
@media (min-width: 1000px) {
  .burger.abierto .panel { width: 520px; height: 750px; }
  .burger.abierto.extendido .panel { width: calc(60vw + var(--g)); height: calc(100svh - 20px); }
}

.nav { position: absolute; inset: 0; }
.nav-izq {
  position: absolute; inset: 0; display: flex; flex-flow: column; justify-content: space-between;
  padding: 24px 30px 30px; opacity: 0; transition: opacity 1s var(--e) .3s;
}
.burger.abierto .nav-izq { opacity: 1; }
@media (min-width: 1000px) { .nav-izq { right: auto; width: 520px; } .burger.extendido .nav-izq { width: 336px; } }
.nav-ul { display: flex; flex-flow: column; transition: opacity .3s var(--e); }
.nav-a {
  display: flex; flex-flow: row; justify-content: space-between; width: 100%; text-align: left; position: relative;
  font-family: var(--disp); font-weight: 300; line-height: 1.25; color: var(--tinta); background: transparent; opacity: 1;
  font-size: calc(clamp(23px, 14.101px + 1.2359vw, 45px) * var(--k));
  transition: opacity .4s var(--e), transform .3s var(--e), padding-left .3s var(--e) .3s;
}
.nav-a strong { font-weight: 300; }
.nav-a:hover, .nav-a:focus-visible, .nav-a.activo { opacity: 1 !important; }
.nav-izq.con-ext .nav-a:not(.activo) { opacity: .5; }
@media (max-width: 999px) {
  .nav-izq.con-ext .nav-it:not(.es-activo) { display: none; }
  .nav-izq.con-ext .nav-it.es-activo .nav-a { padding-left: 2rem; opacity: 1; }
  .nav-izq.con-ext .nav-it.es-activo .nav-a::before {
    content: ""; position: absolute; left: 0; top: .42em; width: 16px; height: 16px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'><path fill-rule='evenodd' clip-rule='evenodd' d='M16 7H3.8L9.4 1.4L8 0L0 8L8 16L9.4 14.6L3.8 9H16V7Z' fill='%233E3E3E'/></svg>") no-repeat center;
  }
  .nav-izq.con-ext .nav-pie { display: none; }
}

.nav-pie { max-width: 40ch; transition: opacity .3s var(--e); }
.nav-izq.con-ext .nav-pie { opacity: .5; }
@media (max-width: 999px) { .nav-pie { max-width: none; } }
.nav-intro {
  margin-top: 1rem; width: 38ch; max-width: 100%; font-weight: 400; font-size: clamp(12px, 11.191px + .1124vw, 14px); line-height: 1.4;
}


.marcas { display: flex; flex-flow: row wrap; gap: 1.5rem; align-items: center; color: var(--tinta); }
.marca { display: inline-flex; align-items: center; gap: 10px; }
.marca svg { flex: none; }
.marca-regla { width: 1px; height: 41px; background: currentColor; display: block; flex: none; }
.marca-txt { display: flex; flex-flow: column; font-family: var(--disp); font-weight: 400; font-size: 15px; line-height: 1.1; white-space: nowrap; }
.marca-txt b { font-weight: 400; }
.marcas-grandes { flex-flow: column; align-items: flex-start; gap: 2.2rem; }
.marcas-grandes .marca svg { width: 40px; height: 48px; }
.marcas-grandes .marca-regla { height: 48px; }
.marcas-grandes .marca-txt { font-size: 17px; }


.nav-der {
  position: absolute; top: 0; bottom: 0; right: -4px; left: 336px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none;
  opacity: 0; pointer-events: none; transition: opacity .4s var(--e); outline: none;
}
.nav-der::-webkit-scrollbar { display: none; }
.nav-der.es-visible { opacity: 1; pointer-events: auto; }
@media (max-width: 999px) {
  .nav-der { top: 64px; left: 0; right: 0; bottom: 0; padding-inline: calc(var(--g) / 1.5); }
  .nav-lugares { padding-inline: 0; }
}


.nav-lugares ul { display: block; }
.nav-lugares a { display: block; position: relative; border-radius: 4px; }
.ml-foto { display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.ml-foto img, .ml-foto video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ml-foto video { opacity: 0; transition: opacity .3s var(--e); }
.ml-foto.reproduce video { opacity: 1; }
.ml-foto::after { content: ""; position: absolute; inset: 0; border: 5px solid transparent; border-radius: 10px; transition: border-color .3s var(--e); pointer-events: none; }
.nav-lugares a:focus-visible { outline: none; }
.nav-lugares a:focus-visible .ml-foto::after { border-color: var(--foco); }
.ml-tit {
  position: absolute; left: calc(var(--g) / 2); bottom: calc(var(--g) / 2); color: #fff; z-index: 2; pointer-events: none;
  font-family: var(--disp); font-weight: 300; line-height: 1.25; text-shadow: 0 1px 14px rgba(0, 0, 0, .25);
  font-size: calc(clamp(23px, 14.101px + 1.2359vw, 45px) * var(--k));
}


.nav-recursos { padding-left: 10px; }
.filtro {
  display: flex; position: sticky; top: 0; z-index: 2; gap: 1rem; background: var(--fondo); padding-top: var(--g); padding-bottom: 1.2rem; margin-bottom: .3rem;
  border-bottom: 1px solid var(--tinta);
}
@media (min-width: 1000px) { .filtro { margin-right: var(--g); padding-right: 100px; flex-wrap: wrap; row-gap: .4rem; } }
.filtro button {
  font-family: var(--mono); font-weight: 400; font-size: 12px; color: #000; text-transform: uppercase; min-height: 24px; min-width: 24px;
  border-bottom: 1px solid transparent; transition: border-color .3s var(--e);
}
.filtro button:hover, .filtro button.es-activo { border-bottom-color: #000; }
.recursos li[hidden] { display: none; }
.recurso {
  display: flex; flex-flow: column; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid rgba(34, 34, 34, .21);
}
@media (min-width: 1000px) { .recurso { flex-flow: row; margin-right: var(--g); } }
.rec-img { order: 1; opacity: 1; transition: opacity .3s var(--e); }
.rec-img img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
@media (min-width: 1000px) { .rec-img img { width: 125px; } }
.rec-info { order: 2; flex: 1; display: flex; flex-flow: column; color: var(--tinta); transition: opacity .3s var(--e); }
@media (max-width: 999px) { .rec-info { gap: .5rem; } }
.rec-tag { font-family: var(--mono); font-size: 12px; text-transform: uppercase; line-height: 1; padding-bottom: .5rem; }
.rec-tit { font-family: var(--disp); font-weight: 400; font-size: 20px; line-height: 1.2; text-wrap: balance; }
.rec-ext { font-family: var(--cuerpo); font-weight: 400; font-size: 14px; line-height: 1.15; text-wrap: pretty; margin-top: .25rem; }
.recursos:hover .rec-info, .recursos:hover .rec-img, .recursos:focus-within .rec-info, .recursos:focus-within .rec-img { opacity: .7; }
.recurso:hover .rec-info, .recurso:hover .rec-img, .recurso:focus-visible .rec-info, .recurso:focus-visible .rec-img { opacity: 1 !important; }


.nav-aliados { display: flex; flex-flow: column; gap: calc(var(--g) * 1.5); padding: var(--g) var(--g) var(--g) 10px; }
@media (max-width: 999px) { .nav-aliados { padding: 10px calc(var(--g) / 1.5); } }
.al-tit { display: block; font-family: var(--cuerpo); font-weight: 500; font-size: 13px; text-transform: uppercase; letter-spacing: .7px; opacity: .6; margin-bottom: 1rem; }
.al-lista { display: grid; grid-template-columns: repeat(2, max-content); column-gap: 2.5rem; row-gap: .5rem; font-family: var(--disp); font-weight: 400; font-size: 18px; }
.al-p { font-family: var(--cuerpo); font-weight: 400; font-size: 18px; line-height: 1.3; margin-bottom: .7rem; }
.al-enlace { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: transparent; transition: text-decoration-color .3s var(--e); }
.al-enlace:hover, .al-enlace:focus-visible { text-decoration-color: var(--tinta); }
@media (max-width: 999px) { .al-enlace { text-decoration-color: var(--tinta); } }


.portada { position: relative; width: 100%; height: 100svh; overflow: hidden; background: var(--tinta); pointer-events: none; }
.portada-vid { position: absolute; inset: 0; }
.portada-vid::before {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 30% 70%, rgba(0, 0, 0, .34));
}
.portada-poster, .portada-vid video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.portada-vid picture { display: block; position: absolute; inset: 0; }
.portada-vid video { opacity: 0; transition: opacity .8s var(--e); }
.portada-vid video.reproduce { opacity: 1; }
.portada-lema { position: absolute; left: var(--g); bottom: var(--g); z-index: 3; }
.portada-lema h1 {
  color: #fff; max-width: 15em; font-family: var(--disp); font-weight: 300; line-height: 1.05;
  font-size: calc(clamp(42px, 22.584px + 2.6966vw, 90px) * var(--k));
}
.portada-lema h1 span { display: inline-block; opacity: 0; }
.portada.es-lista .portada-lema h1 span { animation: entra-lema 1s var(--e) forwards; }
.portada.es-lista .portada-lema h1 span:nth-child(1) { animation-delay: .5s; }
.portada.es-lista .portada-lema h1 span:nth-child(2) { animation-delay: .65s; }
.portada.es-lista .portada-lema h1 span:nth-child(3) { animation-delay: .8s; }
.portada.es-lista .portada-lema h1 span:nth-child(4) { animation-delay: .95s; }
.portada.es-lista .portada-lema h1 span:nth-child(5) { animation-delay: 1.1s; }
.portada.es-lista .portada-lema h1 span:nth-child(6) { animation-delay: 1.25s; }
.portada.es-lista .portada-lema h1 span:nth-child(7) { animation-delay: 1.4s; }
@keyframes entra-lema { from { translate: 0 5px; opacity: 0; } to { translate: 0 0; opacity: 1; } }


.lugares { display: flex; flex-flow: row wrap; gap: calc(var(--g) / 1.5); }
.lugar { display: block; flex-basis: 100%; margin-bottom: var(--g); color: var(--tinta); pointer-events: auto; }
@media (min-width: 720px) { .lugar { flex-basis: calc((100% - var(--g) / 1.5) / 2); } }
.lugar-img { display: block; position: relative; aspect-ratio: 6 / 4; overflow: hidden; }
.lugar-foto { display: block; transition: opacity .3s var(--e); }
.lugar-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lugar-video { position: absolute; inset: 0; opacity: 0; transition: opacity .3s var(--e); }
.lugar-video video { width: 100%; height: 100%; object-fit: cover; }
.lugar-img.reproduce .lugar-video { opacity: 1; }
.lugar-tit {
  display: block; margin-block: calc(var(--g) / 2);
  font-family: var(--disp); font-weight: 300; line-height: 1.35; font-size: calc(clamp(19px, 11.719px + 1.0112vw, 37px) * var(--k));
}
.lugar-tit strong { font-weight: 400; }
.lugar-ext { display: block; transition: opacity .3s var(--e); }
.lugar-ext span { display: block; line-height: 1.2; max-width: 90%; font-size: clamp(16px, 13.573px + .337vw, 22px); }
@media (min-width: 1000px) {
  .lugar-ext { opacity: 0; }
  .lugar:hover .lugar-ext, .lugar:focus-visible .lugar-ext { opacity: 1; }
}
.lugar:focus-visible { outline-offset: 6px; }


.carrusel { position: relative; margin: 2rem 0; width: 100%; max-width: 100%; }
.pista {
  display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; width: 100%;
  -webkit-overflow-scrolling: touch; scrollbar-width: none; user-select: none; -webkit-user-select: none; align-items: center;
}
.pista::-webkit-scrollbar { display: none; }
.pista:focus-visible { outline: 5px solid var(--foco); outline-offset: -5px; border-radius: 0; }
.pista.arrastrando { scroll-snap-type: none; scroll-behavior: auto; }
.diap { position: relative; flex: 0 0 100%; min-width: 0; aspect-ratio: 16 / 9; scroll-snap-align: start; scroll-snap-stop: always; }
.diap::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 30% 70%, rgba(0, 0, 0, .8));
}
.diap-img { width: 100%; height: 100%; overflow: hidden; }
.diap-img img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; -webkit-user-drag: none; }
.diap-pie { position: absolute; z-index: 2; left: var(--g); bottom: var(--g); color: #fff; }
.diap-pie p { text-transform: uppercase; letter-spacing: 1px; font-family: var(--cuerpo); font-weight: 400; font-size: clamp(12px, 11.191px + .1124vw, 14px); line-height: 1.4; }
.diap-pie strong { font-weight: 700; padding-right: .5rem; }
.paginacion { display: flex; height: 20px; z-index: 5; padding: .75rem; justify-content: flex-start; margin-bottom: .75rem; box-sizing: content-box; }
.punto {
  position: relative; width: 24px; height: 24px; margin-left: .3rem; border-radius: 100%; padding: 0; flex: none;
}
.punto::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 100%; transform: translate(-50%, -50%);
  background: var(--tinta); opacity: .3; transition: opacity .2s, transform .2s;
}
.punto.es-activo::after { opacity: 1; }
@media (max-width: 767px) { .punto { width: 24px; height: 24px; } .paginacion { height: 24px; padding: .5rem 0 0 .2rem; margin-bottom: 0; } }
@media (min-width: 720px) {
  .paginacion { position: absolute; bottom: var(--g); right: var(--g); left: 70vw; padding: 0; margin: 0; height: 20px; justify-content: flex-end; }
  .punto::after { background: #fff; opacity: .3; }
  .punto.es-activo::after { opacity: 1; }
  .punto:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
}
.carrusel, .pista { cursor: none; }
@media (hover: none) { .carrusel, .pista { cursor: auto; } }

.cursor {
  position: fixed; top: -100px; left: -100px; z-index: 1000; pointer-events: none; opacity: 0; transition: opacity .2s ease;
  transform: translate(-50%, -50%); border-radius: 30px; display: none; padding: .5rem 1rem; font-size: 18px; font-weight: 700;
  font-family: var(--cuerpo); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: rgba(25, 25, 25, .6); color: #fff; white-space: nowrap;
}


.pie {
  display: flex; flex-flow: column; gap: calc(var(--g) * 2); padding: var(--g); border-top: 1px solid var(--linea); position: relative; z-index: 1;
}
.pie-sup, .pie-inf { min-height: 150px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.pie-inf { align-items: flex-end; }
.pie-marcas { gap: 1.5rem; flex-flow: row; align-items: flex-start; }
@media (max-width: 400px) { .pie-marcas { flex-flow: column; } }
@media (max-width: 760px) { .pie-marcas { flex-flow: column; align-items: flex-start; gap: 2.2rem; } .pie-inf { flex-flow: column; align-items: flex-start; gap: 2.2rem; } .pie-logo { margin-bottom: 0; } }
.pie-redes { display: flex; align-items: flex-start; flex-flow: row; gap: .5rem; }
.pie-correo { display: flex; min-width: 25px; min-height: 25px; color: var(--oro); transition: color .3s var(--e); }
.pie-correo:hover { color: var(--tinta); }
.pie-aviso-contacto {
  font-size: 14px; line-height: 1.3; font-weight: 400; background: var(--fondo); position: absolute; right: var(--g); top: calc(var(--g) + 34px);
  padding: .5rem .9rem; border: 1px solid var(--linea); border-radius: 30px;
}
.pie-aviso-contacto[hidden] { display: none; }
.pie-logo { position: relative; width: 170px; height: 120px; margin-bottom: -15px; color: var(--tinta); }
.pie-logo p {
  position: absolute; left: 0; bottom: 0; font-family: var(--disp); font-weight: 400; font-size: 29px; line-height: .98; letter-spacing: .02em; white-space: nowrap;
}
.pie-logo .ast { position: absolute; color: var(--oro); font-family: var(--disp); font-size: 24px; line-height: 1; }
.muestra {
  font-family: var(--cuerpo); font-weight: 500; font-size: calc(clamp(10px, 7.978px + .2809vw, 15px) * 1.28); font-variant-caps: all-small-caps; letter-spacing: 1px; opacity: .9; line-height: 1.05;
}
.muestra a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: transparent; transition: text-decoration-color .3s var(--e); }
.muestra a:hover, .muestra a:focus-visible { text-decoration-color: var(--tinta); }


@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .columna { opacity: 1 !important; transform: none !important; transition: none !important; }
  .cab { opacity: 1 !important; transition: none !important; }
  .portada-lema h1 span { opacity: 1 !important; animation: none !important; }
  .portada-vid video { display: none; }
  .pista { scroll-behavior: auto; }
  .panel, .nav-izq, .nav-der, .burger-btn .texto, .velo { transition: none !important; }
}