/* =========================================================
   ASTEQ – style.css (v4)
   Ajuste: azul más oscuro + hover más evidente
   ========================================================= */

:root{
  /* Azul más oscuro para mejor contraste */
  --asteq-accent: #1F5F8F;        /* más profundo */
  --asteq-accent-hover: #17496D;  /* aún más oscuro */
  --asteq-accent-light: #2C7FB8;  /* para hover de menú */
  --asteq-text: #222;
  --asteq-muted: #666;
}

body { font-family: Arial, Helvetica, sans-serif; color: var(--asteq-text); }

/* Contenedor alineado */
.w3-content {
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Títulos */
h1, h2 { text-align: center; }

h1 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 24px;
}
h1:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 90px;
  height: 3px;
  transform: translateX(-50%);
  background: var(--asteq-accent);
  border-radius: 2px;
}

h2 { color: var(--asteq-accent); }

/* Topbar */
.topbar-asteq,
.topbar-asteq-mobile {
  background-color: #111;
  border-bottom: 1px solid #222;
}

.topbar-inner{
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.topbar-asteq a,
.topbar-asteq-mobile a {
  color: #fff !important;
  text-decoration: none !important;
}

.topbar-asteq a:hover,
.topbar-asteq-mobile a:hover {
  background-color: var(--asteq-accent-light) !important;
  color: #fff !important;
}

/* Botones */
.w3-button.w3-dark-grey {
  background-color: var(--asteq-accent) !important;
  color: #fff !important;
  border: 1px solid var(--asteq-accent) !important;
}

.w3-button.w3-dark-grey:hover {
  background-color: var(--asteq-accent-hover) !important;
  color: #fff !important;
}

/* Secundario */
.w3-button.w3-border:hover {
  background-color: #f2f2f2 !important;
  color: #111 !important;
}

/* Links */
.w3-content a {
  color: var(--asteq-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.w3-content a:hover {
  color: var(--asteq-accent-hover);
}

/* Listas */
.w3-ul li {
  position: relative;
  padding-left: 18px !important;
}
.w3-ul li::before {
  content: "•";
  position: absolute;
  left: 6px;
  top: 0;
  color: var(--asteq-muted);
}

/* Footer */
.footer-asteq {
  background-color: #f2f2f2 !important;
  border-top: 1px solid #e0e0e0;
}

/* Responsive */
@media (max-width: 900px) {
  .w3-content { padding-left: 16px; padding-right: 16px; }
  .topbar-inner { padding-left: 16px; padding-right: 16px; }
}