@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){
/*--------------------*/
/*-------FOOTER-------*/
/*--------------------*/
#footer{
background-color: var(--black);
}
.footer-adjust-container{
background-color: var(--black);
width: 100%;
max-width: 1920px;
min-height: 300px;
background-image: url("../img/footer-x-symbol.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 50%;
margin: auto;
padding: 36px 16px;
}
.footer-about-container{
width: 100%;
padding: 16px;
padding-bottom: 48px;
}
.footer-about-container h2{
margin-bottom: 12px;
color: white;
font-size: 24px;
}
.footer-about-container p{
color: white !important;
font-weight: 200;
margin-bottom: 12px;
font-size: 14px;
text-align: center;
}
.ft-link-container{
width: 100%;
height: auto;
padding-top: 24px;
padding-left: 45%;
}
#ft-link-about{
color: white;
}
/*----*/
.footer-menu-container{
 width: 100%;
padding: 16px;
padding-bottom: 48px;
}
.footer-menu-container ul{
list-style: none;
}
.footer-menu-container ul li{
border-bottom: 1px solid var(--blue);
padding: 16px 12px;
}
.footer-menu-container ul li:hover{
background-color: rgba(255,255,255,0.2);
transition: 0.3s;
cursor: pointer;
}
.footer-menu-container ul li a{
color: white;
padding-right: 50%;
}
#ft-menu-icon{
float: right;
color: white;
}
/*------FOOTER CONTACT SECTION------*/

.footer-contact-container{
 width: 100%;
padding: 16px;
padding-bottom: 48px;
}
/*----contacto CONTAINER-----*/
.contacto-container{
width: 100%;
height: auto;
padding: 18px;
padding-top: 56px;
}
.contacto-section-container{
width: 100%;
height: auto;
margin-bottom: 48px;

}
.footer-contact-container h2{
margin-bottom: 12px;
color: white;
font-size: 24px;
}
.footer-contact-container p {
margin-bottom: 24px;
font-size: 14px;
line-height: 18px;
color: white;
}
.footer-contact-container a{
color: white;
font-size: 18px;
}
.footer-contact-container a:hover{
text-decoration: underline;
color: var(--blue);
}
.footer-contacto-line-deco{
width: 100%;
height: 1px;
background-color: white;
margin: 12px 0 24px;
}

.footer-contacto-social-container{
display: flex-block;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.footer-cont-red-container{
margin-right: 6px;
margin-bottom: 12px;
}
#footer-contacto-icon-instagram, #footer-contacto-icon-tiktok, #footer-contacto-icon-facebook{
font-size: 18px;
color: white;
}
/*----CREDITS---*/
.ft-credits-container{
border-top: 1px solid white;
padding-top: 18px;
}
.ft-credits-container p, .ft-credits-container a{
color: white;
}
.ft-credits-container a:hover{
   text-decoration: underline;
color: var(--blue);
}

/*---fin de @media---*/
}
@media(min-width:480px){
/*----contacto CONTAINER-----*/
.contacto-section-container p {
margin-bottom: 24px;
font-size: 16px;
line-height: 20px;
}

/*---fin de @media---*/
}
@media(min-width:540px){
.footer-contacto-social-container{
display: flex;
}

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

@media(min-width:640px){

/*----contacto CONTAINER-----*/
.contacto-social-container{
display: flex;

}


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


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

@media(min-width:800px){

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

@media(min-width:900px){



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

@media(min-width:1024px){

.footer-adjust-box{
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-bottom: 48px;
}
.footer-about-container{
border-right: 1px solid var(--gray);
padding-bottom: 12px;
}
.ft-link-container{
padding-left: 10%;
}
.ft-credits-container{
width: 100%;
}

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

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

@media(min-width:1280px){
.footer-contact-container a{
font-size: 14px;
}
#footer-contacto-icon-instagram, #footer-contacto-icon-tiktok, #footer-contacto-icon-facebook{
font-size: 16px;
}


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

@media(min-width:1360px){
.ft-link-container{
padding-left: 60%;
}
.footer-menu-container, .footer-contact-container{
padding-top: 0;
}
.ft-credits-container p, .ft-credits-container a{
font-size: 12px;
}



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

@media(min-width:1440px){

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

@media(min-width:1600px){

.footer-contact-container a{
font-size: 16px;
}
#footer-contacto-icon-instagram, #footer-contacto-icon-tiktok, #footer-contacto-icon-facebook{
font-size: 18px;
}


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


@media(min-width:1920px){

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