/* Estilos del buscador */
.search-container {
    margin-top: 20px;
    /* Espacio entre el título y el buscador */
    width: 100%;
    max-width: 600px;
    /* Ancho máximo del buscador */
    margin-left: auto;
    margin-right: auto;
}

.search-container input {
    width: 100%;
    padding: 10px;
    font-size: 1em;
    border: 2px solid #2B6BBB;
    /* Borde celeste */
    border-radius: 5px;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-container input:focus {
    border-color: #FFC451;
    /* Borde amarillo al enfocar */
}

/* Estilos para tarjetas ocultas */
.icon-box.hide {
    display: none;
}