/* ===== GOTEI NETWORK: INICIO (se carga después de style.css) ===== */

.estado { background: #0b0b0b; border-bottom: 1px solid #1c1c1c; }
.estado dl { margin: 0; display: grid; grid-template-columns: 1.25fr .8fr 1.25fr; max-width: 980px; margin-inline: auto; }
.estado dl > div { min-width: 0; padding: 20px 14px; border-right: 1px solid #1c1c1c; }
.estado dl > div:first-child { padding-left: 20px; }
.estado dl > div:last-child { border-right: 0; }
.estado dt { margin: 0 0 8px; color: #a8a8a8; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }
.estado dd { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.estado dd small { color: #a8a8a8; font-size: 13px; font-weight: 400; }

.estado .punto { display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: #8a8a8a; vertical-align: middle; }
#stEstado[data-on="true"] { color: #8ee0a8; }
#stEstado[data-on="true"] .punto { background: #3ddc84; box-shadow: 0 0 10px rgba(61, 220, 132, .6); }
#stEstado[data-on="false"] { color: #ff9d97; }
#stEstado[data-on="false"] .punto { background: #e33b35; box-shadow: 0 0 10px rgba(227, 59, 53, .6); }

footer a { text-decoration: none; }
footer p a { text-decoration: underline; }

@media (min-width: 701px) {
  .estado dl > div { padding: 26px 24px; }
  .estado dd { font-size: 20px; }
}

@media (max-width: 340px) {
  .estado dd { font-size: 14px; }
  .estado dl > div { padding: 18px 10px; }
  .estado dl > div:first-child { padding-left: 14px; }
}