.main-footer { background-color: var(--azul-oscuro); color : #fff; border-top: solid 1px #000; } .main-footer a { color: #fff; } .main-footer a:hover { color: var(--celeste-brand); } .main-footer [class*="col-"] { display : flex; align-items: center; } .main-footer .row { display : flex; justify-content: flex-start; align-items : center; flex-wrap : wrap; } .alerta-amber a { opacity: .5; } .alerta-amber a:hover { opacity: 1; } /* footer menu -------- */ .footer-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; line-height: 1em; } .main-footer p { margin: 0; } .main-footer p.bajada { margin-bottom: 5px; font-style : italic; } .main-footer p a { color: #68d1ff; } .main-footer span.separa { color : #68d1ff; margin: 0 5px; } .main-footer .main-menu a { padding: 4px; } .main-footer .main-menu a:hover { background-color: transparent; color : inherit; } .main-footer .main-menu li:hover .subsec { display: none; } .main-footer .main-menu .subsec { display: none; } /* zona 2 */ .main-footer .footer-zona-2 { padding : 30px 0; background-color: rgb(0 0 0 / 13%); } .main-footer .footer-zona-2 .container:after, .main-footer .footer-zona-2 .container:before { display: none; } .main-footer .footer-zona-2 .container { display : flex; justify-content: center; flex-wrap: wrap; } .footer-zona-2 a { opacity : .5; display : flex; justify-content: center; align-items : center; margin : 0 30px; } .footer-zona-2 a:hover { opacity: 1; } .footer-zona-2 .footer-main-logo--a { opacity: 1; } .footer-logo--alerta-amber { margin-top: 8px; } .footer-zona-2 img{ filter: grayscale(1);} /* zona 3 */ .footer-zona-3 { background-color: var(--azul-mas-oscuro); padding : 20px 0; font-size : 11px; line-height : 1em; } .footer-zona-3 .row { justify-content: flex-start; } .footer-zona-3 .col-links { margin-right: auto; } .footer-zona-3 .col-footer-menu a, .footer-zona-3 .col-links a { margin-right: 7px; color: rgba(255, 255, 255, 0.6); } .footer-zona-3 .col-footer-menu a:hover, .footer-zona-3 .col-links a:hover { color: rgba(255, 255, 255, 1); } .footer-zona-3 .col-legales { opacity: .7; font-style: italic; } .e80 { font-size : 9px; display : flex; align-items : center; justify-content: flex-end; margin-top : 3px; opacity : .6; } .e80 img { margin-top : -14px; width : 43px; margin-left: 3px; } .footer-zona-3{padding-bottom: 160px;} /* MOBILE */ @media screen and (min-width:768px) and (max-width:1199px){ .footer-zona-2 a { margin: auto; } } @media screen and (max-width:768px) { .footer-zona-2 .footer-main-logo--a { display: none; } .footer-zona-2 .container { justify-content: space-between; } .footer-zona-2 a { margin: 0; padding: 10px; } .footer-zona-2 img { width: auto; height: 40px; } .footer-zona-3 .row { flex-direction: column; } .footer-zona-3 .col-links { margin-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: center; } .footer-zona-3 .col-links a { text-decoration: underline; padding: 10px; } .footer-zona-3 .col-legales { margin-bottom: 15px; } } .footer-zona-3 .col-links a.footer-btn-ventas{ color:#c3b482 ; display: flex; align-items: center; } .footer-zona-3 .col-links a.footer-btn-ventas svg{ margin-right: 3px; fill: #c3b482; } .footer-zona-3 .col-links a.footer-btn-ventas:hover, .footer-zona-3 .col-links a.footer-btn-ventas:hover svg{ color: #f1db92; fill: #f1db92; text-decoration: none; }