


@media only screen and (max-width: 1250px){

   
    .textos-one {
        width: 50%;
        margin-top: 10px;
        color: white;
        font-weight: lighter;
    }
    


    #encabezado h1{
        font-size: 16px;
    }
    
    #encabezado p{
        font-weight: normal;
        font-size: 8px;
    }

    .simulador h2{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .urles {
        color: white;
    }

    /* PERGAMINO */
  
    .pergamino-contenedor {
        background-image: url(../img/PERGAMINO.png);
        background-size: cover; /* Ajusta el tamaño de la imagen para cubrir todo el contenedor */
        background-position: center; /* Centra la imagen en el contenedor */
        height: auto; /* Ajusta la altura automáticamente según el contenido */
        margin: 0;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
        padding: 10px; /* Añadir espacio interno */
    }
    
    .pergamino-contenedor h1 {
        padding: 20px; /* Reducir el espacio alrededor del título */
        margin-top: 20px; /* Ajustar el margen superior */
        font-size: 24px; /* Reducir el tamaño del título */
    }
    
    .pergamino-contenedor p {
        padding: 20px; /* Añadir espacio interno */
        margin: 0 auto; /* Centrar horizontalmente */
        width: 90%; /* Establecer el ancho al 90% del contenedor */
        font-size: 16px; /* Reducir el tamaño del texto */
    }
    
    
    /* FFIN PERGAMINO */


    /* VISION  Y MISION*/
    .vision-mision-contenedor {
        width: 90%; /* Reducir el ancho para adaptarse mejor a pantallas más pequeñas */
        height: auto; /* Ajustar la altura automáticamente según el contenido */
        display: flex;
        flex-direction: column; /* Cambiar la dirección del flujo a vertical para dispositivos móviles */
        justify-content: center; /* Centrar verticalmente los elementos */
        align-items: center; /* Centrar horizontalmente los elementos */
        margin: 50px auto; /* Ajustar los márgenes */
    }
    
    .vi-mi-text {
        padding: 20px;
        width: 90%; /* Ajustar el ancho para que ocupe el 90% del contenedor */
        text-align: center; /* Centrar el texto horizontalmente */
        color: #000000;
        border: 1px solid #ccc;
        margin-bottom: 20px; /* Añadir espacio inferior */
    }
    
    .vi-mi-text p {
        margin-top: 20px; /* Añadir espacio superior */
        font-family: "Roboto Slab", serif;
        font-size: 14px;
    }
    
    .vi-mi-img {
        width: 90%; /* Ajustar el ancho para que ocupe el 90% del contenedor */
        max-width: 500px; /* Limitar el ancho máximo de la imagen */
        height: auto; /* Mantener la proporción de la imagen */
        display: flex;
        justify-content: center; /* Centrar horizontalmente la imagen */
        align-items: center; /* Centrar verticalmente la imagen */
        border-radius: 20px;
    }
    
    .vi-mi-img img {
        width: 100%; /* Ajustar el ancho de la imagen al 100% del contenedor */
        height: 100%; /* Ajustar la altura de la imagen al 100% del contenedor */
        object-fit: contain; /* Ajustar esta propiedad según tus necesidades (cover, contain, etc.) */
        margin: 0;
    }
    /* FIN VISION Y MISION*/ 
}

@media only screen and (min-width: 601px) and (max-width: 1250px) {

  

    .urles a{
        color: white;
    }
}


@media only screen and (min-width: 0px) and (max-width: 600px) {


    .textos-one p{
        font-size: 0px;
    }
}
