/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 17 2026 | 16:46:11 */
/* Contenedor Principal (La tarjeta) */
#estado-restaurante {
  display: flex;
  flex-direction: column; /* Todo se apila verticalmente: Header arriba, Horario abajo */
  align-items: center;    /* Centramos todo al medio */
  justify-content: center;
  gap: 4px;               /* Espacio entre la línea de arriba y el horario */
  
  /* Tus estilos decorativos se quedan igual */
  padding: 12px 22px;
  border-radius: 22px;
  width: fit-content;
  margin: 14px auto;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.2);
}

/* 📦 CAJITA NUEVA (Fila Superior) */
.estado-header {
  display: flex;          
  flex-direction: row;    /* Punto y Texto lado a lado */
  align-items: center;    /* Centrados verticalmente entre ellos */
  gap: 10px;              /* Espacio entre el punto y el texto */
}

/* Estilos individuales (se mantienen casi igual) */
.estado-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  animation: pulse 1.4s infinite;
  /* Ya no necesitas márgenes raros aquí */
}

.estado-texto {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  letter-spacing: 1px;
  font-size: 25px;
  line-height: 1;
}

.estado-horario {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  opacity: 0.85;
  font-weight: 500;
  margin-top: 2px;
}

/* Colores (igual que tenías) */
.estado.cerrado {
  background: rgba(200, 40, 40, 0.15);
  color: #ff5c5c;
}
.estado.cerrado .estado-dot {
  background: #ff5c5c;
}

/* 🟢 ESTADO ABIERTO */
.estado.abierto {
  background: rgba(0, 180, 90, 0.15);
  color: #1aff9c;
}

.estado.abierto .estado-dot {
  background: #098F2D;
}

.estado.abierto .estado-texto {
  color: #098F2D;
}

.estado.abierto .estado-horario {
  color: rgba(9, 143, 45, 0.85);
}