/*
Theme Name: Escape Explorer
Template: astra
Author: Víctor Senovilla
Version: 1.0
*/
@import url("../astra/style.css");

/* Definir el estilo para la clase 'green' (disponible) */
.green {
    color: green;
    font-weight: bold;
}

/* Definir el estilo para la clase 'red' (ocupado) */
.red {
    color: red;
   
}
.yellow{
    color:yellow;
    font-weight: bold;
}

.escape-room-item {
    margin-bottom: 20px;
    /* Permite flexibilidad para que las columnas de Elementor se manejen correctamente */
    width: 100%; /* Esto permitirá que Elementor controle el ancho de la columna */
}

.escape-room-card {
    padding: 20px;
    background-size: cover;
    background-position: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    /* Color de texto blanco cuando hay imagen de fondo */
    color: #fff; /* Ajusta el color de texto a blanco */
    text-shadow: 1px 1px 2px #000;
    /* Asegura que se ajuste la altura de las tarjetas de escape room */
    height: 100%; /* Asegura que las tarjetas tengan la misma altura */
}

.escape-room-card a {
    color: inherit;
    text-decoration: none;
}

.escape-room-card a:hover {
    text-decoration: underline;
}

.category-aventura {
    background-color: #4CAF50; /* Verde */
    color: white;
}

.category-tension {
    background-color: #FF9800; /* Naranja */
    color: white;
}

.category-miedo {
    background-color: #F44336; /* Rojo */
    color: white;
}

.category-extreme {
    background-color: #9C27B0; /* Púrpura */
    color: white;
}

.category-hall-escape {
    background-color: #3F51B5; /* Azul */
    color: white;
}

.category-online {
    background-color: #FFEB3B; /* Amarillo */
    color: white;
}

.category-con-actores {
    background-color: #795548; /* Marrón */
    color: white;
}

.category-infantil {
    background-color: #9E9E9E; /* Gris */
    color: white;
}

.category-terror-psicologico {
    background-color: #009688; /* Turquesa */
    color: white;
}

.category-terror-fisico {
    background-color: #673AB7; /* Violeta */
    color: white;
}
.categoria-acf, .premios-text {
    margin: 3px;
    padding: 3px;
    border-radius: 10px;
}

.premios-dorado {
    background-color: gold;
    color: white;
}

.premios-plata {
    background-color: silver;
    color: white;
}

.premios-bronce {
    background-color: #cd7f32; /* Bronce */
    color: white;
}

.premios-gris {
    background-color: grey;
    color: white;
}

.premios-text span {
    padding: 4px 8px;
    margin: 2px;
    border-radius: 4px;
    display: inline-block;
}

/* Estilos para el widget de Con Actores */
.con-actores-text {
    /* Personaliza los estilos aquí según tus necesidades */
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #0073e6; /* Color de fondo, puedes cambiarlo según tus preferencias */
    font-weight: bold;
}

/* Estilos opcionales para el widget */
.imagen-empresa img {
    display: block;
    max-width: 100%;
}

#disponibilidad-loop-widget ul, .disponibilidad-widget ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}

#disponibilidad-loop-widget li, .disponibilidad-widget li{
    list-style: none;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}

#disponibilidad-loop-widget li.green, .disponibilidad-widget li.green{
    background-color: green;
}

#disponibilidad-loop-widget li.red, .disponibilidad-widget li.red {
    background-color: red;
}

#disponibilidad-loop-widget li.yellow, .disponibilidad-widget li.yellow{
    background-color: yellow;
    color: black; /* Mejor contraste para el texto */
}

input#availability_date {
    width: 75%;
    margin-bottom: 20px;
    text-align: center;
    color: #FFF;
    font-family: "Hind", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    margin: 0;
}
#disponibilidad-form button{
    margin: 30px;
}