@import url("style.css");

/*-------------------*/
/*-PALETA DE COLORES-*/
/*-------------------*/
:root {
--bluedark: rgba(10,47,92, 1);
--blue: rgba(0,56,184,1);
--black: rgba(34,34,34, 1);
--violet: rgba(75,0,130, 1);
--gray: rgba(220,220,220, 1);
    }
    /*----------------------------------------*/
    /*------------ESTILOS GENERALES-----------*/
    /*----------------------------------------*/


@media(min-width:320px){
/*--------BANNER-----*/
.sitemap-banner-container{
width: 100%;
height: 148px;
position: relative;
background: #0A2F5C;
background: linear-gradient(90deg, rgba(10, 47, 92, 1) 0%, rgba(75, 0, 130, 1) 27%, rgba(0, 56, 184, 1) 60%, rgba(10, 47, 92, 1) 100%);
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

}
.sitemap-banner-container h2{
color: white;
font-weight: 500;
font-size: 24px;
}
.sitemap-banner-box-container{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 53px 16px;
background-image: url(../img/footer-x-symbol.png);
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}
/*----sitemap CONTAINER-----*/
.sitemap-container{
width: 100%;
height: auto;
padding: 18px;
}
.sitemap-section-container{
width: 100%;
height: auto;
margin-bottom: 48px;
}
.sitemap-section-container h2{
margin-bottom: 12px;
}
.sitemap-section-container p {
margin-bottom: 24px;
font-size: 14px;
line-height: 18px;
}
.sitemap-section-container a{
color: var(--blue);
font-size: 18px;
}
.sitemap-section-container a:hover{
text-decoration: underline;
}
.sitemap-line-deco{
width: 100%;
height: 1px;
background-color: var(--violet);
margin: 12px 0 24px;
}



.sitemap-container h4 {
margin: 12px 0;
}

/*---fin de @media---*/
}
@media(min-width:480px){
/*--------BANNER-----*/
.sitemap-banner-container h2{
font-size: 32px;
}
/*----sitemap CONTAINER-----*/

/*---fin de @media---*/
}
@media(min-width:540px){
/*--------BANNER-----*/
.sitemap-banner-box-container{
padding: 50px 36px;
}
.sitemap-banner-container h2{
font-size: 32px;
}
/*---fin de @media---*/
}
@media(min-width:640px){

/*---fin de @media---*/
}
 @media(min-width:720px){

/*---fin de @media---*/
}
 @media(min-width:800px){


/*---fin de @media---*/
}
@media(min-width:900px){
/*--------BANNER-----*/
.sitemap-banner-container h2{
font-size: 42px;
}

/*---fin de @media---*/
}
@media(min-width:1024px){

.sitemap-container{
width: 50%;
padding: 24px 56px;
}



/*---fin de @media---*/
}
@media(min-width:1100px){



/*---fin de @media---*/
}
@media(min-width:1280px){

/*---fin de @media---*/
}
@media(min-width:1360px){

/*---fin de @media---*/
}
@media(min-width:1440px){
/*--------BANNER-----*/
.sitemap-banner-container{
height:224px ;
}
.sitemap-banner-box-container{
padding: 90px 48px;
}
/*---fin de @media---*/
}
@media(min-width:1600px){
.sitemap-section-container{
margin-bottom: 56px;
}
/*---fin de @media---*/
}
@media(min-width:1920px){


/*---fin de @media---*/
}