@media (min-width: 270px) {

    #presentacion {
        font-size:  15px;
        text-align: justify;
    }

    .titulo-web{
        font-family: 'Chelsea Market', cursive;
    }

    .Contenedor-LogoCoceplad{
        padding: 4px;
    }

    .LogoCoceplad{
            width: 200px;
            height: auto;
    }

    .Contenedor-isologo-inta {
        width: 200px;
        display: inline-block;  /* Asegura que el contenedor ocupe solo el espacio necesario */
        background-color: #fffdfd99;;  /* Color de fondo gris */
        padding: 5px;  /* Pequeño padding alrededor de la imagen */
        border-radius: 4px;  /* Opcional: un pequeño borde redondeado */
    }

    .isologoInta{
        width: 100%;  /* Asegura que la imagen ocupe todo el ancho del contenedor */
        height: auto;  /* Mantiene la proporción de la imagen */
        display: block;  /* Elimina el espacio en línea alrededor de la imagen */
    }

    .LogoCEPLAD {
        background-color:#9cc5a1e6;
        height: auto;
        padding: 5px;
        border-radius: 2px;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        margin-top: 10px;
    }

    .enlace-sin-subrayado {
        text-decoration: none; /* Elimina el subrayado del enlace */
        color: inherit; /* Usa el color del texto heredado */
    }
    
    .enlace-sin-subrayado:hover {
        text-decoration: none; /* Elimina el subrayado del enlace cuando se pasa el mouse */
        color: inherit; /* Mantiene el color del texto heredado */
    }

    .desarrollado{
            margin-top: 30px;
    }

    .row {
        --bs-gutter-x: 4.5rem;
    }

    .form-contacto {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px;
    }

    .cafecito {
        text-decoration: none; /* Remueve el subrayado del enlace */
      }
      
    .cafecito:hover {
    text-decoration: none; /* Asegura que tampoco se subraye al pasar el cursor */
    }
    
    .text-cafecito {
    text-decoration: none; /* Remueve el subrayado del texto del enlace */
    color: black; /* Mantiene el color del texto del enlace */
    }
    
    .text-cafecito:hover {
    text-decoration: none; /* Asegura que no haya subrayado al interactuar */
    }

    .chart-wrapper {
        position: relative;
        height: 300px;
        width: 100%;
      }

}

@media (min-width: 641px) {

    #presentacion {
        font-size:  23px;
    }

    .chart-wrapper {
        height: 400px;
      }

}