body {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    }
    /* Encabezados principales */

    .font-principal{
    font-size: 55px;
    line-height: 60px;
    font-weight: 600;
    }
    @media (max-width: 767.98px) {
    .font-principal {
    line-height: 50px;
    font-size: 45px;
    }
    }


    
    .font-titulos{
        font-size: 40px;
        line-height: 50px;
       
        }
        @media (max-width: 767.98px) {
            .font-titulos{
        font-size: 40px;
        line-height: 45px;
  
        }
        }
    


    
    .font-titular{
    font-size: 30px;
    }
    @media (max-width: 767.98px) {
    .font-titular {
    font-size: 25px;
    line-height: 50px;
    }
    }
    .font-subtitular{
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    }
    @media (max-width: 767.98px) {
    .font-subtitular {
        font-size: 17px;
        line-height: 24px;
        font-weight: 600;
    }
    }

    .font-puntos{
        font-size: 17px;
        line-height: 25px;
        font-weight: 600;
        }
        @media (max-width: 767.98px) {
        .font-puntos {
            font-size: 14px;
            line-height: 24px;
            font-weight: 600;
        }
        }



    .font-faqs {
        font-size: 20px;
    }
    
    @media (max-width: 767.98px) {
        .font-faqs {
            font-size: 17px; 
            line-height: 1.5; 
        }
    }
    
    .font-anuncio-big {
        font-size: 150px;
        line-height: 1;
    }
    
    @media (max-width: 767.98px) {
        .font-anuncio-big {
            font-size: 80px; /* Agrega la unidad de medida */
            line-height: 1;
        }
    }
    



    .font-secondary{
    font-size: 20px;
    }
    .font-normal{
    font-size: 16px;
    }
    .font-nano{
    font-size: 13px;
    }
    .font-65 {
    font-size: 85px;
    }
    .font-54 {
    font-size: 54px;
    }
    .font-40 {
    font-size: 40px;
    }
    .font-30 {
    font-size: 36px;
    }
    .font-24 {
    font-size: 24px;
    }
    .font-20 {
    font-size: 20px;
    }
    .font-18 {
    font-size: 18px;
    }

    .font-17 {
        font-size: 17px;
        }

    .font-14 {
    font-size: 14px;
    }
    .font-13 {
    font-size: 13px;
    }
    .weight-800{
    font-weight: 800;
    }
    .weight-600{
    font-weight: 600;
    }
    .weight-500{
    font-weight: 500;
    }
    .weight-400{
    font-weight: 400;
    }
    .weight-200{
    font-weight: 200;
    }
    .weight-100{
    font-weight: 100;
    }
    .spacing {
    line-height: 90px;
    letter-spacing: 1px;
    }
    .text-justified {
    text-align: left;
    }
    .text-justified-center {
    text-align: center;
    }
    @media (max-width: 767.98px) {
    .spacing {
    line-height: 80px;
    }
    }
    .font-italic {
    font-style: italic;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #00aeff;
    line-height: 35px;
    font-weight: 200;
    }
    .p-info {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }


    .title-gradient {
        background: -webkit-linear-gradient(top left, #0b1021, #185596);  
        background: linear-gradient(to bottom right, #091d33, #185596);   
        -webkit-background-clip: text; 
        background-clip: text;   
        -webkit-text-fill-color: transparent; 
        text-fill-color: transparent;       
      }
      


.text-justified {
    text-align: justify;
}


.texto-resaltado {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.texto-resaltado:hover {
    transform: scale(1.1);  
}






.info-index {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap; /* Evita que el texto se divida en pantallas grandes */
    line-height: 1.5; /* Agrega espacio entre líneas */
}

/* Estilos para tablets */
@media (max-width: 1024px) {
    .info-index {
        max-width: 700px;
    }
}

/* Estilos para celulares */
@media (max-width: 600px) {
    .info-index {
        max-width: 90%; /* Aumenta el ancho máximo para que el texto no se vea amontonado */
        padding-left: 10px;
        padding-right: 10px;
        white-space: normal; /* Permite que el texto se divida en líneas */
        text-align: center; /* Centra el texto */
        line-height: 1.7; /* Aumenta el espacio entre líneas para mejor legibilidad */
    }
}

/* Estilo adicional para pantallas pequeñas */
@media (max-width: 768px) {
    .info-index {
        max-width: 80%; /* Ajusta el ancho para pantallas más pequeñas */
        margin: 0 auto;
    }
}