/* Footer · badge «Disponible en ChatGPT» y ajustes de la columna Síguenos.
   Antes iba en un <style> inline repetido en cada página (bajaba la ratio texto/código). */
.footer-chatgpt { width: 120px; margin: 22px auto 0; }
/* Centra los títulos de la columna "Síguenos" como en la web principal (iconos y badges ya van centrados) */
footer .socials-column .footer-title { text-align: center !important; }
footer .socials-column .footer-social { margin-left: auto !important; margin-right: auto !important; }
/* Aprieta el hueco entre "Descarga PuntoSeguro Fit" y los badges de tienda */
footer .socials-column .footer-title.last-child { margin: 28px 0 0 !important; }
footer .socials-column .footer-download { padding-top: 0 !important; }
.footer-chatgpt .badge-chatgpt { box-sizing: border-box; display: flex !important; align-items: center; gap: 6px; width: 120px !important; height: 36px !important; min-height: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 8px !important; background: #000; border: 1px solid #a6a6a6; border-radius: 5px; color: #fff; text-decoration: none; line-height: 1 !important; transition: border-color .2s ease, background-color .2s ease; }
.footer-chatgpt .badge-chatgpt:hover, .footer-chatgpt .badge-chatgpt:focus-visible { border-color: #fff; background: #111; color: #fff; outline: none; }
.footer-chatgpt .badge-chatgpt img { display: block; width: 20px !important; height: 20px !important; flex: 0 0 20px; margin: 0 !important; }
.footer-chatgpt .badge-chatgpt-text { display: flex; flex-direction: column; gap: 2px; text-align: left; white-space: nowrap; }
.footer-chatgpt .badge-chatgpt-text small { font-size: 7.5px; font-weight: 400; letter-spacing: .02em; line-height: 1; text-transform: uppercase; }
.footer-chatgpt .badge-chatgpt-text strong { font-size: 15px; font-weight: 700; line-height: 1; }