/* ======================================================
   FOOTER GLOBAL
====================================================== */

.site-footer{

  background:transparent;

  color:#fff;

  padding-top:0;

  padding-bottom:0;

  position:relative;

  z-index:2;

}

/* ======================================================
   CONTENEDOR FOOTER
====================================================== */

.footer-container{

  width:92%;

  max-width:600px;

  margin:0 auto;

  display:flex;

  justify-content:space-between;

  gap:40px;

}

.footer-col{
  flex:1;
  position:relative;
}

.footer-col h4{

  font-size:10px;

  margin-bottom:5px;

}

.footer-col p{

  font-size:6px;

  margin-bottom:2px;

}

.footer-col a{

  display:block;

  font-size:6px;

  color:#5cfa00;

  text-decoration:none;

  margin-bottom:2px;

}

.footer-col a:hover{
  color:#E5C46A;
}

/* ======================================================
   REDES SOCIALES
====================================================== */

.footer-social{
  margin-top:10px;
}

.social-icon{
  width:20px;
  height:auto;
}

/* ======================================================
   EMAILS
====================================================== */

.footer-emails p{
  font-size:10px;
  color:#ffffff;
}

/* ======================================================
   FOOTER BOTTOM
====================================================== */

.footer-bottom{

  text-align:center;

  font-size:10px;

  margin-top:10px;

}

/* =========================================
   MARCA GRABADA EN MADERA
========================================= */

.wood-brand{

position:fixed;

bottom:40px;
left:50%;
transform:translate(-50%,0);
width:92%;
max-width:1200px;
text-align:center;

font-size:120px;
font-weight:700;

color:#000;

opacity:1;

pointer-events:none;

z-index:1;

text-shadow:
1px 1px 0 rgba(255,255,255,0.2),
-1px -1px 0 rgba(0,0,0,0.4);

mix-blend-mode:multiply;

}


/* =========================================
   CONTROL MARCA ESCRITORIO
========================================= */

@media (min-width:1025px){

.wood-brand{

font-size:240px;
bottom:80px;
opacity:0.20;

}

}


/* =========================================
   CONTROL MARCA MOVIL
========================================= */

@media (max-width:768px){

.wood-brand{

font-size:100px;
bottom:30px;
opacity:0.20;

}

}

/* =========================================
   CONTROL FOOTER ESCRITORIO
========================================= */

@media (min-width:1025px){

.site-footer{
  min-height:0px;   /* altura del fondo en escritorio */
}    

.footer-container{

max-width:900px;
gap:80px;

}

.footer-col h4{

font-size:30px;
  position:relative;
  left:0px;           /* mover izquierda/derecha */
  top:50px;            /* mover arriba/abajo */

}

.footer-col p{

font-size:15px;

}

.footer-col a{

font-size:15px;

}

.footer-social{

margin-top:20px;

}


.footer-emails p{

font-size:20px;

}

.footer-bottom{

font-size:12px;

}

/* =========================================
   TEXTO DEBAJO DE TITULOS - ESCRITORIO
========================================= */

.footer-col{
  text-align:center;
}

.footer-col p,
.footer-col a{
  position:relative;
  left:0px;           /* mover izquierda/derecha */
  top:70px;            /* mover arriba/abajo */
  font-size:15px;     /* tamaño */
  line-height:1.25;   /* espacio entre lineas */
  opacity:1;          /* opacidad */
}

.footer-col p{
  color:#ffffff;
}

.footer-col a{
  color:#5cfa00;
}

/* =========================================
   REDES SOCIALES - ESCRITORIO
========================================= */

.footer-social{
  position:absolute;
  top:80px;          /* mover arriba/abajo */
  left:-150px;       /* mover izquierda/derecha */
  opacity:1;         /* opacidad general bloque */
}

.footer-social .social-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  position:relative;
  top:200px;           /* mover bloque interno */
  left:0px;
  margin-bottom:4px;
}

.footer-social span{
  font-size:15px;    /* tamaño texto redes */
  color:#ffffff;     /* color texto redes */
  line-height:1.2;
}

.footer-social .social-icon{
  width:22px;        /* tamaño icono */
  height:auto;
}

/* =========================================
   CORREOS - ESCRITORIO
========================================= */

.footer-emails{
  position:absolute;
  top:100px;           /* mover arriba/abajo */
  left:318px;        /* mover izquierda/derecha */
  opacity:1;         /* opacidad */
  text-align:center;
}

.footer-emails p{
  position:relative;
  top:90px;
  left:0px;
  font-size:20px;    /* tamaño */
  color:#ffffff;     /* color */
  line-height:1.3;
  margin-bottom:4px;
}

/* =========================================
   COPYRIGHT - ESCRITORIO
========================================= */

.footer-bottom{
  position:relative;
  top:280px;           /* mover arriba/abajo */
  left:0px;          /* mover izquierda/derecha */
  text-align:center;
  font-size:30px;    /* tamaño */
  color:#ffffff;     /* color */
  opacity:1;         /* opacidad */
}

}

/* =========================================
   POSICION REDES SOCIALES
========================================= */

/*.footer-social{

position:absolute;

top:80px;     /* mover arriba / abajo */
/*left:-150px;      /* mover izquierda / derecha */

/*}*/


/* =========================================
   POSICION CORREOS
========================================= */

/*.footer-emails{

position:absolute;

top:2px;     /* mover arriba / abajo */
/*left:318px;      /* mover izquierda / derecha */

/*}*/

/* =========================================
   CONTROL FOOTER MOVIL
========================================= */

@media (max-width:768px){

.footer-container{

flex-direction:column;
align-items:center;
text-align:center;
gap:20px;

}

.footer-col h4{

font-size:12px;

}

.footer-col p{

font-size:9px;

}

.footer-col a{

font-size:9px;

}

/* REDES SOCIALES MOVIL */

.footer-social{

position:static;
margin-top:10px;

}


/* CORREOS MOVIL */

.footer-emails{

position:static;
margin-top:10px;

}

.footer-social{

margin-top:10px;

}

.footer-emails p{

font-size:10px;

}


}



/* =========================================
   CONTROL COPYRIGHT MOVIL
========================================= */

@media (max-width:768px){

.footer-bottom{

position:relative;

top:0px;     /* mover arriba / abajo */
left:0px;    /* mover izquierda / derecha */

font-size:12px;  /* tamaño */

color:#ffffff;

}

}

/* =========================================
   WHATSAPP SOLO ESCRITORIO
========================================= */

@media (min-width:1025px){

.whatsapp-float{

position:fixed;

bottom:40px;
right:40px;

width:60px;
height:60px;

display:flex;
align-items:center;
justify-content:center;

z-index:50;

}

.whatsapp-float img{

width:100%;
height:auto;

}

}

/* ==============================
   AVISO DE COOKIES
============================== */

.cookie-banner{

position:fixed;

bottom:0;
left:0;

width:100%;

background:#111111;
color:#ffffff;

padding:14px 20px;

display:flex;
align-items:center;
justify-content:space-between;

gap:20px;

font-size:13px;

z-index:9999;

box-shadow:0 -2px 10px rgba(0,0,0,.4);

}

.cookie-banner a{
color:#E5C46A;
text-decoration:none;
}

.cookie-banner a:hover{
text-decoration:underline;
}

.cookie-btn{

background:#8b0000;

color:#ffffff;

border:none;

padding:8px 16px;

border-radius:6px;

cursor:pointer;

font-size:13px;

}

.cookie-btn:hover{
opacity:.9;
}