/* Estilos para el contenedor principal */
    .search-header {
        width: 100%; 
        color: rgb(0,78,113);
        background: rgb(0,78,113);
        padding-top: 20px; 
        padding-bottom: 20px;
    }

    .img-logo-search{
        display: inline;
        max-width: 400px; 
        width:100%;
        height:auto;
    }

    .text-color-1{
        color: rgb(0, 173, 188);
    }

@media (max-width: 580px) {
    .search-bar{
        margin-top: 50px;
        width: 100%;
        height: 35%;
        background-color: rgb(255, 255, 255);
        display: flex;
        align-items: center;
        border-radius: 60px;
        padding: 30px 20px;
        transition: background-color 0.4s ease-out 100ms;
    }

    .search-bar:hover{
        background-color: rgb(255, 255, 255,0.6);
        border-radius: 30px;
    }

    .search-bar input{
        background: transparent;
        flex: 1;
        border: 0;
        outline: none;
        font-size: 20px;
    }


    .search-bar button{
        border: 0;
        background-color: transparent;
    }


}

@media (min-width: 580px) {
    .search-bar{
        margin-top: 50px;
        width: 100%;
        height: 35%;
        background-color: rgb(255, 255, 255);
        display: flex;
        align-items: center;
        border-radius: 60px;
        padding: 10px 20px;
        transition: background-color 0.4s ease-out 100ms;
    }

    .search-bar:hover{
        background-color: rgb(255, 255, 255,0.6);
        border-radius: 30px;
    }

    .search-bar input{
        background: transparent;
        flex: 1;
        border: 0;
        outline: none;
        padding: 24px 24px;
        font-size: 20px;
    }



    .search-bar button{
        border: 0;
        background-color: transparent;
    }
}