/* cancun100-theme/assets/css/pie.css · archivo de A (REPARTO 21-oct 12:55): el pie «Lo que dicen de nosotros» + pagos.
   inc/head.php de B lo enlaza en el <head> de todas las páginas, después de tarjeta-2.css, solo si existe (B, 5b2611d).
   Nada del pie en style.css (apaga el crítico de la home) ni en <style> del cuerpo (CLS y revisar-componentes). */

/* =============================================================================
   PIE-Y-CONTACTO-21-OCT §1 (Marco 11:28, Plan A de sellos-vivos/footer-ab.html): «Lo que dicen de nosotros» + pagos.
   Un solo espacio vertical (--c100-pie-gap) entre la etiqueta, la línea de reseñas, los enlaces y la fila de pagos. Reseñas en
   UNA línea: [G] ★ 4.8 · N opiniones | [TripAdvisor] Déjanos la tuya, cajitas de 52×29 (20 % menos que las de pago) con el logo
   al 70 % del alto. Pagos (con C100_PIE_PAGOS_CAJAS): 7 cajitas idénticas 64×36, borde 1 px, radio 7, fondo tarjeta, logo centrado
   al 70 % del alto en el gris único, gap 10, fila centrada; en el teléfono parte en 4 + 3 sola. Escritorio y teléfono igual.
   ========================================================================== */
:root { --c100-pie-gap: 14px; }
.pie .pso { gap: var(--c100-pie-gap); padding-bottom: var(--c100-pie-gap); }
.pie .pso__fila { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 18px; }
.pie .pso__fila > li { display: flex; align-items: center; }
.pie .pso__fila > li + li::before { content: ""; display: block; width: 1px; height: 18px; margin-right: 18px; background: var(--rl); }
.pie .pso__sello { min-height: 44px; gap: 10px; }
.pie .pso__sello .pso__logo { box-sizing: border-box; width: 52px; height: 29px; max-width: none; padding: 4px 8px; border: 1px solid var(--rl); border-radius: 6px; background: var(--s); object-fit: contain; }
.pie .pso__btns { margin: 0; }
.pie .pie__pay--logos { margin-top: 0; padding-bottom: var(--c100-pie-gap); }
.pie .pie__pay--cajas { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: none; padding-inline: 0; }
.pie .pie__pay--cajas > li { display: grid; place-items: center; width: 64px; height: 36px; box-sizing: border-box; border: 1px solid var(--rl); border-radius: 7px; background: var(--s); }
.pie .pie__pay--cajas > li > svg, .pie .pie__pay--cajas > li[data-logo] > svg { width: auto; height: 25px; max-width: 52px; }   /* 70 % de 36; los anchos (Visa, G Pay) los limita el ancho */