@font-face { font-family: "Fraunces"; src: url(fraunces.woff2) format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; size-adjust: 106%; }
@font-face { font-family: "Hombro"; src: url(bigshoulders.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; ascent-override: 90%; descent-override: 0%; line-gap-override: 0%; }
@font-face { font-family: "Archivo"; src: url(archivo.woff2) format("woff2"); font-weight: 620; font-style: normal; font-display: swap; }

:root {
  --negro: #000; --blanco: #fff; --azafran: #f9af26; --beige: #ede9df; --beige-600: #f6f2eb; --gris: #999;
  --serif: "Fraunces", "Iowan Old Style", Georgia, serif;
  --cond: "Hombro", "Arial Narrow", Impact, sans-serif;
  --ext: "Archivo", Arial, Helvetica, sans-serif;
  --rapido: .15s; --normal: .3s; --lento: .6s;
  --suave: cubic-bezier(.215, .61, .355, 1);
  --p2: cubic-bezier(.645, .045, .355, 1);
  --p3: cubic-bezier(.77, 0, .175, 1);
  --c-in: cubic-bezier(.4, 0, .1, 1);
  --c-out: cubic-bezier(.7, 0, .7, 1);
  --alto-nav: 72px;
  --z-nav: 100;
}
@media (max-width: 1023px) { :root { --alto-nav: 56px; } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { margin: 0; min-height: 100svh; background: var(--blanco); color: var(--negro); font-family: var(--serif); font-weight: 400; font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; color: inherit; letter-spacing: inherit; margin: 0; padding: 0; }
button { background: none; border: 0; cursor: pointer; text-align: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
p, h1, h2, h3 { margin: 0; }
h1, h2, h3 { font-weight: inherit; font-size: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.solo-lectores { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.salto { position: fixed; left: 12px; top: -80px; z-index: 1000; background: var(--negro); color: var(--blanco); padding: 12px 16px; font-family: var(--ext); font-weight: 620; font-size: 11px; line-height: 14px; letter-spacing: .06em; text-transform: uppercase; transition: top .2s; }
.salto:focus { top: 12px; }


.cta { font-family: var(--ext); font-weight: 620; font-size: 11px; line-height: 14px; letter-spacing: .06em; word-spacing: .15em; text-transform: uppercase; }
.p-200 { font-size: 12px; line-height: 16px; }
.p-200 a { text-decoration: underline; }
.titulo-300 { font-size: 18px; line-height: 22px; }
@media (min-width: 1024px) { .titulo-300 { font-size: 28px; line-height: 32px; letter-spacing: -.04em; } }
.titulo-600 { font-size: 16px; line-height: 18px; }
@media (min-width: 1024px) { .titulo-600 { font-size: 18px; line-height: 20px; } }


.vinculo { position: relative; outline: none; }
.vinculo::before { content: ""; position: absolute; left: -12px; top: 50%; width: 6px; height: 6px; border-radius: 1px; background: currentColor; transform: translate3d(0, -50%, 0) scale3d(0, 0, 0); }
.listo .vinculo::before { transition: transform var(--normal) var(--suave); }
.vinculo.activo::before, .vinculo:focus-visible::before { transform: translate3d(0, -50%, 0) scaleX(1); }
.vinculo:focus-visible { outline: none; }
@media (hover: hover) { .vinculo:hover::before, .vinculo-caja:hover .vinculo::before { transform: translate3d(0, -50%, 0) scaleX(1); } }


.boton { position: relative; font-family: var(--ext); font-weight: 620; font-size: 11px; line-height: 1.27; letter-spacing: .06em; word-spacing: .15em; text-transform: uppercase; }
.boton::before { content: ""; position: absolute; left: -12px; top: 47.5%; width: 6px; height: 6px; border-radius: 1px; background: currentColor; transform: translate3d(6px, -50%, 0) scale3d(0, 0, 0); }
.boton > span { display: block; }
.listo .boton span, .listo .boton::before { transition: transform var(--normal) var(--suave); }
@media (hover: hover) {
  .boton:hover::before { transform: translate3d(0, -50%, 0) scaleX(1); }
  .boton:hover span { transform: translate3d(6px, 0, 0); }
}
.boton:focus-visible::before { transform: translate3d(0, -50%, 0) scaleX(1); }
.boton-fondo { text-align: center; }
.boton-fondo::before { display: none; }
.boton-fondo > span { display: inline-block; position: relative; }
.boton-fondo > span::before { content: ""; position: absolute; left: -12px; top: 47.5%; width: 6px; height: 6px; border-radius: 1px; background: currentColor; transform: translate3d(6px, -50%, 0) scale3d(0, 0, 0); }
.listo .boton-fondo > span::before { transition: transform var(--normal) var(--suave); }
.boton-fondo:hover span { transform: none; }
@media (hover: hover) { .boton-fondo:hover > span::before { transform: translate3d(0, -50%, 0) scaleX(1); } }
.boton-negro { background: var(--negro); color: var(--blanco); padding: 10px 20px; display: block; width: 100%; }
.boton-borde { background: var(--blanco); color: var(--negro); border: 1px solid var(--negro); padding: 10px 20px; display: block; width: 100%; }


.nav { position: fixed; z-index: var(--z-nav); left: 0; top: 0; width: 100%; height: var(--alto-nav); display: flex; align-items: center; justify-content: space-between; padding: 16px 12px; background: var(--blanco); color: var(--negro); }
.nav::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid var(--beige); pointer-events: none; }
.listo .nav { transition: background-color .25s ease, color .25s ease; }
@media (min-width: 1024px) { .nav { padding: 0 24px; } }
.nav_izq, .nav_der { display: inline-flex; align-items: center; }
.nav_izq { column-gap: 12px; }
@media (min-width: 1024px) { .nav_izq { column-gap: 40px; } .nav_der { column-gap: 24px; } }
@media (min-width: 1280px) { .nav_der { column-gap: 40px; } }
.nav_icono { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: inherit; }
.nav_icono svg { width: 20px; height: 20px; }
.nav_icono .i-cerrar, .tiene-menu-abierto .nav_icono .i-burger { display: none; }
.tiene-menu-abierto .nav_icono .i-cerrar { display: block; }
.nav_icono .i-buscar-cerrar, .tiene-buscador-abierto .nav_icono .i-buscar { display: none; }
.tiene-buscador-abierto .nav_icono .i-buscar-cerrar { display: block; }
@media (max-width: 1023px) { .nav_icono svg circle, .nav_icono svg line, .nav_icono svg path { stroke-width: 1.75; } }
.tiene-sub-abierto .nav_icono { opacity: 0; pointer-events: none; }
@media (min-width: 1024px) { .nav_icono { display: none; } }
.nav_logo-wrap { display: block; }
@media (max-width: 1023px) { .nav_logo-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } }
@media (min-width: 1280px) { .nav_logo-wrap { width: 240px; } }
.nav_logo { display: block; position: relative; width: 104px; color: inherit; }
@media (min-width: 1024px) { .nav_logo { width: 108px; } }
.nav_logo svg { width: 100%; height: auto; aspect-ratio: 6.91; fill: currentColor; }
.tiene-sub-abierto .nav_logo { opacity: 0; pointer-events: none; }
@media (min-width: 1024px) { .tiene-sub-abierto .nav_logo { opacity: 1; pointer-events: auto; } }
.nav_menu { display: none; }
@media (min-width: 1024px) { .nav_menu { display: block; } }
.nav_lista { display: inline-flex; align-items: center; column-gap: 24px; }
@media (min-width: 1280px) { .nav_lista { column-gap: 40px; } }
.nav_item > a, .nav_item > button { display: block; padding: 24px 0; }
.nav_link { outline: none; position: relative; display: inline-block; }
.nav_link::before { content: ""; position: absolute; left: -12px; top: 50%; width: 6px; height: 6px; border-radius: 1px; background: currentColor; transform: translate3d(0, -50%, 0) scale3d(0, 0, 0); }
.listo .nav_link::before { transition: transform var(--normal) var(--suave); }
.nav_link.activo::before, .nav_link:focus-visible::before { transform: translate3d(0, -50%, 0) scaleX(1); }
@media (hover: hover) { .nav_link:hover::before { transform: translate3d(0, -50%, 0) scaleX(1); } }
.nav_link:focus-visible { outline: none; }
.nav_idioma { display: none; align-items: center; gap: 5px; min-height: 24px; }
.nav_idioma i { display: block; width: 1px; height: 11px; background: currentColor; opacity: .4; flex: none; }
@media (min-width: 1024px) { .nav_idioma { display: inline-flex; } }
.nav_cesta { display: inline-block; }
@media (max-width: 1023px) { .nav_cesta { margin-left: 24px; } .nav_cesta .nav_cesta-texto { display: none; } }
.nav_secundario { display: none; }
@media (min-width: 1024px) { .nav_secundario { display: block; } }
.nav_atras { display: none; position: absolute; left: 12px; top: 0; height: var(--alto-nav); align-items: center; font-size: 18px; line-height: 22px; gap: 12px; }
.tiene-sub-abierto .nav_atras { display: inline-flex; }
@media (min-width: 1024px) { .nav_atras { display: none !important; } }
.nav_atras svg { width: 16px; height: 14px; }


html.es-inicio:not(.sin-js):not(.nav-con-scroll):not(.tiene-menu-abierto):not(.tiene-sub-abierto):not(.tiene-buscador-abierto) .nav { background-color: transparent; color: #fff; }
html.es-inicio:not(.sin-js):not(.nav-con-scroll):not(.tiene-menu-abierto):not(.tiene-sub-abierto):not(.tiene-buscador-abierto) .nav::before { display: none; }
html.es-inicio:not(.sin-js):not(.nav-con-scroll):not(.tiene-menu-abierto):not(.tiene-sub-abierto):not(.tiene-buscador-abierto) .nav_icono { color: #fff; filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35)); }
html.es-inicio:not(.sin-js):not(.nav-con-scroll):not(.tiene-menu-abierto):not(.tiene-sub-abierto):not(.tiene-buscador-abierto) .nav_logo svg { filter: drop-shadow(0 0 2px rgba(0, 0, 0, .35)); }
html.es-inicio:not(.sin-js):not(.nav-con-scroll):not(.tiene-menu-abierto):not(.tiene-sub-abierto):not(.tiene-buscador-abierto) .nav_link,
html.es-inicio:not(.sin-js):not(.nav-con-scroll):not(.tiene-menu-abierto):not(.tiene-sub-abierto):not(.tiene-buscador-abierto) .nav_idioma { text-shadow: 0 0 3px rgba(0, 0, 0, .35); }


.menu-movil { position: fixed; z-index: calc(var(--z-nav) - 3); left: 0; right: 0; bottom: 0; top: var(--alto-nav); padding-bottom: 12px; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; transform: translate3d(-100%, 0, 0); visibility: hidden; }
.listo .menu-movil { transition: transform var(--lento) var(--p3), visibility 0s linear var(--lento); }
.menu-movil::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 200%; background: rgba(0, 0, 0, .5); opacity: 0; z-index: -2; }
.listo .menu-movil::before { transition: opacity var(--lento) var(--suave); }
.menu-movil::after { content: ""; position: absolute; inset: 0; background: var(--blanco); z-index: -1; }
.tiene-menu-abierto .menu-movil { pointer-events: auto; transform: none; visibility: visible; }
.listo.tiene-menu-abierto .menu-movil { transition: transform var(--lento) var(--p3), visibility 0s; }
.tiene-menu-abierto .menu-movil::before { opacity: 1; }
@media (min-width: 1024px) { .menu-movil { display: none; } }
.menu-movil_scroll { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; min-height: 0; overflow-y: auto; }
.menu-movil_lista > li > a, .menu-movil_lista > li > button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 12px; border-bottom: 1px solid var(--beige); font-size: 18px; line-height: 22px; }
.menu-movil_lista svg { width: 16px; height: 14px; }
.menu-movil_pie { display: flex; flex-direction: column; row-gap: 24px; padding-bottom: 1px; }
.menu-movil_pie a, .menu-movil_pie button { display: block; padding: 6px 12px; font-size: 16px; line-height: 22px; }
.menu-movil_fila { display: flex; align-items: flex-end; justify-content: space-between; }
.menu-movil_fila .idioma { margin: 0 12px 4px; display: inline-flex; align-items: center; gap: 5px; }
.menu-movil_fila .idioma i { display: block; width: 1px; height: 11px; background: currentColor; opacity: .4; }


.sub { position: fixed; z-index: calc(var(--z-nav) + 1); left: 0; right: 0; bottom: 0; top: var(--alto-nav); pointer-events: none; visibility: hidden; }
.sub.abierto { visibility: visible; }
.listo .sub { transition: visibility 0s linear var(--rapido); }
.listo .sub.abierto { transition: visibility 0s; }
.sub_fondo { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); opacity: 0; }
@media (min-width: 1024px) { .sub_fondo { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } }
.listo .sub_fondo { transition: opacity var(--rapido) var(--c-out); }
.sub.abierto .sub_fondo { opacity: 1; pointer-events: auto; transition-timing-function: var(--c-in); }
.sub_interior { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; z-index: 2; opacity: 0; transform: translate3d(-56px, 0, 0); display: flex; align-items: stretch; }
@media (max-width: 1023px) { .sub_interior { width: 100%; } }
.listo .sub_interior { transition: opacity var(--rapido) var(--c-out), transform var(--rapido) var(--c-out); }
.sub.abierto .sub_interior { opacity: 1; pointer-events: auto; transform: none; transition-timing-function: var(--c-in); }
.sub_lateral { width: 240px; flex: none; padding: 24px; background: var(--blanco); border-right: 1px solid var(--beige); position: relative; z-index: 2; }
.sub_lateral img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; background: #ece9e2; }
@media (max-width: 1023px) { .sub_lateral { display: none; } }
.sub_menu { flex: 1; min-width: 0; padding: 24px; background: var(--blanco); position: relative; z-index: 1; display: flex; flex-direction: column; row-gap: 64px; overflow-y: auto; }
@media (max-width: 1023px) { .sub_menu { padding: 0; row-gap: 0; } }
.sub_etiqueta { margin-bottom: 16px; }
.sub_etiqueta span { opacity: .5; }
@media (max-width: 1023px) { .sub_etiqueta { margin: 0; padding: 12px; border-bottom: 1px solid var(--beige); } }
.sub_lista { display: flex; flex-direction: column; }
.sub_lista li { display: block; }
.sub_lista a, .sub_lista button { display: inline-block; padding: 3px 0; }
@media (max-width: 1023px) {
  .sub_lista a, .sub_lista button { display: block; width: 100%; padding: 16px 12px; border-bottom: 1px solid var(--beige); font-size: 18px; line-height: 22px; }
  .sub_menu > div + div { margin-top: 64px; }
  .sub_lista.-chica a, .sub_lista.-chica button { font-size: 16px; line-height: 24px; padding: 16px 12px; }
}


.buscador { position: fixed; z-index: calc(var(--z-nav) + 1); left: 0; right: 0; bottom: 0; top: var(--alto-nav); overflow: hidden; pointer-events: none; visibility: hidden; }
.tiene-buscador-abierto .buscador { pointer-events: auto; z-index: calc(var(--z-nav) + 2); visibility: visible; }
.listo .buscador { transition: visibility 0s linear var(--rapido); }
.listo.tiene-buscador-abierto .buscador { transition: visibility 0s; }
.buscador_fondo { position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); opacity: 0; }
.listo .buscador_fondo { transition: opacity var(--rapido) var(--c-out); }
.tiene-buscador-abierto .buscador_fondo { opacity: 1; transition-timing-function: var(--c-in); }
.buscador_caja { background: var(--blanco); opacity: 0; transform: translate3d(0, -56px, 0); position: relative; }
.listo .buscador_caja { transition: opacity var(--rapido) var(--c-out), transform var(--rapido) var(--c-out); }
.tiene-buscador-abierto .buscador_caja { opacity: 1; transform: none; transition-timing-function: var(--c-in); }
.buscador_form { position: relative; }
.buscador_campo { display: block; width: 100%; background: var(--blanco); border: 0; border-bottom: 1px solid var(--beige); outline: none; font-size: 28px; line-height: 1.3; padding: 24px 12px; }
@media (min-width: 1024px) { .buscador_campo { font-size: 36px; line-height: 1.3; padding: 24px 24px; } }
.buscador_campo::placeholder { opacity: .15; color: inherit; }
.buscador_campo:focus { box-shadow: none; }
.buscador_enviar { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); }
@media (max-width: 1023px) { .buscador_enviar { right: 12px; } }
.buscador_enviar svg { width: 16px; height: 16px; }
.buscador_enlaces { padding: 24px 0; opacity: 0; }
.listo .buscador_enlaces { transition: opacity var(--lento) var(--suave); }
.tiene-buscador-abierto .buscador_enlaces { opacity: 1; }
.buscador_rejilla { display: grid; gap: 12px; padding: 0 24px; }
@media (min-width: 1024px) { .buscador_rejilla { grid-template-columns: 1fr 1fr; } }
@media (max-width: 639px) { .buscador_rejilla { padding: 0 8px; } }
.buscador_listas { display: grid; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 1024px) { .buscador_listas { grid-template-columns: repeat(3, 1fr); } }
.buscador_listas p { display: none; }
@media (min-width: 1024px) { .buscador_listas p { display: block; } }
.buscador_listas a { display: inline-block; }
.buscador_tarjetas { display: grid; grid-template-columns: repeat(2, 1fr); align-items: end; column-gap: 2px; row-gap: 12px; }
@media (min-width: 1024px) { .buscador_tarjetas { grid-template-columns: repeat(4, 1fr); } }
.buscador_tarjetas li { display: flex; flex-direction: column; align-items: stretch; height: 100%; }
@media (max-width: 1023px) { .buscador_tarjetas li:nth-child(n+3) { display: none; } }
.buscador_tarjetas a { display: flex; flex-direction: column; align-items: flex-start; height: 100%; }
.buscador_tarjetas picture { display: block; width: 100%; flex-grow: 1; }
.buscador_tarjetas img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 180 / 140; background: #ece9e2; }
@media (min-width: 1024px) { .buscador_tarjetas img { aspect-ratio: 170 / 210; } }
.buscador_tarjetas .vinculo { display: block; }
@media (max-width: 1023px) { .buscador { overflow-y: auto; } }


main { display: block; }
.mosaico { display: block; }
.mosaico_rejilla { display: grid; grid-template-columns: repeat(var(--cols-m, 1), minmax(0, 1fr)); gap: 0; }
@media (min-width: 1024px) { .mosaico_rejilla { grid-template-columns: repeat(var(--cols-d, 4), minmax(0, 1fr)); } }
.baldosa { position: relative; display: block; overflow: hidden; container-type: inline-size; background: #ece9e2; }
.baldosa:active .mosaico_medio, .baldosa.presionada .mosaico_medio { opacity: .85; }
.mosaico_medio { display: block; width: 100%; aspect-ratio: 4 / 5; }
.mosaico_medio img { width: 100%; height: 100%; object-fit: cover; }
.fotografia { filter: saturate(.94) contrast(1.03) sepia(.05); }


.baldosa-doble .mosaico_medio { aspect-ratio: auto; height: 100svh; height: 100dvh; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; }
@media (min-width: 1024px) { .baldosa-doble .mosaico_medio { grid-template-columns: 1fr 1fr; } }
.mitad { display: block; position: relative; overflow: hidden; background: #ece9e2; }
.mitad img { width: 100%; height: 100%; object-fit: cover; }
.mitad + .mitad { display: none; }
@media (min-width: 1024px) { .mitad + .mitad { display: block; } }
.hero { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; text-align: center; text-transform: uppercase; color: var(--azafran); pointer-events: none; }
.hero h2 { margin: 0 auto; width: fit-content; white-space: nowrap; font-family: var(--cond); font-weight: 800; font-size: 16.8cqw; line-height: .9; letter-spacing: -.004em; }
@media (min-width: 1024px) { .hero h2 { font-size: 10cqw; } }
@media (max-width: 1023px) and (orientation: landscape) { .hero h2 { font-size: min(16.8cqw, 19.5dvh); } }


.mosaico-cat { --cols-m: 2; --cols-d: 4; }
.cat { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4cqw; text-align: center; text-transform: uppercase; color: var(--azafran); pointer-events: none; }
.cat_titulo { display: block; font-family: var(--cond); font-weight: 800; font-size: 13.3cqw; line-height: .85; letter-spacing: -.01em; }
.cat_sub { display: block; font-family: var(--cond); font-weight: 800; font-size: 3.4cqw; line-height: 1.5; letter-spacing: .04em; }
@media (max-width: 1023px) { .cat_titulo { font-size: 16cqw; } .cat_sub { font-size: 5.6cqw; } }


.mosaico-ed { --cols-m: 1; --cols-d: 2; }
.mosaico-ed .mosaico_medio { aspect-ratio: 5 / 6; position: relative; }
.mosaico-ed .mosaico_medio::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .16); pointer-events: none; }
.editorial { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6cqw; text-align: center; color: var(--blanco); pointer-events: none; }
.editorial_titulo { font-weight: 400; font-size: 4.8cqw; line-height: 1.05; letter-spacing: normal; }
.editorial_sub { font-family: var(--cond); font-weight: 800; font-size: 1.8cqw; line-height: 1.5; letter-spacing: .04em; text-transform: uppercase; }
@media (max-width: 1023px) { .editorial_titulo { font-size: 7.4cqw; } .editorial_sub { font-size: 3.4cqw; } }


.intertexto { display: block; position: relative; padding: 24px 0 36px; }
@media (min-width: 1024px) { .intertexto { padding: 104px 0; } }
.intertexto_rejilla { display: grid; gap: 2px; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 8px; }
@media (min-width: 1024px) { .intertexto_rejilla { grid-template-columns: repeat(12, minmax(0, 1fr)); padding: 0; } }
.intertexto_col { grid-column: 1 / -1; }
@media (min-width: 1024px) { .intertexto_col { grid-column: 5 / span 4; text-align: center; } }
.intertexto_enlace { margin-top: 11px; height: 17px; font-size: 14px; line-height: 16px; }
@media (min-width: 1024px) { .intertexto_enlace { margin-top: 19px; } }
.intertexto_enlace a { font-style: italic; text-decoration: underline; text-underline-offset: 2px; }
.texto-var { display: block; cursor: default; position: relative; font-variation-settings: "wght" 340, "SOFT" 0; }
.texto-var .linea { display: block; }
.texto-var .palabra { display: inline-block; white-space: nowrap; }
.texto-var .letra { display: inline-block; }
.texto-var .letra > i { font-style: normal; white-space: pre; flex: none; }
.texto-var .letra.fijo { display: inline-flex; justify-content: center; }


.garantias { display: block; padding: 40px 0; border-bottom: 6px solid var(--azafran); }
.garantias_cont { padding: 0 8px; }
@media (min-width: 640px) { .garantias_cont { padding: 0 24px; } }
.garantias_rejilla { display: grid; gap: 24px; text-align: center; }
@media (min-width: 1024px) { .garantias_rejilla { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.garantias p { margin-inline: auto; text-wrap: balance; }
.garantias_rejilla > div:nth-child(1) p { max-width: 140px; }
.garantias_rejilla > div:nth-child(2) p { max-width: 150px; }
.garantias_rejilla > div:nth-child(3) p { max-width: 96px; }
.garantias_rejilla > div:nth-child(4) p { max-width: 150px; }


.pie { display: block; padding: 24px; background-color: var(--azafran); background-image: url(grano.webp); background-size: 260px 260px; }
.pie_rejilla { display: grid; gap: 64px 24px; }
@media (min-width: 1024px) { .pie_rejilla { grid-template-columns: 1fr 1fr; } }
.ave { display: inline-block; position: relative; height: 24px; --x: 4px; --y: 4px; }
.ave_simbolo { display: inline-block; position: absolute; left: 0; top: 17px; width: 88px; height: 84px; }
.ave_simbolo svg { position: absolute; left: 0; top: 0; width: 88px; height: 84px; }
.ave_simbolo .sombra { transform: translate3d(var(--x), var(--y), 0) scale3d(1.1, 1.1, 1); transform-origin: 50% 50%; }
@media (min-width: 1024px) { .ave { height: auto; } }
.pie_der { }
.pie_der > .cta { margin-top: 24px; padding-top: 24px; }
@media (min-width: 1024px) { .pie_der > .cta { padding-top: 0; } }
.pie_form { margin: 24px 0; }
.pie_form_fila { display: flex; width: 100%; border-bottom: 1px solid; }
.pie_form_fila:focus-within { box-shadow: 0 1px 0 currentColor; }
.pie_form_campo { flex-grow: 1; min-width: 0; background: transparent; border: 0; outline: none; padding: 8px 12px 8px 0; font-size: 16px; line-height: 18.4px; border-radius: 0; }
@media (min-width: 1024px) { .pie_form_campo { font-size: 18px; line-height: 23.4px; } }
.pie_form_campo::placeholder { color: currentColor; opacity: 1; }
.pie_form_campo:-webkit-autofill { -webkit-text-fill-color: currentColor; transition: background-color 0s 600000s; }
.pie_form_boton { display: flex; align-items: stretch; width: 25%; }
@media (max-width: 1023px) { .pie_form_boton { width: 25%; min-width: 86px; } }
.pie_form_boton button { height: 100%; width: 100%; text-align: left; }
.pie_form_boton button.boton::before { top: 50%; }
.pie_form_nota { padding: 12px 0; }
.pie_principal { margin-top: 64px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 12px; row-gap: 40px; }
@media (min-width: 1024px) { .pie_principal { grid-template-columns: repeat(3, 1fr); } }
.pie_principal .solo-escritorio { display: none; }
@media (min-width: 1024px) { .pie_principal .solo-escritorio { display: block; } .pie_principal .solo-movil { display: none; } }
.pie_principal ul { margin-top: 24px; display: flex; flex-direction: column; gap: 8px; }
.pie_principal li { position: relative; }
.pie_principal .vinculo { display: inline-block; }
.pie_principal .solo-movil a { text-decoration: none; }
.pie_marca-fila { }
.pie_idioma { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; margin-bottom: 64px; }
.pie_idioma i { display: block; width: 1px; height: 11px; background: currentColor; opacity: .4; flex: none; }
@media (min-width: 1024px) { .pie_idioma { display: none; } }
.pie_logo { color: var(--negro); }
.pie_logo svg { width: 100%; height: auto; aspect-ratio: 6.91; fill: currentColor; }
@media (min-width: 1024px) { .pie_logo { max-width: 90%; } .pie_logo svg { width: 580px; } }
.pie_aviso-movil { margin-top: 16px; }
@media (min-width: 1024px) { .pie_aviso-movil { display: none; } }
.pie_secundario { display: none; }
@media (min-width: 1024px) { .pie_secundario { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } }
.pie_secundario .pie_aviso { align-self: flex-end; }
.pie_secundario ul { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 12px; align-self: flex-start; }
.pie_secundario li { display: inline-flex; align-items: center; gap: 12px; }
.pie_secundario li i { display: block; width: 3px; height: 3px; border-radius: 3px; background: currentColor; }
.pie a[data-aviso] { text-decoration: none; }
.pie_aviso a { text-decoration: underline; }


.velo { position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, .2); opacity: 0; pointer-events: none; cursor: pointer; }
.listo .velo { transition: opacity .12s var(--p2); }
@media (min-width: 1024px) { .tiene-cesta-abierta .velo { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } }
.tiene-cesta-abierta .velo { opacity: 1; pointer-events: auto; }
.cesta { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; width: 100%; max-width: 600px; display: flex; flex-direction: column; background: var(--blanco); transform: translate3d(100%, 0, 0); visibility: hidden; }
.listo .cesta { transition: transform .4s var(--p3), visibility 0s linear .4s; }
.tiene-cesta-abierta .cesta { transform: none; visibility: visible; }
.listo.tiene-cesta-abierta .cesta { transition: transform .4s var(--p3), visibility 0s; }
.cesta_cab { display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 0 16px 0 14px; border-bottom: 1px solid var(--beige); flex: none; }
.cesta_cerrar { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; margin-left: -4px; }
.cesta_cerrar svg { width: 13px; height: 13px; }
.cesta_consulta { color: var(--gris); }
.cesta_consulta:not(:disabled) { color: var(--negro); }
.cesta_consulta:disabled { cursor: default; }
.cesta_cuerpo { flex: 1; overflow-y: auto; padding: 20px 16px; }
.cesta_lista { margin-top: 16px; display: flex; flex-direction: column; }
.cesta_lista li { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid var(--beige); }
.cesta_lista .nombre { font-size: 16px; line-height: 22px; }
.cesta_lista .det { font-size: 12px; line-height: 16px; color: var(--gris); }
.cesta_lista button { font-family: var(--ext); font-weight: 620; font-size: 11px; line-height: 14px; letter-spacing: .06em; text-transform: uppercase; text-decoration: underline; }
.cesta_sugerencia { margin: 0 12px 12px; padding: 10px; width: calc(100% - 24px); max-width: 327px; display: flex; justify-content: space-between; gap: 10px; background: var(--beige-600); }
.cesta_sugerencia .txt { display: flex; flex-direction: column; justify-content: space-between; min-height: 106px; }
.cesta_sugerencia .nombre { font-size: 16px; line-height: 18px; }
.cesta_sugerencia .det { font-size: 12px; line-height: 16px; color: var(--gris); margin-top: 4px; }
.cesta_sugerencia img { width: 90px; height: 106px; object-fit: cover; flex: none; background: #ece9e2; }


.club { position: fixed; z-index: 10001; left: 50%; top: 50%; width: min(800px, calc(100vw - 32px)); height: 500px; max-height: calc(100svh - 32px); display: flex; background: #f6f4f0; color: var(--negro); font-family: Helvetica, Arial, sans-serif; opacity: 0; visibility: hidden; transform: translate(-50%, calc(-50% + 24px)); }
.listo .club { transition: opacity .5s var(--suave), transform .5s var(--suave), visibility 0s linear .5s; }
.club.abierto { opacity: 1; visibility: visible; transform: translate(-50%, -50%); }
.listo .club.abierto { transition: opacity .5s var(--suave), transform .5s var(--suave), visibility 0s; }
.club_texto { flex: 1 1 50%; display: flex; flex-direction: column; justify-content: center; padding: 24px; }
.club_texto h2 { font-weight: 700; font-size: 26px; line-height: 1.1; text-align: center; text-transform: uppercase; }
.club_texto p { text-align: center; font-size: 14px; line-height: 1.35; margin-top: 12px; }
.club_texto p em { font-style: italic; }
.club_texto form { margin-top: 24px; }
.club_campo { display: block; width: 100%; height: 50px; padding: 0 16px; border: 1px solid #5c4a3a; border-radius: 0; background: var(--blanco); font-size: 14px; }
.club_campo::placeholder { color: #777; }
.club_enviar { display: block; width: 100%; height: 54px; margin-top: 10px; background: var(--negro); color: var(--blanco); font-weight: 700; font-size: 16px; text-align: center; text-transform: uppercase; }
.club_nota { margin-top: 12px !important; font-size: 10px !important; line-height: 1.3 !important; }
.club_msg { min-height: 18px; margin-top: 8px !important; font-size: 12px !important; }
.club_foto { flex: 1 1 50%; position: relative; background: #ece9e2; }
.club_foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.club_cerrar { position: absolute; z-index: 2; right: 12px; top: 12px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .85); display: inline-flex; align-items: center; justify-content: center; }
.club_cerrar svg { width: 12px; height: 12px; }
@media (max-width: 1023px) {
  .club { left: 0; top: auto; bottom: 0; width: 100%; height: auto; max-height: 90svh; transform: translate(0, 100%); flex-direction: column; }
  .club.abierto { transform: none; }
  .club_foto { display: none; }
  .club_texto { padding: 36px 24px 20px; }
  .club_texto h2 { font-size: 24px; }
  .club_texto p { font-size: 14px; }
  .club_cerrar { background: transparent; right: 14px; top: 14px; }
}


.aviso { position: fixed; z-index: 10002; left: 50%; bottom: 24px; transform: translate(-50%, 80px); max-width: calc(100vw - 32px); padding: 14px 20px; background: var(--negro); color: var(--blanco); font-family: var(--ext); font-weight: 620; font-size: 11px; line-height: 16px; letter-spacing: .06em; text-transform: uppercase; text-align: center; pointer-events: none; opacity: 0; }
.listo .aviso { transition: transform .5s var(--suave), opacity .3s var(--suave); }
.aviso.visible { transform: translate(-50%, 0); opacity: 1; }


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0s !important; transition-delay: 0s !important; animation-duration: 0s !important; scroll-behavior: auto !important; }
}