/* Estilos base compartidos por todas las páginas */
body { margin: 0; background: #FFFFFF; }
a { color: #1F5C9E; }
a:hover { color: #0D2B4E; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #5B9BD5; outline-offset: 3px;
}

/* Redes sociales (pie de página y Contacto) */
.redes { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
.redes a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #DCE6F2; text-decoration: none; font-weight: 500; }
.redes a:hover { color: #FFFFFF; text-decoration: underline; }
.redes svg { flex: none; }
.redes-claro a { color: #1F5C9E; }
.redes-claro a:hover { color: #0D2B4E; }

/* Aviso de cookies (solo aparece si hay etiquetas de analítica configuradas en assets/js/analitica.js) */
.aah-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 50; max-width: 720px; margin: 0 auto;
  background: #0D2B4E; color: #DCE6F2; border-radius: 20px; padding: 18px 22px; box-shadow: 0 18px 40px rgba(13, 43, 78, 0.28);
  display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; font: 15px/1.5 'Figtree', system-ui, sans-serif; }
.aah-consent p { margin: 0; flex: 1 1 320px; }
.aah-consent a { color: #FFFFFF; }
.aah-consent button { font: inherit; font-weight: 600; border-radius: 999px; padding: 10px 20px; min-height: 44px; cursor: pointer; }
.aah-consent .si { background: #FFFFFF; color: #0D2B4E; border: 0; }
.aah-consent .no { background: transparent; color: #FFFFFF; border: 2px solid #FFFFFF; }

/* Footer meta: social row under legal, left-aligned with Política; stack cleanly on small screens */
@media (max-width: 720px) {
  .footer-meta { flex-direction: column !important; align-items: flex-start !important; }
  .footer-meta-right { margin-left: 0 !important; width: 100%; align-items: flex-start !important; }
}

/* Update 7: main nav Simulador web + Pronto */
.nav-principal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 22px;
  font-size: 16px;
  font-weight: 500;
}
.nav-pronto-pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: #FFF4E5;
  color: #8A4B00;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #F0D4A8;
  line-height: 1.2;
  vertical-align: middle;
}
@media (max-width: 1100px) {
  .nav-principal-links { gap: 4px 14px; font-size: 15px; }
}
@media (max-width: 920px) {
  .nav-principal-links { gap: 6px 12px; font-size: 15px; }
}
@media (max-width: 640px) {
  .nav-principal-links { gap: 4px 10px; width: 100%; }
  .nav-principal-links > a { padding-top: 8px; padding-bottom: 8px; }
}