*{
    margin: 0;
    padding: 0;
}
:root {
    --color:#173e6b;
  }
.Cabecera{
    border-bottom: 5px solid black;
}
.BordeNegro{
    border-bottom: 5px solid red;
    padding-bottom: 0.2%;
}
.TextoTitulo{
    color: #173e6b;
    font-weight: bold;
    font-size: small;
}
.enlaces{
    margin-right: 20px;
}
.TextoEnlaces{
    color: var(--color) !important;
    
}
.BotonIngresar{
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
    padding-bottom: 5%;
    background-color: red;
    border-radius: 0.375rem;
    border: none;
    
}
.TextoBotonIngresar{
    color: white;
    font-weight: bold;
    font-size: 100%;
}

.BotonIngresar:hover{
    background-color: transparent;
    border: 1px solid red;
    transition: 0.6s ease;
   
}
.BotonIngresar:hover .TextoBotonIngresar{
    color: gray;
   
}
.imgHome{
    width: 100%;
    min-width: 100%;
   aspect-ratio: 3/1;
}
.botonesCarrousel{
    background-color: var(--color) !important;
    color: white;
}
.ContenedorIconosRRDD{
    background-color: rgba(255, 0, 0, 0.8);
}
.IconosRRDD{
    color: white;
}
.TextoRRDD,.TextoRRDDTitulo{
    color:var(--color);
    font-weight: bold;
}
.SubTextoRRDD, .SubTituloTextoRRDD{
    color: gray;
    font-weight: bold;
}
.BotonRojo{
    background-color: red;
    color:white
}


/*mision*/
.fondomision{
    background-color: rgb(255, 0, 0,0.85);
}
.TituloMision{
    color: white;
}
.TextoMision{
    color: white;
    text-align: justify;
}

/*Vision*/
.ContenedorVision{
    text-align: center;
}
.TituloVision{
    color: var(--color);
    font-weight: bold;
}
.TextoVision{
    color: gray;
    text-align: justify;
    font-weight: 500;
    font-size: 100%;
}
.ImagenVision{
    width: 70%;
    aspect-ratio: 1.5/1;
    margin-left: auto;
    margin-right: auto;
}

/*Ubicacopm*/
.ContenedorTodoUbicacion{
text-align: center;
    margin-bottom: 5%;
}
.TituloUbicacion{
    color: var(--color);
    font-weight: bold;
    font-size: 200%;
}
.ImagenLogoUbi{
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    aspect-ratio: 1/1;
}
.ContenedorUbicacion{
    padding-left: 5%;
}
/*footer*/
.BordeNegroFooter{
    padding-top: 0.2%;
    border-top:5px solid black ;
}
.BordeRojoFooter{
    border-top: 5px solid red;
    padding-top: 1%;
    padding-bottom: 2%;
}
footer{
    min-width: 100%;
    padding: 0;
}
.CompanyFooter{
    color: var(--color);
    font-weight: bold;
}
.IconosFooter{
    color: var(--color);
}

@media (max-width: 650px) { 
    .imgHome{
        width: 100%;
        min-width: 100%;
       aspect-ratio: 2/1;
    }
}
@media (max-width: 490px) { 
    .imgHome{
        width: 100%;
        min-width: 100%;
       aspect-ratio: 1.5/1;
    }
}
@media (max-width: 400px) { 
    .imgHome{
        width: 100%;
        min-width: 100%;
       aspect-ratio: 1/1;
    }
}
@media (max-width: 280px) { 
    .imgHome{
        width: 100%;
        min-width: 100%;
       aspect-ratio: 0.8/1;
    }
}