/* Comprar y Vender Online: collage urbano, bordes duros, sombra corrida, naranja y asfalto.
   Vocabulario: calle-* (estructura y bloques), recorte-* (notas en tarjeta y fotos). Sin chips de ocasión ni tablas de tallas (José, 12-nov). */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url("letras/schibsted-calle.woff2") format("woff2")}

:root{
  --naranja-calle:#FF6B1A;--naranja-honda:#B4440A;--naranja-tenue:#FFE2D1;--asfalto:#1E1E1E;--asfalto-suave:#5C5853;--tiza:#F6F3EE;--cemento:#E2DED6;--papel-calle:#FEFEFD;
  --letra-calle:"Schibsted Grotesk","Arial Narrow",system-ui,sans-serif;
  --letra-rotulo:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --cuadra-2:8px;--cuadra-3:12px;--cuadra-4:16px;--cuadra-5:24px;--cuadra-6:32px;--cuadra-7:48px;--cuadra-8:64px;
  --borde-calle:3px;--sombra-corrida:6px 6px 0 var(--asfalto);--sombra-chica:4px 4px 0 var(--asfalto);--texto-sobre-naranja:#1E1E1E
}
@media (prefers-color-scheme:dark){:root{
  --naranja-calle:#FF7A30;--naranja-honda:#FF9B5E;--naranja-tenue:#3A2416;--asfalto:#EDEAE3;--asfalto-suave:#B7B1A7;--tiza:#171615;--cemento:#34312D;--papel-calle:#211F1D;
  --sombra-corrida:6px 6px 0 #000;--sombra-chica:4px 4px 0 #000;--texto-sobre-naranja:#171615
}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
[hidden]{display:none!important}
.calle-hoja{overflow-x:clip;background:var(--tiza);color:var(--asfalto);font-family:var(--letra-calle);font-size:18px;line-height:1.6;font-weight:400}
.calle-hoja img{max-width:100%;height:auto;display:block}
.calle-hoja a{color:var(--naranja-honda);text-decoration-thickness:2px;text-underline-offset:3px}
.calle-hoja a:hover{color:var(--asfalto);text-decoration-color:var(--naranja-calle)}
.calle-hoja :focus-visible{outline:3px solid var(--asfalto);outline-offset:3px;box-shadow:0 0 0 6px var(--naranja-calle)}
.calle-hoja h1,.calle-hoja h2,.calle-hoja h3{font-weight:800;color:var(--asfalto);letter-spacing:-.025em}
.calle-hoja h1{font-size:clamp(34px,4.6vw,60px);line-height:1.02;margin:0 0 var(--cuadra-4)}
.calle-hoja h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1;margin:var(--cuadra-8) 0 var(--cuadra-4)}
.calle-hoja h3{font-size:22px;line-height:1.2;margin:var(--cuadra-6) 0 var(--cuadra-2)}
.calle-hoja p{margin:0 0 1em}
.calle-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.calle-brinco:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:60;padding:10px 16px;background:var(--naranja-calle);color:var(--texto-sobre-naranja)}
.calle-cuadra{max-width:1240px;margin:0 auto;padding-inline:var(--cuadra-6)}
.calle-letrero{font-family:var(--letra-rotulo);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--asfalto-suave);margin:0 0 var(--cuadra-2)}
.calle-fecha{font-family:var(--letra-rotulo);font-size:13px;color:var(--asfalto-suave);margin:0}

/* Cabecera: logo y menú en una línea (12-nov-2026: sin buscador) */
.calle-cabecera{position:relative;z-index:20;background:var(--papel-calle);border-bottom:var(--borde-calle) solid var(--asfalto)}
.calle-cabecera-fila{display:flex;align-items:center;gap:var(--cuadra-3) var(--cuadra-4);min-height:68px;padding-block:var(--cuadra-2)}
.calle-logo{display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto}
.calle-logo img{height:42px;width:auto}
.calle-marca-noche{display:none!important}
@media (prefers-color-scheme:dark){.calle-marca-dia{display:none!important}.calle-marca-noche{display:block!important}}
.calle-nav{flex:1 1 auto;min-width:0}
.calle-nav>ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.calle-nav a,.calle-nav button{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border:0;background:none;color:var(--asfalto);font:inherit;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}
.calle-nav a:hover,.calle-nav button:hover{background:var(--cemento);color:var(--asfalto)}
.calle-nav [aria-current="page"]{box-shadow:inset 0 -4px 0 var(--asfalto)}

/* Collage de la portada: fotos reales recortadas alrededor del título */
.calle-portada{padding:var(--cuadra-6) 0 var(--cuadra-7);overflow:hidden}
.calle-collage{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(9,62px);gap:0}
.calle-recorte{position:relative;margin:0;border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida);background:var(--cemento);transition:transform .2s ease}
.calle-recorte a{display:block;width:100%;height:100%}
.calle-recorte img{width:100%;height:100%;object-fit:cover}
.calle-recorte figcaption{position:absolute;left:-3px;bottom:-3px;max-width:calc(100% + 6px);background:var(--asfalto);color:var(--tiza);font-family:var(--letra-rotulo);font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calle-recorte:hover{z-index:4;transform:rotate(0deg)!important}
.calle-recorte:hover figcaption{background:var(--naranja-calle);color:var(--texto-sobre-naranja)}
.calle-recorte:nth-child(1){grid-column:1/5;grid-row:1/6;transform:rotate(-3deg)}
.calle-recorte:nth-child(2){grid-column:4/8;grid-row:5/10;transform:rotate(2deg);z-index:2}
.calle-recorte:nth-child(3){grid-column:9/13;grid-row:1/5;transform:rotate(3deg)}
.calle-recorte:nth-child(4){grid-column:8/12;grid-row:5/9;transform:rotate(-2deg);z-index:2}
.calle-recorte:nth-child(5){grid-column:1/4;grid-row:6/10;transform:rotate(3deg);z-index:1}
.calle-collage-titulo{grid-column:3/11;grid-row:2/5;z-index:8;align-self:center;justify-self:center;background:var(--tiza);border:var(--borde-calle) solid var(--asfalto);padding:var(--cuadra-4) var(--cuadra-5);box-shadow:var(--sombra-corrida);transform:rotate(-1.5deg);max-width:720px}
.calle-collage-titulo h1{margin:0;font-size:clamp(32px,4.2vw,56px)}
/* 12-nov-2026 (Martín): el H1 es el del vivo («Comprar y Vender Online»), como rótulo; el titular del diseño queda como párrafo */
.calle-collage-titulo .calle-titular-vivo{font-size:15px;font-family:var(--letra-rotulo);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--cuadra-2)}
.calle-collage-titulo .calle-titular-diseno{margin:0;font-size:clamp(32px,4.2vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.02em}
/* 12-nov-2026: miga de la nota con el título, recortado con «…» si no entra */
.calle-ruta-nota li:last-child{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Notas en tarjeta: una foto recortada, título y fecha; las piezas se alinean por fila (subgrid) */
.recorte-lista{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 var(--cuadra-6);list-style:none;margin:0;padding:0}
.recorte-ocupa-2{grid-column:span 2}.recorte-ocupa-3{grid-column:span 3}.recorte-ocupa-6{grid-column:span 6}
.recorte-pieza{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;align-content:start;margin-bottom:var(--cuadra-7)}
.recorte-foto{display:block;aspect-ratio:3/2;margin:0 0 var(--cuadra-4);border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida);background:var(--cemento);overflow:hidden;transform:rotate(-1.2deg);transition:transform .2s ease,box-shadow .2s ease}
.recorte-pieza:nth-child(even) .recorte-foto{transform:rotate(1.2deg)}
.recorte-foto img{width:100%;height:100%;object-fit:cover}
.recorte-pieza:hover .recorte-foto{transform:rotate(0deg);box-shadow:6px 6px 0 var(--naranja-calle)}
@media (min-width:1001px){.recorte-ocupa-3 .recorte-foto{aspect-ratio:2/1}}
.recorte-sin-foto{display:block}
.recorte-cabeza{margin-bottom:var(--cuadra-2)}
.recorte-titulo{font-size:22px!important;line-height:1.18!important;margin:0!important}
.recorte-titulo a{color:var(--asfalto)!important;text-decoration:none}
.recorte-titulo a::after{content:"";position:absolute;inset:0}
.recorte-pieza:hover .recorte-titulo a{text-decoration:underline;text-decoration-color:var(--naranja-calle);text-decoration-thickness:4px}
.recorte-pieza .calle-fecha{align-self:end}

/* Tramos de la portada */
.calle-tramo{padding:var(--cuadra-7) 0 var(--cuadra-5);border-top:var(--borde-calle) solid var(--asfalto)}
.calle-tramo-cabeza{margin-bottom:var(--cuadra-6)}
.calle-tramo-cabeza h2{margin:0}
.calle-tramo-salida{margin:0 0 var(--cuadra-4)!important}
.calle-cajas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cuadra-6);padding-bottom:var(--cuadra-7)}
.calle-caja{display:flex;flex-direction:column;background:var(--papel-calle);border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida);padding:var(--cuadra-5)}
.calle-caja h2{margin:0 0 var(--cuadra-3)!important;font-size:28px!important}
.calle-caja ul{list-style:none;margin:0 0 var(--cuadra-4);padding:0;flex:1 1 auto}
.calle-caja li{padding:12px 0;border-top:2px dashed var(--cemento);line-height:1.35}
.calle-caja li a{display:block;color:var(--asfalto);font-weight:700;font-size:18px;text-decoration:none;margin-bottom:4px}
.calle-caja li a:hover{text-decoration:underline;text-decoration-color:var(--naranja-calle)}

/* Botones y ligas */
.calle-boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--cuadra-5);font:inherit;font-size:17px;font-weight:800;color:var(--texto-sobre-naranja)!important;background:var(--naranja-calle);border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-chica);text-decoration:none;cursor:pointer}
.calle-boton:hover{background:var(--asfalto);color:var(--tiza)!important;box-shadow:4px 4px 0 var(--naranja-calle)}
.calle-boton-blanco{background:var(--papel-calle);color:var(--asfalto)!important}
.calle-boton-blanco::after{content:" →";margin-left:6px}
.calle-liga{font-weight:800;text-decoration:none}
.calle-liga::after{content:" →"}

/* Ruta */
.calle-ruta ol{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:var(--cuadra-5) 0;padding:0;font-size:15px;font-weight:600;color:var(--asfalto-suave)}
.calle-ruta li+li::before{content:"✕";margin-right:10px;font-size:11px;color:var(--naranja-honda)}
.calle-ruta a{color:var(--asfalto-suave)!important}
.calle-ruta [aria-current="page"]{color:var(--asfalto)}

/* Nota */
.calle-nota{padding-bottom:var(--cuadra-8)}
.calle-nota-planta{display:flex;flex-wrap:wrap;gap:var(--cuadra-7) var(--cuadra-8);align-items:flex-start}
.calle-nota-cuerpo{flex:999 1 620px;min-width:0}
.calle-lado{flex:1 1 270px;max-width:320px;position:sticky;top:var(--cuadra-5)}
.calle-bajada{font-size:21px;line-height:1.45;color:var(--asfalto-suave)}
.calle-firma-linea{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:var(--cuadra-3) 0;border-block:2px solid var(--asfalto);font-size:15px}
.calle-firma-linea img{width:40px;height:40px;object-fit:cover;border:2px solid var(--asfalto)}
.calle-firma-linea a{font-weight:800}
.calle-foto{margin:var(--cuadra-6) 0}
.calle-foto img{width:100%;border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida);background:var(--cemento)}
.calle-indice{margin:var(--cuadra-5) 0}
.calle-indice summary{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 var(--cuadra-5);border:var(--borde-calle) solid var(--asfalto);background:var(--papel-calle);font-weight:800;cursor:pointer;list-style:none;box-shadow:var(--sombra-chica)}
.calle-indice summary::-webkit-details-marker{display:none}
.calle-indice summary::after{content:"+";font-family:var(--letra-rotulo)}
.calle-indice[open] summary::after{content:"−"}
.calle-indice[open] summary{background:var(--naranja-calle);color:var(--texto-sobre-naranja)}
.calle-indice ul{columns:2;column-gap:var(--cuadra-6);list-style:none;margin:var(--cuadra-4) 0 0;padding:var(--cuadra-4) var(--cuadra-5);background:var(--papel-calle);border:var(--borde-calle) solid var(--asfalto)}
.calle-indice li{break-inside:avoid;padding:2px 0 2px 16px;position:relative}
.calle-indice li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:3px;background:var(--naranja-calle)}
.calle-indice a{display:inline-flex;align-items:center;min-height:40px;color:var(--asfalto)!important;font-weight:600;text-decoration:none;line-height:1.3}
.calle-indice a:hover{text-decoration:underline;text-decoration-color:var(--naranja-calle)}
.calle-texto{overflow-wrap:break-word}
.calle-texto h2,.calle-texto h3{scroll-margin-top:var(--cuadra-5)}
.calle-texto ul,.calle-texto ol{padding-left:1.3em;margin:0 0 1em}
.calle-texto li{margin-bottom:6px}
.calle-texto li::marker{color:var(--naranja-honda);font-weight:800}
.calle-texto figure{margin:var(--cuadra-5) 0}
.calle-texto img{border:var(--borde-calle) solid var(--asfalto)}
.calle-texto figcaption{display:inline-block;margin-top:-3px;background:var(--asfalto);color:var(--tiza);padding:6px 10px;font-size:15px;line-height:1.4}
.calle-texto blockquote{margin:var(--cuadra-6) 0;padding:var(--cuadra-5);background:var(--asfalto);color:var(--tiza);border-left:10px solid var(--naranja-calle)}
.calle-texto blockquote p:last-child{margin:0}
.calle-texto blockquote a{color:var(--naranja-calle)}
.calle-texto hr{border:0;border-top:var(--borde-calle) solid var(--asfalto);margin:var(--cuadra-6) 0}
.calle-texto iframe{max-width:100%;border:0}
.calle-tabla-caja{overflow-x:auto;margin:var(--cuadra-5) 0;border:var(--borde-calle) solid var(--asfalto);background:var(--papel-calle);box-shadow:var(--sombra-corrida)}
.calle-texto table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.calle-tabla-caja table{min-width:560px}
.calle-texto th,.calle-texto td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:2px solid var(--cemento)}
.calle-texto thead th,.calle-texto tr:first-child th{background:var(--asfalto);color:var(--tiza);font-size:15px}
.calle-texto tbody tr:last-child>*{border-bottom:0}
.calle-cruce{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cuadra-4);margin:var(--cuadra-7) 0 var(--cuadra-6)}
.calle-cruce a{display:block;padding:var(--cuadra-4);border:var(--borde-calle) solid var(--asfalto);background:var(--papel-calle);color:var(--asfalto)!important;font-weight:700;line-height:1.3;text-decoration:none}
.calle-cruce a:hover{background:var(--naranja-calle);color:var(--texto-sobre-naranja)!important}
.calle-cruce a span{display:block;font-family:var(--letra-rotulo);font-size:12px;text-transform:uppercase;color:inherit;opacity:.75;margin-bottom:4px}
.calle-cruce a[rel="next"]{grid-column:2;text-align:right}
.calle-firma{display:flex;gap:var(--cuadra-5);align-items:flex-start;margin-top:var(--cuadra-6);padding:var(--cuadra-5);background:var(--papel-calle);border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida)}
.calle-firma img{width:96px;height:96px;object-fit:cover;flex:0 0 auto;border:2px solid var(--asfalto);transform:rotate(-3deg)}
.calle-firma-nombre{font-size:24px;font-weight:800;margin:0 0 4px!important}
.calle-firma-nombre a{color:var(--asfalto)!important}
.calle-firma div>p:last-of-type{margin-bottom:0}
.calle-redes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:var(--cuadra-3) 0 0;padding:0}
.calle-redes a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid var(--asfalto);color:var(--asfalto)!important;font-weight:700;font-size:15px;text-decoration:none}
.calle-redes a:hover{background:var(--naranja-calle);color:var(--texto-sobre-naranja)!important}
.calle-combina{margin:var(--cuadra-7) 0 0;padding:var(--cuadra-5) var(--cuadra-5) 0;background:var(--naranja-tenue);border:var(--borde-calle) solid var(--asfalto)}
.calle-combina h2{margin:0 0 var(--cuadra-5)!important}
.calle-combina .recorte-lista{gap:0 var(--cuadra-5)}
.calle-combina .recorte-pieza{margin-bottom:var(--cuadra-5)}
.calle-combina .recorte-titulo{font-size:18px!important}
.calle-lado section{border-top:var(--borde-calle) solid var(--asfalto);padding-top:var(--cuadra-3)}
.calle-lado h2{font-size:20px!important;margin:0 0 var(--cuadra-3)!important}
.calle-lado ul{list-style:none;margin:0;padding:0}
.calle-lado li{padding:10px 0;border-bottom:2px dashed var(--cemento);font-size:16px;line-height:1.35}
.calle-lado li a{color:var(--asfalto)!important;font-weight:700;text-decoration:none}
.calle-lado li a:hover{text-decoration:underline;text-decoration-color:var(--naranja-calle)}
.calle-lado li span{display:block;margin-top:2px;font-family:var(--letra-rotulo);font-size:12px;color:var(--asfalto-suave)}

/* Categoría */
.calle-seccion-titulo{padding:var(--cuadra-3) 0 var(--cuadra-7)}
.calle-seccion-titulo h1{margin:0 0 var(--cuadra-3)}
.calle-seccion-texto{font-size:19px;color:var(--asfalto-suave)}
.calle-seccion-texto p:last-child{margin:0}
.calle-paginas{margin:var(--cuadra-6) 0 var(--cuadra-8)}
.calle-paginas ol{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.calle-paginas a,.calle-paginas span,.calle-paginas button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 14px;border:var(--borde-calle) solid var(--asfalto);background:var(--papel-calle);font:inherit;font-weight:800;color:var(--asfalto)!important;text-decoration:none;cursor:pointer}
.calle-paginas a:hover,.calle-paginas button:hover{background:var(--naranja-calle);color:var(--texto-sobre-naranja)!important}
.calle-paginas [aria-current="page"]{background:var(--asfalto);color:var(--tiza)!important;cursor:default}
.calle-paginas .calle-paginas-salto{border-color:transparent;background:transparent;min-width:24px;padding:0}
.calle-paginas-nota{text-align:center;font-family:var(--letra-rotulo);font-size:13px;color:var(--asfalto-suave);margin:12px 0 0!important}

/* Autor */
.calle-quien{display:flex;flex-wrap:wrap;gap:var(--cuadra-6);align-items:center;padding:var(--cuadra-3) 0 var(--cuadra-7)}
.calle-quien img{width:150px;height:150px;object-fit:cover;border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida);transform:rotate(-3deg)}
.calle-quien>div{flex:1 1 380px}
.calle-quien-bio{font-size:19px;color:var(--asfalto-suave);margin:0!important}

/* Páginas de texto */
.calle-texto-planta{display:flex;flex-wrap:wrap;gap:var(--cuadra-7);align-items:flex-start;padding-bottom:var(--cuadra-8)}
.calle-texto-cuerpo{flex:999 1 560px;min-width:0}
.calle-texto-indice{flex:1 1 230px;max-width:290px}
.calle-texto-indice ul{list-style:none;margin:0;padding:0;border:var(--borde-calle) solid var(--asfalto);background:var(--papel-calle);box-shadow:var(--sombra-corrida)}
.calle-texto-indice a{display:flex;align-items:center;min-height:48px;padding:0 16px;border-bottom:2px solid var(--cemento);color:var(--asfalto)!important;font-weight:700;text-decoration:none}
.calle-texto-indice li:last-child a{border-bottom:0}
.calle-texto-indice a:hover,.calle-texto-indice a[aria-current="page"]{background:var(--naranja-calle);color:var(--texto-sobre-naranja)!important}

/* Búsqueda y 404 */
.calle-fuera{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cuadra-7);align-items:center;padding:var(--cuadra-7) var(--cuadra-6) var(--cuadra-8)}
.calle-fuera-texto{font-size:20px;color:var(--asfalto-suave)}
.calle-fuera-lista{list-style:none;margin:var(--cuadra-6) 0 0;padding:0;border-top:var(--borde-calle) solid var(--asfalto)}
.calle-fuera-lista li{padding:12px 0;border-bottom:2px dashed var(--cemento);line-height:1.35}
.calle-fuera-lista a{display:block;color:var(--asfalto)!important;font-weight:700;text-decoration:none;margin-bottom:2px}
.calle-fuera-lista a:hover{text-decoration:underline;text-decoration-color:var(--naranja-calle)}
.calle-fuera-collage{position:relative;height:440px}
.calle-fuera-collage img{position:absolute;border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-corrida);object-fit:cover;background:var(--cemento)}
.calle-fuera-collage img:nth-child(1){left:0;top:20px;width:62%;height:300px;transform:rotate(-6deg)}
.calle-fuera-collage img:nth-child(2){right:0;top:110px;width:52%;height:270px;transform:rotate(5deg)}
.calle-fuera-collage span{position:absolute;left:24%;top:42%;z-index:2;background:var(--naranja-calle);color:var(--texto-sobre-naranja);border:var(--borde-calle) solid var(--asfalto);box-shadow:var(--sombra-chica);padding:6px 18px;font-size:44px;font-weight:900;transform:rotate(-4deg)}

/* Pie centrado: logo, texto y los menús de pie del vivo (12-nov-2026: sin la tira de categorías) */
.calle-pie{background:#1E1E1E;color:#F6F3EE;margin-top:var(--cuadra-8);border-top:10px solid var(--naranja-calle);text-align:center;padding:var(--cuadra-7) 0 var(--cuadra-5)}
.calle-pie-logo{display:inline-flex}
.calle-pie-logo img{height:52px;width:auto}
.calle-pie-aviso{margin:var(--cuadra-3) auto var(--cuadra-6)!important;font-size:17px;color:#DEDAD2}
.calle-pie-medio{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 auto;padding:0}
.calle-pie-medio{gap:0 var(--cuadra-5);padding:var(--cuadra-4) 0}
.calle-pie-medio a{display:inline-flex;align-items:center;min-height:44px;color:#DEDAD2!important;font-size:15px;text-decoration:none}
.calle-pie-medio a:hover{color:#FF7A30!important;text-decoration:underline}
.calle-pie-firma{margin:0!important;font-family:var(--letra-rotulo);font-size:13px;color:#B7B1A7}

@media (max-width:1180px){
  .calle-cabecera-fila{flex-wrap:wrap}
  .calle-nav{order:3;flex:1 1 100%;margin-inline:calc(-1 * var(--cuadra-6))}
  .calle-nav>ul{overflow-x:auto;padding:0 var(--cuadra-6) 4px;scrollbar-width:none}
}
@media (max-width:1000px){
  .recorte-lista>li{grid-column:span 3}
  .recorte-lista>.recorte-pieza-final{grid-column:span 6}
  .calle-collage{grid-template-rows:repeat(9,48px)}
  .calle-lado{position:static;max-width:none}
}
@media (max-width:760px){
  .calle-hoja{font-size:17px}
  .calle-cuadra{padding-inline:var(--cuadra-4)}
  .calle-logo img{height:34px}
  .calle-nav{margin-inline:calc(-1 * var(--cuadra-4))}
  .calle-nav>ul{padding:0 var(--cuadra-4) 4px}
  .calle-collage{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(10,42px)}
  .calle-recorte:nth-child(1){grid-column:1/4;grid-row:1/5}
  .calle-recorte:nth-child(2){grid-column:3/7;grid-row:4/8;z-index:2}
  .calle-recorte:nth-child(3){grid-column:4/7;grid-row:1/4}
  .calle-recorte:nth-child(4){grid-column:4/7;grid-row:8/11;z-index:1}
  .calle-recorte:nth-child(5){grid-column:1/4;grid-row:6/11}
  .calle-collage-titulo{grid-column:1/-1;grid-row:auto;transform:none;max-width:none;margin-top:var(--cuadra-6)}
  .recorte-lista>li,.recorte-lista>.recorte-pieza-final{grid-column:span 6}
  .calle-cajas{grid-template-columns:minmax(0,1fr)}
  .calle-indice ul{columns:1}
  .calle-cruce{grid-template-columns:minmax(0,1fr)}
  .calle-cruce a[rel="next"]{grid-column:auto;text-align:left}
  .calle-firma{flex-direction:column}
  .calle-fuera{grid-template-columns:minmax(0,1fr);padding-inline:var(--cuadra-4);overflow:hidden}
  .calle-fuera-collage{height:320px;margin-inline:14px}
  .calle-cabecera-fila{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.calle-recorte,.recorte-foto{transition:none}}