/* destination.css — específico de valle-sagrado.html · requiere base.css */
.dh{position:relative;height:340px;border-radius:0 0 20px 20px;overflow:hidden}
.dh .photo{position:absolute;inset:0}
.dh .wrap{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:28px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.dh h1{font-size:46px}
.dh p{font-size:17px}
.facts{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--border)}
.att{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.at{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.at .photo{aspect-ratio:4/3}.at .b{padding:12px 14px}
.at b{display:block;font-size:16px}.at small{color:var(--muted);font-size:13px}
.at .n{font-size:12px;color:var(--primary);font-weight:700;margin-top:6px;display:block}
.bars2{display:grid;gap:8px;margin-top:14px}
.bars2 div{display:grid;grid-template-columns:130px 1fr 64px;gap:12px;align-items:center;font-size:14px}
.bars2 i{height:22px;border-radius:5px;background:var(--slate);display:block}
.bars2 i.hi{background:var(--cta);opacity:1}
.bars2 i.cu{background:repeating-linear-gradient(45deg,var(--border),var(--border) 4px,#fff 4px,#fff 8px);border:1px dashed var(--muted)}
.bars2 span{text-align:right;color:var(--muted)}
.info{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.dh{height:260px}.dh h1{font-size:28px}.att,.info{grid-template-columns:1fr 1fr}.bars2 div{grid-template-columns:90px 1fr 56px}}
/* alemán: palabras compuestas largas; una columna en móvil estrecho */
@media (max-width:460px){.att,.info{grid-template-columns:1fr}}