body {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

select {
  border: none; 
  outline: none; 
  background-color: white;
   color: rgb(0, 98, 122);
}
 

.form-contact{
    width: 85%; margin-left: 5%;
}
.text-area {          
    text-align: left;
    resize: none; /* Deshabilita la redimensión del textarea */
    background-color: transparent; /* Hace el fondo transparente */
    border: none; /* Elimina el borde */
    overflow: auto; /* Permite el desplazamiento si el contenido es más grande que el área visible */
    outline: none; /* Elimina el contorno al enfocar el textarea (puedes quitarlo si deseas un contorno visible al enfocar) */
    overflow: auto;
   color: white;
   font-size: 1.2em;
}

.custom-row {
    padding-top: 4px;
    padding-bottom: 4px;
}

.text-strong{
    font-weight: bold;
}

.link-text-2 {
    color: rgb(0, 173, 188);
    text-decoration: none;
}

.link-text-1 {
    color: rgb(0, 98, 122);
    text-decoration: none;
}

.text-color-1 {
    color:rgb(0, 78, 113);
    text-decoration: none;
}

.background-2{
    background-color: rgb(0,78,113);
}

.text-right-1{
    text-align: right;
}

.background-3{
    background-color: rgb(235,248,249);
}

.background-4{
    background-color: rgb(255, 255, 255);
}

.background-5{
    background-color: rgb(0, 173, 188);
}

.custom-form-control{ 

    display: block;
    width: 100%;
    padding: 0.7rem 0.7rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0, 173, 188);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   
}

.custom-top-40 {
    top: 40%;
}

.custom-top-50 {
    top: 50%;
}

.custom-left-50 {
    left: 50%;
}

.carrusel-item{
    padding: 2px; 
    width: 100%; 
    border: 1px solid rgb(179, 179, 179);
     border-radius: 15px;
}

/*tamaño minimo:*/
@media (max-width: 576px) {
/*contactos:*/
    .text-align-form{
        text-align: center;
    }
    .text-lg-right-sm-text-left{
        text-align: left;
    }

    

}

/*sale de tamaño minimo:*/
@media (min-width: 576px) {
/*contactos:*/
    .text-align-form{
        text-align: right;
    }

    .text-lg-right-sm-text-left{
        text-align: right;
    }

    .img_resposive{
        width: 50%;
        height: auto;
    }     

}



    /* Media query para pantallas pequeñas (≥576px) */
    @media (max-width: 768px) {
        .img-width-flud{
            width: 50%;
            height: auto;
        }
        .text-area-size{
            margin-top: 5%;
            height: 100px;
            width: 90%;
            font-size: 1em;
        }

        .img_resposive{
            width: 70%;
            height: auto;
        }        
  

    }





    /* Media query para pantallas medianas (≥768px) */
    @media (min-width: 768px) {
        .img-width-flud{
            width: 80%;
            height: auto;

        }
        .text-area-size{
            margin-top: 5%;
            height: 300px;
            width: 90%;
            font-size: 1em;
        }
        .img_resposive{
            width: 80%;
            height: auto;
        }        

      
    }

    /* Media query para pantallas grandes (≥992px) */
    @media (min-width: 992px) {
        .img-width-flud{
            width: 90%;
            height: auto;

        }

        .text-area-size{
            height: 450px;
            width: 450px;
            font-size: 1.1em;
        }

        .textarea-form-row{
            height: 80px;
          }
        
        .img_resposive{
            width: 90%;
            height: auto;
        }        


    }

    /* Media query para pantallas extra grandes (≥1200px) */
    @media (min-width: 1200px) {
        .img-width-flud{
            width: 100%;
            height: auto;
            font-size: 1.2em;
        }

        .text-area-size{
            height: 450px;
            width: 450px;
            font-size: 1.2em;
        }

        .textarea-form-row{
            height: 50px;
          }

        .img_resposive{
            width: 90%;
            height: auto;
        }        


    }