@import 'body.css';
@import 'menu.css';
@import 'pie.css';
@import 'media.css';

.encabezado{
    grid-area: encabezado;
    background-color: white;
    width: 100%;
}

.contenedor_portada{
    width: 100%;
}
.politica{
    font-size: 0.7em;
    font-family:'Times New Roman', Times, serif;
    color:#13235b;
    margin-top: 5%;
    margin-left: 5%;
}
.politica h2  {
    margin-top: 2%;
}
.politica h3{
    margin-top: 2%;
}
.vacio{
    height: 10vh;
}
.contenedor_portada h1{ 
    position:absolute;
    margin-top: 5%;
    margin-left: 30%;
    width:35%;
    font-size: 1.2em;
    font-family:'Times New Roman', Times, serif;
    color: white;
}

.logos{
    grid-area: logos;
    background-color:13235b;
}

.rectangulo{
    width: 100%; height: 75px;
    background-color: #13235b;
}

.contenedor_logos img{
    /* Esto es un comentario, mp se aplica, pero queda guardado aquí
     border-style:solid; 
    border-width:4px;
    border-color:white; */
    margin-top:15px;
    margin-right:3em;
}

.principal{
    grid-area: principal;
    background-color: white;
}

.grupo-img-tex-ayuda{
    display: flex;
    justify-content: space-around;
}  

.img-tex-ayuda {
    align-items:center;
}

.img-tex-ayuda h2{
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 0.9em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
    padding-bottom: 20px;
}
 
.rectangulo_ayuda{
    width: 100%; height: 90px;
    background-color: white;
}

.contenedor_ayuda p{
   position: relative;
   display: inline-block;
   text-align: center;
   font-size: 1em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
}

.contenedor_ayuda h1{
    position: relative;
    display: inline-block;
    text-align: center;    
    font-size: 1.2em;font-family:'Times New Roman', Times, serif;color: navy;
}

.img-tex-ayuda p{
    position: relative;
    display: inline-block;
    text-align: center;
   
}
.img-tex-ayuda p{
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 0.6em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
}
.grupo-img-tex-madrid{
    display: flex;
    justify-content: space-around;
    background-color: rgb(214, 218, 220);
}  
.img_madrid{
    margin-top: 5em;
    margin-bottom: 5em;
    margin-left: 10%;
}
.tex_madrid{
    margin-top: 5em;
    margin-bottom: 5em;
    margin-right: 10%;
    margin-left:10%;
}
.tex_madrid p {
   margin-top:1em;
   font-size: 0.7em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
}

.tex_madrid h1 {
    margin-top:1em;
    font-size: 0.8em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
}

.grupo_img_tex_razones{
    display: flex;
    justify-content: space-around;
    background-color: white;
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 0.3em;
} 
.img-tex_razones p {
    text-align: justify;
    font-size: 0.6em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
    margin-right: 5%;
    margin-left:5%;
    margin-bottom: 1.3em;
}
.img-tex_razones h1 {
    font-size: 0.8em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
    margin-right: 50px;
    margin-left:50px;
    margin-bottom: 1.3em;
}
.img-tex_razones img {
    margin-right: 3em;
    margin-left:3em;
    margin-bottom: 1.3em;
} 
.grupo_clientes_satisfechos{
    justify-content: space-around;
    background-color: rgb(214, 218, 220);
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.grupo_clientes_satisfechos h1{
    font-size: 1em;font-family:'Times New Roman', Times, serif;color: navy;font-style: normal;
    margin-bottom:50px;
    margin-top: 50px;
    
}
.grupo_clientes_satisfechos h2{
    font-size: 0.7em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
    margin-bottom: 20px; 
}
.grupo_clientes_satisfechos p{
    font-size:0.7em;font-family:'Times New Roman', Times, serif;color: navy;font-style: italic;
    margin-bottom: 10px;
    margin-left: 20%; 
    margin-right: 20%;
    text-align: justify;
}

.contacto{
    grid-area: contacto;
    background-color: rgb(152, 157, 135)
}
.contactar{
    display: flex;
    justify-content: space-around;
}
.contactar h1{
    text-align: justify;
    font-size: 0.8em;font-family:'Times New Roman', Times, serif;color: white; font-style: italic;
    margin-bottom:50px;
    margin-top: 50px;
    margin-left: 15%;
    margin-right: 10%;
}
.contactar button{
    font-family: 'Times New Roman', Times, serif;
    font-size: 0.8em;
    line-height: 2px;
    text-align: center;
    background-color: navy;
    color: white;
    width: 10em;
    height: 3em;
    margin-right: 10%;
    margin-bottom:3em;
    margin-top: 3em;
}
.grid-container{
    display: grid;
    gap: 10px;
    grid-template-areas: 
    "menu"
    "encabezado"
    "logos"
    "principal"
    "contacto"
    "pie";
}
 
.legal ul li {
    display: inline-block;
    color: white;
    font-size: 0.7em;
    list-style: none;
    position: relative;
    padding: 5%;
}
.legal a{
    color: white;
    text-decoration: none;
}