@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');


*{
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
}

body{
	background: #f0f3f4;
	overflow-x: hidden;
	font-family: 'Poppins',sans-serif;
}

header{
	width: 100%;
	height: 50px;
	display: flex;
	background: #fff;
}

header .header-bx{
	width: 85%;
	display: flex;
	justify-content: space-between;
	margin: auto;
}

header .header-bx .option{
	margin: auto 0;
}

header .header-bx .option i{
	font-size: 14px;
}

header .header-bx .logo{
	margin: auto;
}

header .header-bx .logo h1{
	font-size: 20px;
}

header .header-bx .logo h1 i{
	margin-right: 5px;
}

.container{
	width: 100%;
	display: flex;
	padding-bottom: 60px;
}

.container .container-bx{
	width: 85%;
	margin: 35px auto;
}

.container .container-bx .politica-titulo{
	width: 100%;
}

.container .container-bx .politica-titulo h1{
	font-size: 25px;
}

.container .container-bx .politica-titulo p{
	font-size: 12.5px;
}

.container .container-bx .politica-detalles{
	margin-top: 25px;
}

.container .container-bx .politica-detalles h1{
	font-size: 15px;
	font-weight: 600;
}

.container .container-bx .politica-detalles p{
	font-size: 12px;
}

.container .container-bx .politica-detalles .division{
	margin-left: 5px;
}
.container .container-bx .politica-detalles .texto{
	margin-left: 18px;
}




/*footer*/
footer{
    width: 100%;
    height: 250px;
    display: flex;
    background: #000;
    padding-bottom: 20px;
}

footer .footer-bx{
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

footer .footer-bx .logo{
    width: 33%;
    margin: 20px 0;
}

footer .footer-bx .logo h1{
	color: #fdfefe;
	font-size: 22px;
}

footer .footer-bx .logo p{
	color: #fdfefe;
	font-size: 12px;
}

footer .footer-bx .enlaces{
    width: 28%;
    margin: 20px 0;
}

footer .footer-bx .enlaces h1{
	color: #fdfefe;
	font-size: 22px;
}

footer .footer-bx .enlaces .ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

footer .footer-bx .enlaces a{
	color: #fdfefe;
	font-size: 12px;
	margin: 0px 10px 0 0;
	transition: .5s;
}

footer .footer-bx .enlaces a:hover{
	color: #fff;
}

footer .footer-bx .imagen{
    width: 33%;
    height: 200px;
    margin: auto 0;
}

footer .footer-bx .imagen img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

footer .footer-bx .imagen p{
	color: #d0d3d4;
	text-align: center;
	font-size: 12px;
}

.container .container-bx .politica-detalles{
	width: 100%;
}

@media only screen and (max-width: 1024px) {

header .header-bx .logo h1{
	font-size: 17px;
}

header .header-bx{
	width: 90%;
}


.container{
	width: 100%;
	display: flex;
	padding-bottom: 60px;
}

.container .container-bx{
	width: 90%;
	margin: 35px auto;
}

.container .container-bx .politica-titulo{
	width: 100%;
}

.container .container-bx .politica-titulo h1{
	font-size: 20px;
}

.container .container-bx .politica-titulo p{
	font-size: 11px;
}

.container .container-bx .politica-detalles{
	margin-top: 25px;
}

.container .container-bx .politica-detalles h1{
	font-size: 14px;
	font-weight: 600;
}

.container .container-bx .politica-detalles p{
	font-size: 11px;
}

.container .container-bx .politica-detalles .division{
	margin-left: 5px;
}
.container .container-bx .politica-detalles .texto{
	margin-left: 18px;
}


/*footer*/
footer{
    width: 100%;
    height: inherit;
    display: flex;
    background: #000;
    padding: 20px 0;
}

footer .footer-bx{
    width: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: inherit;
}

footer .footer-bx .logo{
    width: 100%;
    margin: 20px 0;
}

footer .footer-bx .logo h1{
	color: #fdfefe;
	font-size: 22px;
}

footer .footer-bx .logo p{
	color: #fdfefe;
	font-size: 12px;
}

footer .footer-bx .enlaces{
    width: 100%;
    margin: 20px 0;
}

footer .footer-bx .enlaces h1{
	color: #fdfefe;
	font-size: 22px;
}

footer .footer-bx .enlaces .ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

footer .footer-bx .enlaces a{
	color: #fdfefe;
	font-size: 12px;
	margin: 0px 10px 0 0;
	transition: .5s;
}

footer .footer-bx .enlaces a:hover{
	color: #fff;
}

footer .footer-bx .imagen{
    width: 100%;
    height: 200px;
    margin: auto 0;
    padding-bottom: 20px;
}

footer .footer-bx .imagen img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

footer .footer-bx .imagen p{
	color: #d0d3d4;
	text-align: center;
	font-size: 12px;
}

}