.oculto {
    /* Oculta el elemento */
    display: none !important;
}

.filtro-caja {
    /* Estilos para un contenedor de filtro */
    margin-bottom: 10px; /* Margen inferior de 10px */
    padding: 0 15px; /* Relleno de 0 arriba/abajo y 15 a los lados */
}

.entrada-filtro-caja {
    /* Estilos para la entrada de texto del filtro */
    width: 100%; /* Anchura del 100% del contenedor padre */
    outline: none; /* Sin contorno visible */
    padding: 8px 20px; /* Relleno de 8px arriba/abajo y 20px a los lados */
    border-radius: 6px; /* Borde redondeado de 6px */
    color: #fff; /* Color del texto blanco */
    font-size: 17px; /* Tamaño de fuente de 17px */
    border: 1px solid #777; /* Borde de 1px sólido de color gris */
    background-color: transparent; /* Fondo transparente */
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    /* Estilos para dispositivos con ancho de pantalla entre 0 y 767px */
    .iframe-contenedor iframe {
        height: 266px; /* Altura del iframe de 266px */
    }
}

.responsivo {
    /* Estilos para hacer que el elemento sea responsivo */
    width: 100%; /* Anchura del 100% */
    max-width: 800px; /* Máxima anchura de 800px */
    height: auto; /* Altura automática */
}


body {
    /* Color de fondo para el cuerpo de la página */
    background-color: #000000; /* Color de fondo negro */
}

/* Estilos para un botón */
.botón {
    box-shadow: 0px 10px 14px -7px #dfb108; /* Sombra */
    background: linear-gradient(to bottom, #dfb108 5%, #dfb108 100%); /* Degradado lineal */
    background-color: #dfb108; /* Color de fondo */
    border-radius: 8px; /* Borde redondeado de 8px */
    display: inline-block; /* Elemento en línea */
    cursor: pointer; /* Cambio de cursor al puntero */
    color: #000000; /* Color del texto */
    font-family: arial; /* Familia de fuentes Arial */
    font-size: 20px; /* Tamaño de fuente de 20px */
    font-weight: bold; /* Peso de fuente en negrita */
    padding: 1px 25px; /* Relleno de 1px arriba/abajo y 25px a los lados */
    text-decoration: none; /* Sin decoración de texto */
    text-shadow: 0px 1px 0px #3d768a; /* Sombra del texto */
}

/* Estilos para el cursor al pasar sobre el botón */
.botón:hover {
    background: linear-gradient(to bottom, #dfb108 5%, #dfb108 100%); /* Degradado lineal */
    background-color: #dfb108; /* Color de fondo */
}

/* Estilos para el botón al estar activo */
.botón:active {
    position: relative; /* Posicionamiento relativo */
    top: 1px; /* Desde arriba, 1px */
}