/* Rutas 30·60·90: tarjetas verticales y resultados en grilla. */
#rutas .rutas-vista{max-width:1160px}
#rutas .rutas-intro{margin:0 0 26px}
#rutas .rutas-intro .kicker{color:#397667;letter-spacing:.14em}
#rutas .rutas-intro h2{margin:9px 0 15px;font:400 clamp(35px,4.5vw,52px)/1.1 Georgia,serif;color:#0b2d3d}
#rutas .rutas-intro p{max-width:810px;margin:0;font:17px/1.6 Arial,sans-serif;color:#4b6269}
#rutas .rutas-intro strong{color:#0b2d3d}
#rutas .rutas-tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#rutas .rutas-tarjeta{position:relative;min-width:0;height:clamp(330px,38vw,455px);overflow:hidden;border:1px solid #d4e2dc;border-radius:18px;display:block;padding:0;text-align:left;background:#123e42;color:#fff;box-shadow:0 8px 22px #0b2d3d17;transition:transform .18s,box-shadow .18s}
#rutas .rutas-tarjeta:hover,#rutas .rutas-tarjeta:focus-visible{transform:translateY(-3px);box-shadow:0 14px 28px #0b2d3d2c}
#rutas .rutas-tarjeta:focus-visible,#rutas .rutas-tarjeta[aria-expanded="true"]{outline:3px solid #d59a37;outline-offset:2px}
#rutas .rutas-foto{position:absolute;inset:0;background-size:cover;background-position:center}
#rutas .rutas-card-texto{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:11px;padding:27px 23px;text-shadow:0 2px 10px #061f2fa0}
#rutas .rutas-card-texto strong{display:flex;align-items:baseline;gap:12px;font:400 clamp(65px,8vw,110px)/.9 Georgia,serif;color:#fff}
#rutas .rutas-card-texto strong small{font:800 12px/1 Arial,sans-serif;letter-spacing:.13em;color:#ffda94}
#rutas .rutas-bajada{font:400 clamp(18px,2vw,24px)/1.16 Georgia,serif;max-width:240px}
#rutas .rutas-card-texto em{align-self:flex-start;margin-top:5px;padding:11px 14px;border-radius:25px;background:#fffefa;color:#1c6568;text-shadow:none;font:700 13px Arial,sans-serif;font-style:normal}
#rutas .rutas-panel{margin:25px 0 0;scroll-margin-top:14px}
#rutas .rutas-panel:empty{display:none}
#rutas .rutas-panel:not(:empty){padding:clamp(19px,3vw,31px);background:#f6faf7;border:1px solid #d7e5dd;border-radius:17px}
#rutas .rutas-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 22px}
#rutas .rutas-panel-eyebrow{font:800 10px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#4a7969}
#rutas .rutas-panel-head h3{margin:7px 0;font:400 clamp(26px,3vw,37px)/1.12 Georgia,serif;color:#0b2d3d}
#rutas .rutas-panel-head p{margin:0;color:#54706b;font:15px/1.45 Arial,sans-serif}
#rutas .rutas-cerrar{flex-shrink:0;padding:10px 14px;border:1px solid #bdd1c8;border-radius:24px;background:#fff;color:#1b5e61;font:700 13px Arial,sans-serif}
#rutas .rutas-listado{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#rutas .rutas-lugar{display:flex;flex-direction:column;min-width:0;margin:0;padding:20px;border:1px solid #d9e5df;border-bottom:5px solid #d59a37;border-radius:13px;background:#fff}
#rutas .rutas-tiempo{color:#377367;font:800 11px/1.45 Arial,sans-serif}
#rutas .rutas-lugar h4{margin:10px 0 9px;font:400 23px/1.16 Georgia,serif;color:#0b2d3d}
#rutas .rutas-lugar p{margin:0 0 16px;color:#4f6670;font:14px/1.58 Arial,sans-serif}
#rutas .rutas-acciones{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
#rutas .rutas-acciones a{display:inline-flex;align-items:center;justify-content:center;padding:11px 13px;border:1px solid #c4d8ce;border-radius:22px;background:#f5f9f5;color:#185c60;text-align:center;font:700 12px/1.3 Arial,sans-serif}
#rutas .rutas-acciones a.rutas-ir{background:#185c60;border-color:#185c60;color:#fff}
#rutas .rutas-acciones a:hover,#rutas .rutas-acciones a:focus-visible{outline:2px solid #d59a37;outline-offset:2px}
#rutas .rutas-nota{max-width:960px;margin:25px 0 8px;color:#536b71;font:13px/1.55 Arial,sans-serif}
#rutas .rutas-creditos{max-width:960px;margin:0;color:#70817c;font:11px/1.55 Arial,sans-serif}
#rutas .rutas-creditos a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:740px){
 #rutas .rutas-intro{margin-bottom:18px}
 #rutas .rutas-intro p{font-size:15px}
 #rutas .rutas-tarjetas{gap:10px}
 #rutas .rutas-tarjeta{height:275px;border-radius:13px}
 #rutas .rutas-card-texto{padding:17px 10px 16px;gap:9px}
 #rutas .rutas-card-texto strong{display:block;font-size:clamp(43px,8vw,62px)}
 #rutas .rutas-card-texto strong small{display:block;font-size:9px;margin-top:6px}
 #rutas .rutas-bajada{font-size:15px}
 #rutas .rutas-card-texto em{font-size:11px;padding:8px 10px}
 #rutas .rutas-listado{grid-template-columns:1fr}
}
@media(max-width:430px){
 #rutas .rutas-tarjetas{grid-template-columns:1fr;gap:12px}
 #rutas .rutas-tarjeta{height:320px}
 #rutas .rutas-card-texto{padding:20px 22px 25px}
 #rutas .rutas-card-texto strong{font-size:90px}
 #rutas .rutas-card-texto strong small{display:inline;font-size:12px}
 #rutas .rutas-bajada{font-size:22px}
 #rutas .rutas-panel-head{flex-wrap:wrap}
 #rutas .rutas-lugar{padding:18px}
 #rutas .rutas-lugar h4{font-size:22px}
}


/* Fotografías de lugares: formato editorial, sin alterar la navegación. */
#rutas .rutas-lugar{padding:0;overflow:hidden}
#rutas .rutas-lugar-info{
 display:flex;flex:1;flex-direction:column;min-width:0;padding:20px;
}
#rutas .rutas-lugar-foto{
 width:100%;margin:0;overflow:hidden;background:#e2ebe6;
}
#rutas .rutas-lugar-foto img{
 width:100%;height:198px;display:block;object-fit:cover;object-position:center;
}
#rutas .rutas-lugar-foto figcaption{
 padding:6px 12px;background:#f5f8f5;color:#647a76;
 font:11px/1.4 Arial,sans-serif;
}
#rutas .rutas-lugar-foto figcaption a{
 color:#256b6e;text-decoration:underline;text-underline-offset:2px;
}
@media(max-width:740px){
 #rutas .rutas-lugar-info{padding:18px}
 #rutas .rutas-lugar-foto img{height:190px}
}