/* ======================================================
   FOOTER ZETRONICS - ESTRUCTURA GENERAL
====================================================== */

.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{
background:#4E6B92;
padding:0;
}

.zetro-footer-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:35px 20px;color:#c9d1d9;background:transparent;font-family:Roboto, Arial, sans-serif;}

/* ======================================================
   LOGO Y DESCRIPCIÓN
====================================================== */

.zetro-footer-logo-box{
text-align:center;
color:#ffffff;
   padding-top:35px;
}
@media(max-width:544px){
	.zetro-footer-logo-box{
text-align:center;
color:#ffffff;
   padding-bottom:0;
       padding-top:0;
       /*border:solid 1px red;*/
       margin-bottom:20px;
}
}


.zetro-footer-logo-box img{
max-width:160px;
margin-bottom:12px;
}

.zetro-footer-logo-box p{
font-size:13.5px;
line-height:1.6;
color:#e0e6ed;
max-width:260px;
margin:auto;
}

/* ======================================================
   COLUMNAS
====================================================== */

.zetro-footer-column h4{
   font-size:15px;
   text-transform:uppercase;
   letter-spacing:.5px;
   padding:10px 0;
   margin:12px 0;
   border-bottom:1px solid rgba(255,255,255,0.15);
   color:#ffffff;
   cursor:pointer;
   /*border: solid 1px yellow;*/
}

/* ======================================================
   CONTACTO
====================================================== */

.zetro-footer-contact{
list-style:none;
padding:0;
margin:0;
}

.zetro-footer-contact li{
display:flex;
align-items:center;
gap:8px;
font-size:13.5px;
margin-bottom:8px;
}

.zetro-footer-contact i{
color:#00b3ff;
width:16px;
}

.zetro-footer-contact a{
color:#c9d1d9;
text-decoration:none;
}

.zetro-footer-contact a:hover{
color:#ffffff;
}

/* ======================================================
   BADGES CATEGORÍAS
====================================================== */

.zetro-link-badges{
display:flex;
flex-wrap:wrap;
gap:6px;
}

.zetro-link-badges a{
font-size:13px;
padding:6px 10px;
background:rgba(255,255,255,0.06);
border-radius:4px;
color:#c9d1d9;
text-decoration:none;
transition:0.25s;
}

.zetro-link-badges a:hover{
background:#00b3ff;
color:#0B0E13;
transform:translateY(-2px);
}

/* ======================================================
   GRID MARCAS
====================================================== */

.zetro-brands-grid{
display:flex;
flex-wrap:wrap;
gap:6px;
}

.zetro-brand-item{
font-size:13px;
padding:6px 10px;
background:rgba(255,255,255,0.05);
border-radius:4px;
text-decoration:none;
color:#c9d1d9;
transition:.25s;
}

.zetro-brand-item:hover{
background:#00b3ff;
color:#0B0E13;
transform:translateY(-2px);
}

/* ======================================================
   BELOW FOOTER
====================================================== */

.site-below-footer-wrap[data-section="section-below-footer-builder"]{
background:#426c8f;
padding:0;
}

.zetro-below-wrapper{
background:#426c8f;
color:#ffffff;
padding:22px 40px;
font-size:13px;
text-align:center;
}

/* fila superior */

.zetro-below-top{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
line-height:1.7;
margin-bottom:10px;
}

/* separadores */

.zetro-divider{
opacity:.6;
margin:0 4px;
}

/* legal */

.zetro-below-legal{
font-size:12px;
opacity:.9;
}

/* links */

.zetro-below-legal a{
color:#ffffff;
text-decoration:none;
transition:0.25s;
}

.zetro-below-legal a:hover{
opacity:.7;
text-decoration:underline;
}

/* Falta configurar en los breakpoint 921 y 544px */
div#map-modal {
    display:none;
}

/* ======================================================
   MOBILE BOTTOM BAR
====================================================== */

.mobile-bottom-bar{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#111;
display:flex;
justify-content:space-around;
align-items:center;
padding:8px 0;
z-index:999999;
box-shadow:0 -2px 8px rgba(0,0,0,0.3);
display:none;
}

.mobile-bottom-bar a{
color:#fff;
text-decoration:none;
font-size:20px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-weight:600;
flex:1;
transition:.2s;
}

.mobile-bottom-bar a:hover{
color:#00e676;
}

.mobile-bottom-bar a span{
font-size:12px;
margin-top:2px;
}

.mobile-bottom-bar a i{
background:#222;
padding:8px;
border-radius:50%;
width:36px;
height:36px;
text-align:center;
line-height:20px;
font-size:18px;
}

/* ====================================================================
   RESPONSIVE
======================================================================= */

@media(max-width:1024px){
.zetro-footer-blocks{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

.zetro-footer-blocks{
grid-template-columns:1fr;
   /*border:solid 1px #79ff00;*/
   gap:0;
}

/* acordeón mobile */
.zetro-footer-column h4{
   padding:10px 0;
   margin:0 0;
  /* border:solid 1px red;*/
}
   
.zetro-accordion-footer > *:not(h4){
max-height:0;
overflow:hidden;
transition:max-height .4s ease,padding .4s ease;
padding:0 18px;
   /*border:solid 1px #fe00ff;*/
   /* */
   margin:0;
   
}

.zetro-accordion-footer.active > *:not(h4){
max-height:500px;
padding:10px 18px;
   margin:0;
   
}

.mobile-bottom-bar{
display:flex;
}

/* Evita que la barra tape contenido */

body{
padding-bottom:70px;
}

.zetro-below-wrapper{
padding:20px;
}

}