/* ==========================================================
   Banner secundario "Convenios y cobertura" (cementerios y parques)
   Franja angosta y discreta, justo antes del pie de página.
   Responsive: 1 tarjeta (<480px) · 2 (>=480) · 3 (>=768) · 4 (>=1024).
   Usa las variables del sitio (--card, --ink, --mut, --line, --acc, --acc2, --gt, --on),
   por eso se adapta solo al modo claro/oscuro.
   ========================================================== */
.fv-al{--gap:12px;--pv:1;padding:14px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(201,162,39,.09),rgba(201,162,39,.03))}
.fv-al__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.fv-al__tit{margin:0;font-size:.72rem;line-height:1.35;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.fv-al__tit b{color:var(--gt);font-weight:700}
.fv-al__tit span{display:inline-block;margin-left:6px}
.fv-al__ctl{display:flex;gap:6px;flex:none}
.fv-al__b{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;
  background:var(--card);color:var(--ink);font-size:.8rem;line-height:1;cursor:pointer}
.fv-al__b:hover{border-color:var(--acc2)}
.fv-al__b:focus-visible,.fv-al__track:focus-visible,.fv-al__cta:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}

/* Pista: se desliza con el dedo/trackpad (scroll nativo) y el JS la avanza sola */
.fv-al__track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;transition:opacity .25s ease}
.fv-al__track::-webkit-scrollbar{display:none}
.fv-al.is-fade .fv-al__track{opacity:0}

.fv-al__card{flex:0 0 calc((100% - (var(--pv) - 1) * var(--gap)) / var(--pv));min-width:0;scroll-snap-align:start;
  display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.fv-al__logo{height:26px;width:auto;max-width:100%;object-fit:contain;object-position:left center;margin-bottom:2px}
.fv-al__tag{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.fv-al__tag--v{background:rgba(201,162,39,.2);color:var(--gt)}
.fv-al__tag--rm{background:var(--acc);color:var(--on)}
.fv-al__name{margin:2px 0 0;font-size:.9rem;line-height:1.25;font-weight:700;color:var(--ink);min-height:2.5em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fv-al__loc{margin:0 0 6px;font-size:.76rem;line-height:1.3;color:var(--mut)}
.fv-al__cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid var(--acc);
  border-radius:8px;background:var(--acc);color:var(--on);font-size:.76rem;font-weight:700;text-decoration:none}
.fv-al__cta:hover{border-color:var(--acc2)}
.fv-al__cta svg{width:14px;height:14px;fill:currentColor;flex:none}

/* Tarjeta con foto de fondo: texto claro sobre degradado oscuro (legible en modo claro y oscuro) */
.fv-al__card--foto{background-size:cover;background-position:center;border-color:rgba(201,162,39,.45);min-height:190px;color:#fff}
.fv-al__card--foto .fv-al__name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.fv-al__card--foto .fv-al__loc{color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.fv-al__card--foto .fv-al__tag--v{background:#c9a227;color:#111}
.fv-al__card--foto .fv-al__tag--rm{background:#fff;color:#111}
.fv-al__srv{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.fv-al__srv li{padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:600;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35)}
@media (min-width:480px){.fv-al{--pv:2}}
@media (min-width:768px){.fv-al{--pv:3}}
@media (min-width:1024px){.fv-al{--pv:4}}
@media (max-width:420px){.fv-al__tit span{display:block;margin:2px 0 0;font-size:.6rem;letter-spacing:.02em}}
@media (prefers-reduced-motion:reduce){.fv-al__track{transition:none}}
@media print{.fv-al{display:none}}
