@media only screen and (min-width: 2560px) and (max-width: 3840px) {

.search-input-box input {
    width: 64vw;
    
}
.search-input-box {
    width: 64vw;
    right: 17vw;
 }

 }

@media only screen and (min-width: 1920px) and (max-width: 2559px) {


}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
.search-input-box input {
    width: 64vw;
    
}
.search-input-box {
    width: 64vw;
    right: 4vw;
 }

}



 @media only screen and (min-width: 1319px) and (max-width: 1439px) {

 }



 @media only screen and (min-width: 1280px) and (max-width: 1318px) {
.seccion1 .frase{
    font-size: 5vh;
    }
.search-input-box input {
    width: 55vw;
    
}
.search-input-box {
 }
 }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.seccion1 .frase{
    font-size: 5vh;
    }
.search-input-box input {
    width: 55vw;
    
}
.search-input-box {
 }

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

.logo {
    left: 83vw; 
}
.search-input-box input {
    width: 66vw;
    
}
}


@media only screen and (min-width: 425px) and (max-width: 767px) {
   
.seccion1 .frase{
    padding-top: 50px;
}

.footer-center img {
 padding-right: 2px;
 transform: scale(3.5);
}

.row{
    padding-left: 25px;
}

.logo {
    top: 30vw; 
}

.search-input-box input {
    width: 65vw;
     font-size: 5vw
}

.boton-detalles {
    opacity: 0; /* Inicialmente oculto */
    position: absolute; /* Posición absoluta para centrar */
    top: 0; /* Extender desde la parte superior */
    left: 0; /* Extender desde la parte izquierda */
    width: 100%; /* Cubrir todo el ancho de la tarjeta */
    height: 100%; /* Cubrir todo el alto de la tarjeta */
    display: flex; /* Para centrar verticalmente */
    justify-content: center; /* Para centrar verticalmente */
    align-items: center; /* Para centrar horizontalmente */
    color: white; /* Color del texto */
    font-size: 2.1vw;
    font-weight: 300;
    border-radius: 5px; /* Bordes redondeados */
    text-align: center; /* Texto centrado */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Sombra en degradado */
    transition: opacity 0.3s ease; /* Transición suave */
    background: linear-gradient(to bottom, rgba(107, 142, 35, 0.7), rgba(107, 142, 35, 0.5), rgba(107, 142, 35, 0.7));
    text-decoration: none; /* Eliminar el subrayado */

}


.card:hover .boton-detalles {
    opacity: 1; /* Mostrar al pasar el mouse */
}


.titulo-especifico {
    font-size: 2rem !important;
 white-space: normal;
}
}


 @media only screen and (min-width: 375px) and (max-width: 424px) {

.row{
    padding-left: 25px;
}

.seccion1 .frase{
    font-size: 5.5vh;
    padding: 15px;
    padding-top: 50px;
}

.footer-center img {
 padding-right: 2px;
 transform: scale(3.7);
}

.footer-left {
    line-height: 1.3;
}

.logo {
    top: 40vw; 
}

.search-input-box input {
    width: 65vw;
     font-size: 5vw
}

.boton-detalles {
    opacity: 0; /* Inicialmente oculto */
    position: absolute; /* Posición absoluta para centrar */
    top: 0; /* Extender desde la parte superior */
    left: 0; /* Extender desde la parte izquierda */
    width: 100%; /* Cubrir todo el ancho de la tarjeta */
    height: 100%; /* Cubrir todo el alto de la tarjeta */
    display: flex; /* Para centrar verticalmente */
    justify-content: center; /* Para centrar verticalmente */
    align-items: center; /* Para centrar horizontalmente */
    color: white; /* Color del texto */
    font-size: 2.1vw;
    font-weight: 300;
    border-radius: 5px; /* Bordes redondeados */
    text-align: center; /* Texto centrado */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Sombra en degradado */
    transition: opacity 0.3s ease; /* Transición suave */
    background: linear-gradient(to bottom, rgba(107, 142, 35, 0.7), rgba(107, 142, 35, 0.5), rgba(107, 142, 35, 0.7));
    text-decoration: none; /* Eliminar el subrayado */

}


.card:hover .boton-detalles {
    opacity: 1; /* Mostrar al pasar el mouse */
}


.titulo-especifico {
    font-size: 2rem !important;
 white-space: normal;
}

 }


 @media only screen and (min-width: 320px) and (max-width: 374px) {



.seccion1 .frase{
    font-size: 5.5vh;
    padding: 15px;
    padding-top: 50px;
}

.card{
    width: 100%;
    transform: scale(0.88);
}

.footer-center img {
 padding-right: 2px;
 transform: scale(4.5);
}

.boton-detalles {
    opacity: 0; /* Inicialmente oculto */
    position: absolute; /* Posición absoluta para centrar */
    top: 0; /* Extender desde la parte superior */
    left: 0; /* Extender desde la parte izquierda */
    width: 100%; /* Cubrir todo el ancho de la tarjeta */
    height: 100%; /* Cubrir todo el alto de la tarjeta */
    display: flex; /* Para centrar verticalmente */
    justify-content: center; /* Para centrar verticalmente */
    align-items: center; /* Para centrar horizontalmente */
    color: white; /* Color del texto */
    font-size: 2.1vw;
    font-weight: 300;
    border-radius: 5px; /* Bordes redondeados */
    text-align: center; /* Texto centrado */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Sombra en degradado */
    transition: opacity 0.3s ease; /* Transición suave */
    background: linear-gradient(to bottom, rgba(107, 142, 35, 0.7), rgba(107, 142, 35, 0.5), rgba(107, 142, 35, 0.7));
    text-decoration: none; /* Eliminar el subrayado */

}


.card:hover .boton-detalles {
    opacity: 1; /* Mostrar al pasar el mouse */
}


.titulo-especifico {
    font-size: 2rem !important;
 white-space: normal;
}

.logo {
    top: 40vw; 
}


.search-input-box input {
    width: 75vw;
     font-size: 5vw
}
}