:root{--tinta:#16262b;--suave:#56676c;--papel:#f1f3f2;--blanco:#fff;--linea:#d5dbd9;
--cerca:#1f6f5c;--medio:#86661a;--lejos:#8c4a3a;--resalte:#fff6d9;--enlace:#1d5a7a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);
font:400 17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--enlace)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cerca);outline-offset:2px}
.saltar{position:absolute;left:-999px}.saltar:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
.envoltorio{max-width:920px;margin:0 auto;padding:0 16px}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:400;line-height:1.2}
h1{font-size:clamp(28px,5vw,40px);margin:18px 0 6px;letter-spacing:-.01em}
h2{font-size:24px;margin:40px 0 8px}
h3{font-size:19px;margin:0}
.sub{color:var(--suave);font-size:15px}
.entrada{font-size:19px;max-width:62ch}
.cabecera{background:var(--tinta);color:var(--papel)}
.cabecera-fila{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:8px;color:var(--papel);text-decoration:none;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:21px}
.menu{display:flex;gap:18px;flex-wrap:wrap}.menu a{color:var(--papel);text-decoration:none;font-size:15px}
.menu a:hover{text-decoration:underline}
.migas{font-size:14px;color:var(--suave);margin-top:16px}.migas a{color:var(--suave)}
main{padding-bottom:56px}
.lugar{margin:0;color:var(--suave);font-size:17px}
.veredicto{display:inline-block;margin:12px 0 0;padding:4px 10px;font-size:14px;border-left:4px solid var(--linea);background:var(--blanco)}
.v-andando{border-color:var(--cerca)}.v-corta{border-color:var(--medio)}.v-transporte{border-color:var(--lejos)}
.resumen{max-width:66ch;margin-top:18px}
#mapa{height:380px;border:1px solid var(--linea);background:#e4e8e7;margin-top:24px}
.credito{font-size:13px;color:var(--suave);margin:6px 0 0}
.lista-cabecera{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.lista-cabecera h2{margin-bottom:0}
.fechas{display:flex;gap:10px;flex-wrap:wrap}
.fechas label{display:flex;flex-direction:column;font-size:13px;color:var(--suave)}
.fechas input{font:inherit;font-size:15px;padding:6px 8px;border:1px solid var(--linea);background:#fff;color:var(--tinta)}
.alojamientos{list-style:none;padding:0;margin:20px 0 0;border-top:1px solid var(--tinta)}
.aloj{display:grid;grid-template-columns:76px 1fr auto;gap:4px 16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linea)}
.aloj.activa{background:var(--resalte)}
.min{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:34px;line-height:1;font-variant-numeric:tabular-nums;text-align:right}
.min small{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;margin-left:2px}
.c-cerca{color:var(--cerca)}.c-medio{color:var(--medio)}.c-lejos{color:var(--lejos)}
.aloj-meta{margin:2px 0 0;font-size:14px;color:var(--suave)}
.nota-coche{color:var(--lejos)}
.aloj-acciones{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ver-ruta,.reservar{font:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--tinta);background:transparent;color:var(--tinta);cursor:pointer;text-decoration:none;white-space:nowrap}
.reservar{background:var(--tinta);color:var(--papel)}
.ver-ruta:hover{background:#fff}.reservar:hover{background:#000}
.servicios{list-style:none;padding:0;margin:12px 0 0;border-top:1px solid var(--tinta)}
.servicios li{display:grid;grid-template-columns:260px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--linea)}
.serv-tipo{font-weight:600}.serv-nombre{color:var(--suave)}.serv-min{font-variant-numeric:tabular-nums}
.datos{display:grid;grid-template-columns:140px 1fr;gap:6px 16px;margin:12px 0}
.datos dt{color:var(--suave)}.datos dd{margin:0}
details{border-bottom:1px solid var(--linea);padding:12px 0}
summary{cursor:pointer;font-weight:600}
details p{margin:8px 0 0;max-width:66ch}
.vecinos,.lista-lugares{list-style:none;padding:0;margin:8px 0}
.vecinos li,.lista-lugares li{padding:8px 0;border-bottom:1px solid var(--linea);display:flex;flex-direction:column}
.actualizado{margin-top:40px;font-size:14px;color:var(--suave)}
.rejilla{list-style:none;padding:0;columns:3 200px;column-gap:32px;margin-top:18px}
.rejilla li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--linea)}
.muni h2{font-size:21px;margin-top:32px}
.heroe{position:relative;background:#d3dcda}
.heroe-foto{display:block;width:100%;height:clamp(480px,46vw,640px);object-fit:cover;object-position:62% 60%}
.heroe-capa{position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,243,242,.92) 0%,rgba(241,243,242,.78) 38%,rgba(241,243,242,0) 62%)}
.heroe-texto{max-width:520px;padding-top:clamp(24px,5vw,56px)}
.heroe-texto h1{margin-top:0}
.heroe-texto .entrada{font-size:18px}
.buscador{margin-top:24px;position:relative;max-width:620px;z-index:2}
.resultados{position:absolute;left:0;right:0;box-shadow:0 8px 24px rgba(22,38,43,.18)}
.buscador label{display:block;font-weight:600;margin-bottom:6px}
.buscador input{width:100%;font:inherit;font-size:19px;padding:12px 14px;border:2px solid var(--tinta);background:#fff;color:var(--tinta)}
.resultados{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--linea);border-top:0}
.resultados:empty{display:none}
.resultados a{display:block;padding:10px 14px;text-decoration:none;color:var(--tinta);border-bottom:1px solid var(--linea)}
.resultados a:hover,.resultados a:focus{background:var(--resalte)}
.resultados small{color:var(--suave);display:block;font-size:14px}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.entrada-seccion{display:block;background:#fff;border:1px solid var(--linea);border-bottom:4px solid var(--tinta);color:var(--tinta);text-decoration:none;overflow:hidden}
.entrada-seccion img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}
.entrada-seccion div{padding:16px 20px 18px}
.entrada-seccion h2{margin:0 0 6px}.entrada-seccion p{margin:0;color:var(--suave)}
.entrada-seccion:hover{border-bottom-color:var(--cerca)}.entrada-seccion:hover img{transform:scale(1.03)}
.con-foto{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:48px}
.con-foto img{display:block;width:100%;height:auto}
.con-foto h2{margin-top:0}.con-foto p{margin:0}
.al-reves img{order:2}
.banda{display:block;width:100%;height:auto;aspect-ratio:16/6;object-fit:cover;margin:20px 0 8px}
.logo{flex:none}
.ficha-cabecera{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.ficha-dibujo{width:180px;height:auto;flex:none;margin-bottom:-4px}
.caja-fechas{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--linea);padding:14px 18px;margin:14px 0 0}
.caja-fechas p{margin:0 0 8px;font-size:15px}
.caja-fechas-dibujo{width:88px;height:auto;flex:none}
.icono{color:var(--cerca);flex:none}
.serv-tipo{display:flex;align-items:center;gap:8px}
.error{text-align:center;padding:24px 0}.error .entrada{margin:0 auto 20px}
.error-dibujo{width:min(300px,70vw);height:auto}
.boton{display:inline-block;margin:4px;padding:10px 16px;background:var(--tinta);color:var(--papel);text-decoration:none;border:1px solid var(--tinta)}
.boton.claro{background:transparent;color:var(--tinta)}
.como{max-width:66ch}
.pie{border-top:1px solid var(--linea);padding:24px 0 40px;font-size:14px;color:var(--suave)}
.pie a{color:var(--suave)}.pie-enlaces{display:flex;gap:16px;flex-wrap:wrap}
@media (max-width:640px){
 body{font-size:16px}
 #mapa{height:300px}
 .aloj{grid-template-columns:58px 1fr}
 .min{font-size:28px}
 .aloj-acciones{grid-column:1/-1;justify-content:flex-start}
 .servicios li{grid-template-columns:1fr auto}.serv-nombre{grid-column:1/-1;order:3}
 .datos{grid-template-columns:1fr}.datos dd{margin-bottom:8px}
 .dos{grid-template-columns:1fr}
 .heroe-foto{height:210px;object-position:78% 70%}
 .heroe-capa{position:static;background:var(--papel)}
 .heroe-texto{padding-top:18px}
 .con-foto{grid-template-columns:1fr;gap:14px}.al-reves img{order:0}
 .ficha-dibujo{width:110px}
 .caja-fechas{padding:12px}.caja-fechas-dibujo{width:60px;align-self:flex-start}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}