@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fuentes/inter-600.woff2) format("woff2")}
@font-face{font-family:"Inter Marca";font-style:normal;font-weight:700;font-display:swap;src:url(fuentes/inter-700-marca.woff2) format("woff2")}

:root{--accent:#1100ff;--ink:#000;--paper:#fff;--grey:#757575}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-size:.9vw}
@media (min-width:1901px){html{font-size:.7vw}}
@media (max-width:1900px){html{font-size:.9vw}}
@media (max-width:1600px){html{font-size:1.1vw}}
@media (max-width:1023px){html{font-size:14px}}

html,body{margin:0;padding:0;background:var(--paper);color:var(--ink)}
body{font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:600;font-size:.687rem;line-height:1;letter-spacing:0;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}
::selection{background:rgba(0,0,0,.1)}
a,a:visited{color:inherit;text-decoration:none;cursor:pointer}
button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}
img{display:block;max-width:none}
[hidden]{display:none!important}
.salta{position:absolute;left:1rem;top:-4rem;background:#fff;color:#000;padding:.6rem .8rem;z-index:300}
.salta:focus{top:3.4rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
header :focus-visible,#panel :focus-visible{outline-color:#fff}
#panel :focus-visible{outline-color:var(--accent)}


.check{display:inline-block;width:1.547rem;white-space:nowrap}
.check{line-height:.8rem}
.check .accent{display:inline-block;width:.8rem;height:.9rem;margin:0 -.01rem 0 .01rem;vertical-align:-.14rem;background:var(--accent);opacity:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.6 13'%3E%3Cpath d='M0 8 2.7 5.6 4.8 8.4 10.2.1 12.6 1.7 6.2 13H3.5Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.6 13'%3E%3Cpath d='M0 8 2.7 5.6 4.8 8.4 10.2.1 12.6 1.7 6.2 13H3.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
.active .check .accent,.chip.active .check .accent{opacity:1}


#cabecera{position:fixed;top:0;left:0;width:100%;display:flex;z-index:100;background:var(--accent);white-space:nowrap;user-select:none;-webkit-user-select:none}
#cabecera>*{padding:1rem;flex:1;background:var(--accent);color:#fff;line-height:1rem;height:3rem;overflow:hidden;display:block}
#cabecera #site-title{background:#fff;color:#000;padding-top:.97rem}
#cabecera #site-title .logo{display:block;font-family:"Inter Marca","Inter",Helvetica,Arial,sans-serif;font-weight:700;font-size:1.12rem;line-height:1rem;letter-spacing:.005em;color:#000;transform:translateY(.02rem)}
#cabecera>.active{border-radius:0 1rem 0 0;background:#fff;color:#000}
#cabecera .menu{display:none}
#cabecera .cart{line-height:1rem;padding-top:1rem}
#cabecera .cart .num{margin-right:.3rem;letter-spacing:.02em}
.overlay{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.7);-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}
#cabecera.opened+.overlay{display:block}

main{display:block;padding-top:2.95rem}
.vista{width:100%}
.vista::after{content:"";display:table;clear:both}


#filters,#filters-tienda{position:sticky;top:2.95rem;padding:1rem 0;background:#fff;z-index:10}
.section--filters{display:flex;flex-wrap:wrap;padding:0 1rem}
.chip{white-space:nowrap;line-height:1rem;height:1rem;display:block}
.chip:not(:last-child){padding-right:2em}


.section--list-items{width:100%;overflow:hidden;display:flex;flex-direction:column;padding-top:.5rem}
html.js:not(.listo) .section--list-items{visibility:hidden}
.fila{display:flex;padding-left:1rem;width:100%;order:var(--o,0);position:relative}
.fila:not(:last-child){padding-bottom:.5rem}
.fila>.infos{width:16rem;flex:0 0 16rem}
.fila>.title{width:calc(100% - 16rem);display:flex;white-space:nowrap;pointer-events:none}
.infos .r{display:flex;line-height:.753rem}
.infos .r:not(:last-child){margin-bottom:.2rem}
.infos .t{flex:0 0 6.9rem;width:6.9rem}
.infos .c{color:var(--accent);white-space:nowrap}
.infos .c::before{content:"[";color:#000}
.infos .c::after{content:"]";color:#000}
.t2{font-size:5.5rem;line-height:5rem;letter-spacing:-.011em;white-space:nowrap;position:relative;top:-.5rem}
.images .inner{display:flex}
.lz{position:relative;overflow:hidden;height:4rem;margin-right:1rem;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.lz.on{display:block}
.lz img{position:relative;display:block;height:100%;width:auto;z-index:0;opacity:0;transition:opacity .1s ease}
.lz .mask{position:absolute;inset:0;background:var(--accent);z-index:1;pointer-events:none}
.lz.ok img{opacity:1}
.lz.ok .mask{opacity:0;transition:opacity .1s ease}
html:not(.js) .lz img{opacity:1}
html:not(.js) .lz .mask{display:none}
.vacio{padding:0 1rem;margin:1.5rem 0}
.pie{padding:2rem 1rem 1rem;margin:0;clear:both}
.pie p{margin:0}
.pie a{color:var(--accent)}
.pie a::before{content:"[";color:#000}.pie a::after{content:"]";color:#000}


#buscar{padding:0 1rem}
#buscar input{width:100%;border:0;margin:0;padding:0;outline:0;background:transparent;color:var(--accent);font:inherit;font-size:5.5rem;line-height:5rem;letter-spacing:-.011em;-webkit-appearance:none;appearance:none;border-radius:0}
#buscar input::placeholder{color:var(--grey);opacity:1}
#buscar input::-webkit-search-cancel-button{display:none}
body[data-vista="buscar"] #filters{display:none}
body[data-vista="buscar"] .section--list-items{padding-top:1rem}


.rejilla{display:flex;flex-wrap:wrap;width:100%;padding-bottom:1rem}
.tarjeta{position:relative;display:block;width:20%;aspect-ratio:288/510;padding:0 .5rem}
.tarjeta img{width:100%;height:100%;object-fit:cover;filter:saturate(.94)}
.tarjeta .pin{position:absolute;left:50%;top:48%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;border-radius:2rem;background:var(--accent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;padding-bottom:.08rem}
.tarjeta .pin-nombre{display:none;position:absolute;left:50%;top:calc(48% + 1.25rem);transform:translateX(-50%);width:max-content;max-width:26ch;background:var(--accent);color:#fff;border-radius:2rem;padding:.4em .75em .35em;text-align:center;white-space:normal;line-height:1.1}
@media (min-width:1024px){.tarjeta:hover .pin-nombre,.tarjeta:focus-visible .pin-nombre{display:block}}
@media (max-width:1023px){.tarjeta{width:33.3333%}.tarjeta .pin{width:1.7rem;height:1.7rem;margin:-.85rem 0 0 -.85rem}}
@media (max-width:767px){.tarjeta{width:50%}}
#filters-tienda .section--filters+.section--filters{padding-top:0}


.page-header{position:fixed;top:2.95rem;left:0;padding:1rem;z-index:10;max-width:30rem;pointer-events:none}
.page-header>*{pointer-events:auto}
.page-header a,.page-header button,.page-header select{pointer-events:auto}
#navegacion{margin-bottom:1rem;display:flex;gap:0;line-height:1rem}
#navegacion a{color:var(--accent);margin-right:.8rem}
#navegacion a::before{content:"[";color:#000}#navegacion a::after{content:"]";color:#000}
#navegacion a.off{display:none}
.tabla .r{align-items:baseline}
.tabla .c{white-space:normal;max-width:15rem}
.tabla .c.nombre{white-space:normal}
.tabla .c button,.tabla .c select{color:var(--accent);font:inherit;letter-spacing:inherit}
.tabla select{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0 .9rem 0 .15rem;margin:0;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M.6.8 4 4.2 7.4.8' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .1rem center;background-size:.5rem}
.tabla .c.compra::before,.tabla .c.compra::after{content:none}
.tabla .compra .selector{display:block;color:#000;white-space:nowrap}
.tabla .compra .selector select{color:#000}
.tabla .compra .btn{display:block}
.tabla .compra .btn::before{content:"[";color:#000}.tabla .compra .btn::after{content:"]";color:#000}
.enlace{color:var(--accent);cursor:pointer}
.texto-ficha{width:15rem;margin-top:1rem}
.texto-ficha .tit{color:var(--accent);margin-bottom:1em}
.texto-ficha .tit::before{content:"[";color:#000}.texto-ficha .tit::after{content:"]";color:#000}
.texto-ficha p{margin:0 0 1em;line-height:1}
.deslizador{position:fixed;top:2.95rem;left:0;width:100%;height:calc(100vh - 2.95rem);height:calc(100dvh - 2.95rem);padding:0;z-index:0;overflow:hidden}
.deslizador .slide{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;padding:0 17rem}
.deslizador .slide.is-selected{visibility:visible;z-index:1}
.deslizador .slide img{width:100%;height:100%;object-fit:contain;object-position:top center}
.deslizador .mitad{position:absolute;top:0;height:100%;width:50%;z-index:10;cursor:none;background:transparent;padding:0;border:0}
.deslizador .mitad.ant{left:0}.deslizador .mitad.sig{right:0}
.deslizador .mitad[disabled]{display:none}
.deslizador .mitad .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;color:var(--accent);white-space:nowrap}
.deslizador .mitad:hover .text,.deslizador .mitad:focus-visible .text{opacity:1}
body[data-vista="ficha"] .pie{display:none}
body[data-vista="ficha"]{overflow:hidden}
body[data-vista="ficha"] main{padding-top:0}


#vista-acerca{padding:1rem}
#vista-acerca .tabla{margin-bottom:.5rem}
#vista-acerca .t2{margin:0;white-space:normal}
.hyphen{-webkit-hyphens:auto;hyphens:auto}


#panel{position:fixed;top:0;right:0;width:min(350px,100%);height:100%;background:#fff;z-index:200;border-left:1px solid #000;padding:1rem;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s cubic-bezier(.165,.84,.44,1);visibility:hidden}
#panel.abierto{transform:none;visibility:visible}
.panel-cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}
.panel-cab h2{font:inherit;margin:0}
.panel-cab .enlace::before{content:"[";color:#000}.panel-cab .enlace::after{content:"]";color:#000}
.panel-lista{list-style:none;margin:0;padding:0;flex:1;overflow:auto}
.panel-lista li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-top:1px solid #000;line-height:1.15}
.panel-lista li button{color:var(--accent);white-space:nowrap}
.panel-lista li button::before{content:"[";color:#000}.panel-lista li button::after{content:"]";color:#000}
.panel-vacio{margin:0;flex:1}
.panel-pie{padding-top:1rem;border-top:1px solid #000}
.panel-pie .enlace::before{content:"[";color:#000}.panel-pie .enlace::after{content:"]";color:#000}
.panel-pie .enlace[disabled]{color:var(--grey);cursor:default}
#aviso{position:fixed;left:1rem;bottom:1rem;z-index:250;background:#fff;color:#000;padding:.6rem .8rem;border:1px solid #000;max-width:calc(100% - 2rem);line-height:1.2}
#aviso::before{content:"[ ";color:var(--accent)}#aviso::after{content:" ]";color:var(--accent)}


@media (max-width:1023px){
  #cabecera{background:#fff;flex-wrap:wrap;align-items:flex-start}
  #cabecera>.tab:not(.menu){display:none!important}
  #cabecera #site-title{flex:0 0 50%;padding-top:.88rem;height:3rem}
  #cabecera #site-title .logo{font-size:1.2rem}
  #cabecera .menu{display:block;flex:0 0 50%;height:3rem}
  #cabecera>.active{border-radius:0}
  #cabecera .cart{height:3rem}
  #cabecera.opened{background:var(--accent)}
  #cabecera.opened>*{flex:0 0 100%;height:3rem}
  #cabecera.opened>#site-title,#cabecera.opened>.menu{flex:0 0 50%}
  #cabecera.opened>.tab:not(.menu){display:block!important}
  #cabecera.opened .menu{background:#fff;color:#000}
  #cabecera.opened .menu .check .accent{opacity:1}
  main{padding-top:3rem}
  #filters,#filters-tienda{position:static}
  .fila{flex-wrap:wrap}
  .fila:not(:last-child){padding-bottom:2rem}
  .fila>.infos{order:2;width:100%;flex:0 0 100%;padding-right:1rem}
  .fila>.title{order:1;width:100%;flex-wrap:wrap}
  .images{flex:0 0 auto;min-width:100%}
  .images .inner{width:max-content}
  .t2{font-size:2.75rem;line-height:2.5rem;padding:.6rem 1rem .6rem 0;flex:0 0 auto}
  .lz{display:block;height:9rem;flex:0 0 auto}
  .section--list-items{padding-top:.5rem}
  .fila:first-child{margin-top:0}
  .page-header{position:static;width:100%;max-width:none;float:left}
  .deslizador{position:relative;top:0;width:100%;float:left;height:auto;min-height:50vh;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .deslizador .slide{position:static;flex:0 0 100%;visibility:visible;scroll-snap-align:center;height:auto;padding:0}
  .deslizador .slide img{height:auto;max-height:80vh}
  .deslizador .mitad{display:none}
  body[data-vista="ficha"]{overflow:auto}
  body[data-vista="ficha"] .pie{display:block}
  body[data-vista="ficha"] main{padding-top:3rem}
  #vista-acerca .t2{padding:0}
  #buscar input{font-size:2.75rem;line-height:2.5rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}