/* Nuevo diseno de agenda para /agenda/semana, /agenda/finde y /agenda/julio */

.at-wrap { clear: both; }

.at-block { margin: 0 0 28px 0; }
.at-block-titulo { color: #4D4D4D; font-size: 20px; font-weight: bold; padding: 0 0 10px 0; border-bottom: 2px solid #E65B00; display: inline-block; }
.at-block-ofertas .at-block-titulo { border-bottom-color: #999; }

.at-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin-top: 12px; }
.at-grid-ofertas { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }

.at-card { display: block; background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .15s ease, transform .15s ease; }
.at-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.15); transform: translateY(-2px); text-decoration: none; }

.at-card-img { position: relative; aspect-ratio: 16 / 10; background: #eee; }
.at-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.at-badge { position: absolute; font-size: 11px; font-weight: bold; padding: 2px 7px; border-radius: 10px; background: rgba(0,0,0,.65); color: #fff; }
.at-badge-pob { bottom: 6px; left: 6px; background: #1565C0; }
.at-badge-hoy { top: 6px; left: 6px; background: #E65B00; }

.at-card-body { padding: 8px 10px 10px 10px; display: flex; flex-direction: column; gap: 2px; }
.at-cuando { font-size: 11px; font-weight: bold; color: #E65B00; text-transform: uppercase; }
.at-titulo { font-size: 14px; line-height: 1.25; color: #333; }
.at-lugar { font-size: 12px; color: #777; }
.at-cat { font-size: 11px; color: #999; }

@media (max-width: 767px) {
    .at-grid { gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .at-grid-ofertas { grid-template-columns: repeat(2, 1fr); }
}