/* Páginas interiores. Mismo sistema que la portada: negro cálido y hueso, sin
   color de acento; Archivo + Jost; la misma escala de titulares; formas rectas.
   Todas abren igual (etiqueta, H1 del mismo cuerpo, entradilla y un botón) y
   cada una ordena lo de debajo a su manera:
   · Sobre nosotros: capítulos numerados, fotos de la tienda y el nombre.
   · Servicios: dos fotos superpuestas y los servicios en rejilla desigual.
   · Tienda: catálogo con índice de grupos a la izquierda.
   · Contacto: dirección, semana en casillas, mapa y canales. */

/* ── piezas comunes ── */
.serif{font-family:var(--f-t)}
.chip{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-t);font-size:var(--t-label);font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--piedra)}
.chip::before{content:none}
.acciones{display:flex;flex-wrap:wrap;gap:var(--e-1);margin-top:var(--e-5)}
.lead-c{margin-top:var(--e-3);max-width:54ch;font-size:var(--t-lead);line-height:1.65;color:var(--hueso-2)}
.bz{position:relative}
.bz-in{position:relative;overflow:hidden}

/* cabecera de página: la misma medida en las cuatro */
.ed-hero,.sv-hero,.ti-hero,.co-hero{padding:var(--e-8) 0;border-bottom:1px solid var(--linea)}
@media(min-width:900px){.ed-hero,.sv-hero,.ti-hero,.co-hero{padding:var(--e-12) 0 var(--e-10)}}
.ed-hero h1,.sv-hero h1,.ti-hero h1,.co-hero h1{margin-top:var(--e-3);max-width:20ch}
.ed-hero h1 em,.sv-hero h1 em{font-style:normal;font-weight:400;color:var(--piedra)}

/* ═════════ SOBRE NOSOTROS ═════════ */
.ed-hero-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4)}
.ed-sub{margin-top:var(--e-3);max-width:44ch;font-size:var(--t-lead);font-weight:500;line-height:1.5;color:var(--hueso)}
.ed-lead{max-width:44ch;font-size:var(--t-lead);line-height:1.7;color:var(--hueso-2)}
.ed-lead-w .acciones{margin-top:var(--e-4)}
.ed-portada{margin:var(--e-8) 0 0}
.ed-portada-f{aspect-ratio:4/3}
.ed-portada figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-1) var(--e-3);margin-top:var(--e-2);font-size:var(--t-cap);color:var(--piedra)}
.ed-portada figcaption b{font-family:var(--f-t);font-size:var(--t-label);font-weight:500;letter-spacing:0;text-transform:none;color:var(--hueso)}
@media(min-width:900px){
  .ed-hero-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--e-8);align-items:end}
  .ed-portada-f{aspect-ratio:21/9}
}

.ed-cap{padding-top:var(--e-10)}
.ed-cap-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-3)}
.ed-cap-n{display:flex;align-items:baseline;gap:var(--e-2);padding-top:var(--e-2);border-top:1px solid var(--linea-2);font-family:var(--f-t);font-size:var(--t-label);font-weight:500;letter-spacing:0;text-transform:none;color:var(--piedra)}
.ed-cap-n .num{font-size:var(--t-h3);font-weight:500;letter-spacing:-.01em;text-transform:none;color:var(--piedra)}
.ed-cuerpo h2,.ed-cap-g--solo h2,.ed-indice h2{max-width:20ch;margin-bottom:var(--e-4)}
.ed-cuerpo p{max-width:62ch;margin-bottom:var(--e-2);font-size:var(--t-lead);line-height:1.75;color:var(--hueso-2)}
.ed-cuerpo p.capital{color:var(--hueso)}
.ed-cita{max-width:32ch;margin:var(--e-5) 0 0;padding-left:var(--e-3);border-left:2px solid var(--borde);font-family:var(--f-t);font-size:var(--t-h3);font-weight:500;line-height:1.4;letter-spacing:-.012em;color:var(--hueso)}
@media(min-width:760px){
  .ed-cap-g{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:var(--e-5);align-items:start}
  .ed-cap-n{flex-direction:column;gap:6px;position:sticky;top:calc(var(--cab) + var(--e-4))}
}
@media(min-width:900px){.ed-cap{padding-top:var(--e-16)}}

.linea{display:grid;grid-template-columns:minmax(0,1fr);margin-top:var(--e-8);border-top:1px solid var(--linea-2)}
.linea li{padding:var(--e-3) 0;border-bottom:1px solid var(--linea)}
.linea b{display:block;margin-bottom:var(--e-1);font-family:var(--f-t);font-size:var(--t-h2);font-weight:600;line-height:1.1;letter-spacing:-.024em}
.linea span{display:block;max-width:32ch;font-size:var(--t-small);color:var(--hueso-2)}
.linea li:first-child b{font-size:var(--t-h1)}
.linea li+li b{font-size:var(--t-h3)}
@media(min-width:760px){
  .linea{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
  .linea li{padding-right:var(--e-3);border-bottom:0}
  .linea li+li{padding-left:var(--e-3);border-left:1px solid var(--linea)}
}

/* Por dentro: collage de polaroids (el diseño que le gustaba a Iñaki), sobre el
   fondo oscuro como fotos encima de una mesa */
.ed-cap-g--solo{align-items:end;margin-bottom:var(--e-6)}
.ed-cap-g--solo h2{margin-bottom:0}
.collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
.collage figure{margin:0;padding:10px 10px 0;background:#F1ECE4;border-radius:4px;box-shadow:0 20px 40px -24px rgba(0,0,0,.7);transition:transform .9s var(--ease-s)}
.collage .cubre{aspect-ratio:3/4;border-radius:2px}
.collage figcaption{padding:10px 4px 14px;font-size:var(--t-small);line-height:1.35;color:#5E554C}
.collage .c1{grid-column:1 / 6;grid-row:1 / 3;transform:rotate(-1.5deg)}
.collage .c2{grid-column:6 / 9;grid-row:1;margin-top:44px;transform:rotate(2deg)}
.collage .c3{grid-column:9 / 13;grid-row:1;transform:rotate(-1deg)}
.collage .c3 .cubre{aspect-ratio:4/5}
.collage .c4{grid-column:6 / 10;grid-row:2;margin-top:-26px;transform:rotate(-2deg)}
.collage .c4 .cubre{aspect-ratio:4/3}
.collage .c5{grid-column:10 / 13;grid-row:2;margin-top:22px;transform:rotate(1.5deg)}
.collage figure:hover{transform:rotate(0) translateY(-6px)}
@media(max-width:760px){
  .collage{grid-template-columns:1fr 1fr;gap:14px}
  .collage .c1,.collage .c2,.collage .c3,.collage .c4,.collage .c5{grid-column:auto;grid-row:auto;margin:0;transform:none}
  .collage .c1{grid-column:1 / 3}
  .collage .cubre,.collage .c3 .cubre,.collage .c4 .cubre{aspect-ratio:4/5}
}

/* el nombre */
.ed-nombre-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-6)}
.ed-nombre-g .ed-cap-n{max-width:320px}
.dicc{margin:var(--e-3) 0 var(--e-2)}
.dicc-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--e-2);margin-bottom:var(--e-3);padding-bottom:var(--e-2);border-bottom:1px solid var(--linea-2);font-size:var(--t-small);color:var(--piedra)}
.dicc-p b{font-weight:500;letter-spacing:.04em;color:var(--hueso)}
.dicc-p em{font-style:normal}
.dicc-l{counter-reset:dl}
.dicc-l li{counter-increment:dl;display:grid;grid-template-columns:var(--e-4) minmax(0,1fr);max-width:54ch;margin-bottom:var(--e-2);font-size:var(--t-lead);line-height:1.65;color:var(--hueso-2)}
.dicc-l li::before{content:counter(dl) '.';font-family:var(--f-t);font-weight:600;color:var(--piedra)}
.ed-nombre-f{margin:0}
.ed-nombre-f .cubre{aspect-ratio:4/5}
.ed-nombre-f figcaption{margin-top:var(--e-1);font-size:var(--t-cap);color:var(--piedra)}
@media(min-width:900px){.ed-nombre-g{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:calc(100% / 12);align-items:center}}

.ed-indice{min-width:0}
.indice{border-top:1px solid var(--linea-2)}
.indice>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:var(--e-3) 0;border-bottom:1px solid var(--linea)}
.indice dt{font-family:var(--f-t);font-size:var(--t-h4);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.indice dd{max-width:54ch;color:var(--hueso-2)}
.indice dd a{color:var(--hueso);border-bottom:1px solid var(--borde);transition:color var(--d-1) var(--ease),border-color var(--d-1) var(--ease)}
.indice dd a:hover{color:var(--hueso);border-color:var(--hueso)}
.ed-indice .acciones{margin-top:var(--e-5)}
@media(min-width:620px){.indice>div{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--e-3);align-items:baseline}}

.ed-sigue{padding-top:var(--e-10)}
.ed-sigue-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4);padding:var(--e-5) var(--e-3);background:var(--fondo-2);border:1px solid var(--linea)}
.ed-sigue h2{max-width:16ch;margin-top:var(--e-2)}
.ed-sigue p{max-width:54ch;margin-bottom:var(--e-2);font-size:var(--t-lead);line-height:1.7;color:var(--hueso-2)}
.ed-sigue p a{color:var(--hueso);border-bottom:1px solid var(--borde);transition:border-color var(--d-1) var(--ease)}
.ed-sigue p a:hover{border-color:var(--hueso)}
@media(min-width:900px){
  .ed-sigue{padding-top:var(--e-16)}
  .ed-sigue-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:calc(100% / 12);padding:var(--e-8) var(--e-6)}
}

.ed-fin{padding:var(--e-10) 0}
.ed-fin-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4);padding-top:var(--e-5);border-top:1px solid var(--linea-2)}
.ed-fin p{max-width:22ch;font-family:var(--f-t);font-size:var(--t-h2);font-weight:600;line-height:1.12;letter-spacing:-.024em}
.ed-fin p em{font-style:normal;font-weight:400;color:var(--piedra)}
.ed-fin .acciones{margin-top:0}
@media(min-width:900px){
  .ed-fin{padding:var(--e-16) 0}
  .ed-fin-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}
  .ed-fin .acciones{justify-content:flex-end}
}

/* ═════════ SERVICIOS ═════════ */
.sv-hero-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-6)}
/* dos fotos superpuestas; la de las vitrinas pisa la del tarot con un filo del fondo */
.sv-hero-f{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.sv-f1{grid-column:4 / 13;grid-row:1}
.sv-f2{grid-column:1 / 7;grid-row:1;z-index:2;margin-top:45%;padding:var(--e-1) var(--e-1) 0 0;background:var(--fondo)}
.sv-f1 .bz-in,.sv-f2 .bz-in{aspect-ratio:4/5}
@media(min-width:900px){.sv-hero-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--e-8);align-items:center}}

/* cuatro servicios, cuatro celdas: uno grande, dos apilados y uno a lo ancho */
.sv-hero+.sec-0{padding-top:var(--e-10)}
@media(min-width:900px){.sv-hero+.sec-0{padding-top:var(--e-12)}}
.sv-bento{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-3)}
.sv-bento .bz-in{display:flex;flex-direction:column;height:100%;background:var(--fondo-2);border:1px solid var(--linea);transition:border-color var(--d-2) var(--ease)}
.sv-bento .bz:hover .bz-in{border-color:var(--linea-2)}
.sv-img{aspect-ratio:3/2}
.sv-img img{transition:transform .9s var(--ease)}
/* el Buda es vertical: que el recorte apaisado no le corte la cara */
.sv-b .sv-img img{object-position:50% 22%}
.sv-bento .bz:hover .sv-img img{transform:scale(1.03)}
.sv-t{padding:var(--e-3)}
.sv-n{display:block;margin-bottom:var(--e-2);font-family:var(--f-t);font-size:var(--t-cap);font-weight:600;letter-spacing:.04em;color:var(--piedra)}
.sv-t .chip{margin-bottom:var(--e-2)}
.sv-t h2{margin-bottom:var(--e-2);font-size:var(--t-h3)}
.sv-t p{max-width:50ch;color:var(--hueso-2)}
.sv-meta{display:flex;flex-wrap:wrap;gap:var(--e-1);margin-top:var(--e-3)}
.sv-meta li{padding:4px 10px;border:1px solid var(--linea-2);border-radius:var(--r-c);font-size:var(--t-cap);color:var(--hueso-2)}
.sv-t .sv-cta{display:inline-block;margin-top:var(--e-3);font-weight:500;color:var(--hueso)}
@media(min-width:900px){
  .sv-bento{grid-template-columns:repeat(12,minmax(0,1fr))}
  .sv-a{grid-column:1 / 8;grid-row:1 / 3}
  .sv-b{grid-column:8 / 13;grid-row:1}
  .sv-c{grid-column:8 / 13;grid-row:2}
  .sv-d{grid-column:1 / 13;grid-row:3}
  .sv-a .sv-img{flex:1;aspect-ratio:auto;min-height:360px}
  .sv-t{padding:var(--e-4)}
  .sv-d .bz-in{flex-direction:row;align-items:stretch}
  .sv-d .sv-img{flex:0 0 50%;aspect-ratio:auto;min-height:320px}
  .sv-d .sv-t{align-self:center;padding:var(--e-6)}
}

.pag-servicios section:has(#t-cita){padding-top:0}
.sv-cita{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-6);padding:var(--e-5) var(--e-3);background:var(--fondo-2);border:1px solid var(--linea)}
.sv-cita h2{margin:var(--e-2) 0 var(--e-4)}
.sv-pasos{border-top:1px solid var(--linea-2);counter-reset:sp}
.sv-pasos li{counter-increment:sp;display:grid;grid-template-columns:var(--e-6) minmax(0,1fr);gap:4px var(--e-2);padding:var(--e-2) 0;border-bottom:1px solid var(--linea)}
.sv-pasos li::before{content:counter(sp,decimal-leading-zero);grid-row:span 2;font-family:var(--f-t);font-size:var(--t-small);font-weight:600;line-height:1.6;color:var(--piedra)}
.sv-pasos b{font-family:var(--f-t);font-size:var(--t-h4);font-weight:500;line-height:1.35;letter-spacing:-.01em}
.sv-pasos span{font-size:var(--t-small);color:var(--hueso-2)}
.sv-cita .estado{margin-top:0}
.sv-cita .hor{margin-top:var(--e-2)}
@media(min-width:900px){.sv-cita{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:calc(100% / 12);padding:var(--e-8) var(--e-6)}}
.sv-faq-h{max-width:14ch}
.sv-nota{margin-top:var(--e-4);font-size:var(--t-cap);color:var(--piedra)}

/* ═════════ TIENDA ═════════ */
.ti-hero-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-5)}
.ti-titulo{margin-top:0}
.ti-titulo span{display:block;margin-top:var(--e-2);font-family:var(--f-c);font-size:var(--t-lead);font-weight:400;line-height:1.5;letter-spacing:0;color:var(--hueso-2)}
.ti-hero-d p{max-width:50ch;color:var(--hueso-2)}
/* los tres pasos como una línea continua, no como tres celdas iguales */
.ti-flujo{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-1) var(--e-3);margin-top:var(--e-3);border:0}
.ti-flujo li{display:flex;align-items:baseline;gap:var(--e-1);padding:0;font-size:var(--t-small);font-weight:500;line-height:1.35;color:var(--hueso)}
.ti-flujo li+li{border-left:0}
.ti-flujo li:not(:last-child)::after{content:'';align-self:center;width:16px;height:1px;margin-left:var(--e-2);background:var(--borde)}
.ti-flujo .num{display:inline;margin:0;font-family:var(--f-t);font-size:var(--t-cap);font-weight:600;letter-spacing:.04em;color:var(--piedra)}
@media(min-width:900px){.ti-hero-g{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:calc(100% / 12);align-items:end}}

.ti-cat{padding-top:var(--e-5)}
.ti-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4)}
.ti-g>.vacio{grid-column:1 / -1}
.ti-lado{min-width:0;display:flex;flex-direction:column;gap:var(--e-2)}
.ti-main{min-width:0}
@media(min-width:900px){
  .ti-cat{padding-top:var(--e-8)}
  .ti-g{grid-template-columns:232px minmax(0,1fr);column-gap:var(--e-6);align-items:start}
  .ti-lado{position:sticky;top:calc(var(--cab) + var(--e-3))}
}

.buscar{display:flex;align-items:center;gap:var(--e-1);height:48px;padding:0 var(--e-2);background:var(--fondo-2);border:1px solid var(--borde);border-radius:var(--r-c);transition:border-color var(--d-1) var(--ease)}
.buscar:hover{border-color:var(--piedra)}
.buscar:focus-within{border-color:var(--hueso);outline:2px solid var(--hueso);outline-offset:1px}
.buscar svg{flex:none;width:17px;height:17px;fill:none;stroke:var(--piedra);stroke-width:1.5;stroke-linecap:round}
.buscar input{width:100%;min-width:0;background:none;border:none;font-size:1rem}
.buscar input:focus{outline:none}
.buscar input::placeholder{color:var(--piedra);opacity:1}
.ti-lado-h{margin-top:var(--e-2);padding-bottom:var(--e-1);border-bottom:1px solid var(--linea-2);font-family:var(--f-t);font-size:var(--t-label);font-weight:500;letter-spacing:0;text-transform:none;color:var(--piedra)}
.ti-lado-h+.ti-grupos{margin-top:calc(-1 * var(--e-2))}

.fgrupo{display:flex;flex-wrap:wrap;gap:var(--e-1);min-width:0}
.ti-grupos{flex-direction:column;flex-wrap:nowrap;gap:0}
.f{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e-2);width:100%;padding:var(--e-1) var(--e-1) var(--e-1) var(--e-2);border-left:2px solid transparent;font-size:var(--t-small);text-align:left;color:var(--hueso-2);transition:background var(--d-1) var(--ease),color var(--d-1) var(--ease),border-color var(--d-1) var(--ease)}
.f span{font-size:var(--t-cap);color:var(--piedra)}
.f:hover{background:var(--fondo-2);color:var(--hueso)}
.f[aria-pressed="true"]{background:var(--fondo-2);border-left-color:var(--hueso);color:var(--hueso);font-weight:500}

.orden{display:flex;flex-direction:column;gap:var(--e-1);font-size:var(--t-cap);font-weight:500;color:var(--hueso)}
.orden select{height:48px;padding:0 var(--e-5) 0 var(--e-2);background:var(--fondo-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23EFEBE5' stroke-width='1.4'/%3E%3C/svg%3E") right var(--e-2) center/12px auto no-repeat;border:1px solid var(--borde);border-radius:var(--r-c);-webkit-appearance:none;appearance:none;font-size:var(--t-small);font-weight:400;cursor:pointer;transition:border-color var(--d-1) var(--ease)}
.orden select:hover{border-color:var(--piedra)}
.orden select:focus{outline:2px solid var(--hueso);outline-offset:1px;border-color:var(--hueso)}
.orden option{background:var(--sup);color:var(--hueso)}
.cuenta{margin-bottom:var(--e-3);padding-bottom:var(--e-1);border-bottom:1px solid var(--linea);font-family:var(--f-t);font-size:var(--t-label);font-weight:500;letter-spacing:0;text-transform:none;color:var(--piedra)}

@media(max-width:899px){
  .ti-lado-h{display:none}
  .ti-grupos{flex-direction:row;gap:var(--e-1);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--margen));padding-inline:var(--margen)}
  .ti-grupos::-webkit-scrollbar{display:none}
  .ti-grupos .f{flex:none;width:auto;align-items:center;height:40px;padding:0 var(--e-2);border:1px solid var(--linea-2);border-radius:var(--r-c);white-space:nowrap}
  .ti-grupos .f[aria-pressed="true"]{background:var(--hueso);border-color:var(--hueso);color:var(--fondo)}
  .ti-grupos .f[aria-pressed="true"] span{color:var(--linea-2)}
  .orden{flex-direction:row;align-items:center;gap:var(--e-2)}
  .orden select{flex:1}
}
@media(min-width:1100px){.pag-tienda .rej{grid-template-columns:repeat(3,minmax(0,1fr))}}

.ti-ayuda{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4);padding:var(--e-5) var(--e-3);background:var(--fondo-2);border:1px solid var(--linea)}
.ti-ayuda h2{margin:var(--e-2) 0}
.ti-ayuda p{max-width:54ch;color:var(--hueso-2)}
@media(min-width:900px){.ti-ayuda{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--e-8);padding:var(--e-8) var(--e-6)}}

/* ═════════ CONTACTO ═════════ */
.co-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--e-2)}
.estado-xl{margin-top:0;padding:var(--e-1) var(--e-2);border:1px solid var(--linea-2);border-radius:var(--r-c)}
.co-h1{max-width:26ch}
.co-adr{display:block;margin-top:var(--e-5);padding-top:var(--e-3);border-top:1px solid var(--linea-2);font-style:normal}
.co-dir{display:block;font-family:var(--f-t);font-size:var(--t-h2);font-weight:600;line-height:1.1;letter-spacing:-.024em;color:var(--hueso)}
.co-pre{display:block;margin-bottom:var(--e-1);font-size:var(--t-label);font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--piedra)}
.co-cp{display:block;margin-top:var(--e-1);font-size:var(--t-lead);color:var(--hueso-2)}
.co-acc{margin-top:var(--e-5)}

.co-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--e-2);margin-bottom:var(--e-4)}
.co-cab h2,.co-llegar-g h2,.co-canales-s h2{font-size:var(--t-h2)}
/* la semana: siete casillas separadas por filetes */
.semana{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea)}
.semana li{display:flex;flex-direction:column;gap:4px;min-height:128px;padding:var(--e-2) var(--e-2) var(--e-3);background:var(--fondo-2)}
.semana li:last-child{grid-column:1 / -1}
.semana abbr{text-decoration:none}
.semana b{margin-bottom:auto;font-family:var(--f-t);font-size:var(--t-h4);font-weight:600;line-height:1.2;letter-spacing:-.01em}
.semana span{font-size:var(--t-small);color:var(--hueso-2)}
.semana li.cerrado{background:var(--fondo)}
.semana li.cerrado b,.semana li.cerrado span{color:var(--piedra)}
.semana li.hoy{background:var(--sup);box-shadow:inset 0 2px 0 var(--hueso)}
.semana li.hoy b::after{content:' · hoy';font-size:var(--t-cap);font-weight:500;letter-spacing:0;color:var(--piedra)}
@media(min-width:620px){.semana{grid-template-columns:repeat(4,minmax(0,1fr))}.semana li:last-child{grid-column:span 2}.semana li{min-height:144px}}
@media(min-width:1000px){.semana{grid-template-columns:repeat(7,minmax(0,1fr))}.semana li:last-child{grid-column:auto}}

/* mapa a lo ancho y la fachada encima, pisando el borde de abajo */
.co-mapa-s{padding-bottom:0}
.co-mapa-g{position:relative}
.co-mapa .mapa{aspect-ratio:4/5}
.co-mapa .mapa button{align-items:flex-end;text-align:right}
.co-fachada{position:relative;z-index:2;width:60%;margin:calc(-1 * var(--e-10)) 0 0 var(--e-2);padding:var(--e-1);background:var(--fondo);border:1px solid var(--linea-2)}
.co-fachada .cubre{aspect-ratio:3/4}
.co-fachada figcaption{padding-top:var(--e-1);font-size:var(--t-cap);color:var(--piedra)}
.co-nota{max-width:46ch;margin:var(--e-3) 0 0;font-size:var(--t-small);color:var(--hueso-2)}
.co-nota b{font-weight:500;color:var(--hueso)}
@media(min-width:760px){
  .co-mapa .mapa{aspect-ratio:21/9}
  .co-fachada{position:absolute;left:var(--e-4);bottom:calc(-1 * var(--e-10));width:clamp(200px,20vw,280px);margin:0}
  .co-nota{margin:var(--e-3) 0 0 auto;text-align:right}
}
@media(min-width:1100px){.co-mapa .mapa{aspect-ratio:3/1}}

.co-llegar-s{padding-top:var(--e-10)}
.co-llegar-g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-6)}
.co-llegar-g h2{margin:var(--e-2) 0}
@media(min-width:760px){.co-llegar-s{padding-top:calc(var(--e-16) + var(--e-5))}}
@media(min-width:900px){.co-llegar-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:calc(100% / 12)}}
.llegar-h{margin-bottom:var(--e-1);font-family:var(--f-t);font-size:var(--t-label);font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--piedra)}
.llegar-h~.llegar-h{margin-top:var(--e-5)}
.ruta{border-top:1px solid var(--linea)}
.ruta li,.llegar li{display:flex;justify-content:space-between;gap:var(--e-2);padding:14px 0;border-bottom:1px solid var(--linea);font-size:var(--t-small);color:var(--hueso-2)}
.ruta b{font-weight:500;white-space:nowrap;color:var(--hueso)}
.llegar li:first-child{border-top:1px solid var(--linea)}

.gcard-s{display:inline-flex;flex-direction:column;gap:4px;margin-top:var(--e-4);padding:var(--e-2) var(--e-3);background:var(--fondo-2);border:1px solid var(--linea-2);border-radius:var(--r-c);transition:border-color var(--d-1) var(--ease)}
.gcard-s:hover{border-color:var(--borde)}
.gcard-k{font-family:var(--f-t);font-size:var(--t-label);font-weight:500;letter-spacing:0;text-transform:none;color:var(--piedra)}
.gcard-v{font-size:var(--t-small);color:var(--hueso-2)}
.gcard-v b{font-family:var(--f-t);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;color:var(--hueso)}
.gcard-l{align-self:flex-start;margin-top:4px;font-size:var(--t-cap);color:var(--hueso-2);border-bottom:1px solid var(--borde)}

.co-antes{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4);padding:var(--e-5) var(--e-3);background:var(--fondo-2);border:1px solid var(--linea)}
.co-antes h2{margin:var(--e-2) 0}
.co-antes p{max-width:56ch;color:var(--hueso-2)}
.co-antes .acciones{margin-top:0}
@media(min-width:900px){.co-antes{grid-template-columns:minmax(0,7fr) auto;align-items:center;column-gap:var(--e-8);padding:var(--e-8) var(--e-6)}}

.co-canales-s h2{margin-bottom:var(--e-4)}
.canales{border-top:1px solid var(--linea-2)}
.canales a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px var(--e-2);padding:var(--e-3) 0;border-bottom:1px solid var(--linea)}
.canales .k{grid-column:1 / -1;font-family:var(--f-t);font-size:var(--t-label);font-weight:500;letter-spacing:0;text-transform:none;color:var(--piedra)}
.canales .v{font-family:var(--f-t);font-size:var(--t-h3);font-weight:500;line-height:1.3;letter-spacing:-.014em;overflow-wrap:anywhere;transition:color var(--d-2) var(--ease),transform var(--d-2) var(--ease)}
.canales i{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--linea-2);border-radius:var(--r-c);transition:background var(--d-2) var(--ease),border-color var(--d-2) var(--ease),color var(--d-2) var(--ease)}
.canales svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.canales a:hover .v{color:var(--hueso);transform:translateX(var(--e-1))}
.canales a:hover i{background:var(--hueso);border-color:var(--hueso);color:var(--fondo)}
@media(min-width:620px){.canales a{grid-template-columns:160px minmax(0,1fr) auto;gap:var(--e-3)}.canales .k{grid-column:auto}}