@charset "utf-8";

footer{width:100%;line-height: 24px;}
footer .top{background:#2F3343;padding: 2rem 0 3.5rem;}
footer .top .contenedor{display: grid;grid-column-gap: 1.875rem;grid-template-columns:43% auto auto;}
footer .col1 .logo-footer{background:url(../img/logo_panda.svg) no-repeat;width: 188px;height: 52px;background-size: 188px 52px;margin-bottom: 1.5rem;}
footer .col1 p{font-size: 0.875rem;font-weight: 400;color: #FFFFFF;text-align: left;margin-bottom: 1rem;}
footer .top h4{font-size: 1.125rem;font-weight: bold;color: #FFFFFF;text-align: left;border-bottom:1px solid #FFFFFF;margin-bottom:1.5rem;}
footer .top a{font-size: 1rem;font-weight: 300;color: #FFFFFF;text-align: left;margin-bottom:.5rem;}
footer a{transition:.5s;}
footer a:hover{color:#FF9010;}
footer .metodos-pago{display: grid;grid-template-columns: repeat(5, 56px);grid-gap: 1.5rem;grid-template-rows: repeat(2, 38px);}
footer .metodos-pago div{width:56px;height:38px;background-size:56px 38px;}
footer .visa{background:url(../img/visa.png) no-repeat;}
footer .mastercard{background:url(../img/mastercard.png) no-repeat;}
footer .maestro{background:url(../img/maestro.png) no-repeat;}
footer .paypal{background:url(../img/paypal.png) no-repeat;}
footer .applepay{background:url(../img/apple-Pay.png) no-repeat;}
footer .banktransfer{background:url(../img/bank-Transfer.png) no-repeat;}
footer .americanexpress{background:url(../img/american-Express.png) no-repeat;}
footer .ideal{background:url(../img/ideal-footer.png) no-repeat;}
footer .klarna{background:url(../img/klarna.png) no-repeat;}
footer .bottom{background:#181A23;}
footer a{display:block;text-decoration: none;}
footer .rrss li:nth-of-type(6){padding-right:0;}
footer .rrss li{display:inline-block;}
footer .enlaces a{color:#B7B7B7;font-size:12px;line-height:1rem;text-decoration:none;}

@media screen and (min-width:1024px) {
    footer a.instagram{background: url("../img/icon-instagram.svg") no-repeat;width: 1rem;height: 1rem;}
    footer a.youtube{background: url("../img/icon-youtube.svg") no-repeat;width: 1rem;height: 1rem;}
    footer a.facebook{background: url("../img/icon-facebook.svg") no-repeat;width: 1rem;height: 1rem;}
    footer a.twitter{background: url("../img/icon-twitter.svg") no-repeat;width: 1rem;height: 1rem;}
    footer a.linkedin{background: url("../img/icon-linkedin.svg") no-repeat;width: 1rem;height: 1rem;}
    footer .rrss ul{margin: 0;padding: 0;}
    footer .rrss {float: right;}
    footer .enlaces {text-align: left;float: none;}
    footer .enlaces li{display: inline-block;padding: 0 1rem;}
    footer .enlaces span {display: inline-block;}
    footer .enlaces ul{color:#FFFFFF;padding-left: 0;margin:0;}
    footer .top {padding: 1.5rem 0 33px;}
    footer .bottom {padding: 0.5rem 0;}
    footer .logo_footer {float: left;}
    footer .metodos_pago{float: right;margin-top: 1rem;}
    footer .rrss a {padding-right: 0.5rem;}
    footer .rrss a.linkedin {padding-right: 0;}
}
@media screen and (max-width:1023px){
	footer .top .contenedor {grid-template-columns: 100%;grid-row-gap: 1.5rem;}
	footer .col1 .logo-footer {margin: 0 auto 1.5rem !important;}
	footer .col1 p {text-align: center !important;}
	footer .top h4, footer .top a {text-align: center;}
	footer .metodos-pago {justify-content: center;}
}
@media screen and (max-width:600px) {
    footer .metodos-pago{grid-template-columns: repeat(3, 56px);}
	footer .enlaces ul{list-style-type:none}
	footer .enlaces ul span{color:transparent}
    footer a.instagram{background: url("../img/icon-instagram.svg") no-repeat;width: 2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.youtube{background: url("../img/icon-youtube.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.facebook{background: url("../img/icon-facebook.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.twitter{background: url("../img/icon-twitter.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.linkedin{background: url("../img/icon-linkedin.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer .rrss {padding: 1.5rem 0 3rem;float: none;width: max-content;margin: 0 auto;}
    footer .rrss a {width: 2rem;padding-right:2rem;}
    footer .rrss a.linkedin{padding-right: 0 !important;}
	footer .enlaces a{text-align: center;}
	footer .bottom {padding-bottom: 1.5rem;}
}
@media screen and (min-width:601px) and (max-width:1023px) {
	footer .enlaces ul{list-style-type:none}
	footer .enlaces ul span{color:transparent}
    footer a.instagram{background: url("../img/icon-instagram.svg") no-repeat;width: 2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.youtube{background: url("../img/icon-youtube.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.facebook{background: url("../img/icon-facebook.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.twitter{background: url("../img/icon-twitter.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer a.linkedin{background: url("../img/icon-linkedin.svg") no-repeat;width:2rem;height: 2rem;background-size:2rem 2rem;}
    footer .rrss {padding: 1.5rem 0 3rem;float: none;width: max-content;margin: 0 auto;}
    footer .rrss a {width: 2rem;padding-right:2rem;}
    footer .rrss a.linkedin{padding-right: 0 !important;}
	footer .enlaces a{text-align: center;}
	footer .bottom {padding-bottom: 1.5rem;}
}
@media screen and (min-width:768px){
    footer .ultima {margin-right: 0 !important;}
    footer .enlaces li:nth-of-type(1){padding-left: 0;}
    footer .enlaces li:nth-of-type(4){padding-right: 0;}
    footer .bottom .contenedor {padding: 0 !important;}
}