h4,p{
    cursor: default;
}

p{
    text-align: justify;
}

.descarga-manual {
    background-color: #d82c20;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    margin-left: 5px;
}
.descarga-manual:hover {
    background-color: #b8241a;
}

/* Ajuste para todos los títulos h4 */
h4 {
    position: relative;
    color: rgb(2, 2, 28);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: default;
    display: block; /* Cambiado a block para que ocupe el ancho completo */
    width: 100%; /* Asegurar que ocupe el ancho completo */
}


h4::after {
    content: '';
    position: absolute;
    left: 3%; /* Posicionar desde el centro del título */
    transform: translateX(-50%); /* Desplazar a la izquierda la mitad del ancho de la línea */
    bottom: -5px;
    width: 60px;
    height: 4px;
    background-color: #ff9102; /* Color base para todas las líneas */
}


.acerca_de_nosotros h4::after {
    bottom: -4px;
    background-color: #ff9102; 
}

.vision h4::after {
    background-color: #1a2a6c;
}

.mision h4::after {
    background-color: #b31515; 
}


.conteiner_principal{
    width: 97%;
    margin: auto;
    height: auto;
}

.conteiner_principal .acerca_de_nosotros{
    margin-top: 20px;
}

.conteiner_principal .vision{
    margin-top: 40px;
}

.conteiner_principal .vision h4{
    margin-bottom: 20px;
}

.conteiner_principal .vision_content{
    display: flex;
    justify-content: space-around;
}

.conteiner_principal .mision{
    margin-top: 40px;
}

.conteiner_principal .mision h4{
    margin-bottom: 20px;
}

.conteiner_principal .mision_content{
    display: flex;
    justify-content: space-around;
}

.conteiner_principal .mision_content p{
 margin-right: 80px
}

img{
    object-fit: contain;
}


@media (max-width: 700px) {

    .conteiner_principal{
        width: 95%;
    }

}

@media (max-width: 720px) {
    .vision_content, .mision_content {
        display: block;
        text-align: center; /* Opcional: Centrar el texto */
    }

    .acerca_de_nosotros img, .vision img, .mision img {
        display: none;
    }

    .vision_content p, .mision_content p {
        width: 100%!important; /* Se ajusta al ancho total del contenedor */
        max-width: 100%; /* Asegura que no se desborde */
        margin: auto; /* Centra el párrafo en caso de que el contenedor tenga márgenes */
    }

    .conteiner_principal .mision_content p{
        margin-right: -0px
    }
       
}

@media (max-width: 400px) {
  h4{
    text-align: center;
  }

  .conteiner_principal{
    width: 92%;
  }
}