footer{
border-top:1px solid var(--grisoscuro2);margin-top:30px;
background-color: var(--grisfondo);
}

body.dark footer{
    background-color: var(--negro);
}

.conentdos{display:flex;flex-wrap:wrap;width:100%;max-width:1500px;height:auto;margin:auto;justify-content: space-between;}
.cjuno{width:80%;height:45px;padding-top:10px;padding-left:15px;}
.cjdos{width:20%;height:45px;padding-top:11px;font-size:15px;color:var(--blanco);}
.aparamenu{color:var(--blanco);font-size:15px;text-decoration:none;list-style:none;}
.aparamenu:hover{color:#ffffff;}



/*Footer*/
.cjunofooter{width:20%;height:auto;padding:15px;color:#404040;}
.cjdosfooter{width:20%;height:auto;padding:15px;color:#404040;;}


.cjcuatrofooter{width:20%;padding:15px;}




.titleenlacerapido{
    color:var(--negrohover);font-size:18px;font-weight:500;
    text-transform:uppercase;letter-spacing:1px;
}

.containerLogoFooter{
  width: 200px;
  height: auto;
  padding-bottom:20px;
}

.containerLogoFooter img{
  width:100%;
}


.flexMediosPagoImg{
  display:flex;justify-content:center;padding:20px;
  flex-wrap: wrap;
  gap:15px;
  border-top:1px dotted var(--grisoscuro);
  align-items: center;
    background-color: var(--grisfondo);
}

body.dark .flexMediosPagoImg{
    background-color: var(--negro);
}

.pTextF{
  color:var(--grisoscuro4);font-size:11px;
}
body.dark .pTextF{
  color:var(--grisoscuro3);
}

/* BUTTON UP */

.btn-scrolltop {
    position: fixed;
    bottom: 15px;
    left:15px;
    padding: 10px 16px;
    background-color: var(--principal);
    color: var(--blanco);
    border:none;
    box-shadow: rgba(101, 107, 114, 0.2) 0px 8px 24px;
    cursor: pointer;
    transform: translateY(100px);
    border-radius:5px;
    transition: all ease 0.3s;
    z-index:11;
  }

  .btn-scrolltop-active {
    transform: translateY(0);
  }

  .btn-scrolltop:hover{
    background-color: var(--principalhover);
    color:var(--blanco);
  }


  .flexRdsBonbonpetit{
                display:flex;
                justify-content:left;
            }
            .flexRdsBonbonpetit a{
                width:40px;
                height:40px;
                display:flex;
                justify-content:center;
                align-items:center;
                background-color:var(--negro);
                color:var(--blanco);
                border-radius:3px;
                transition:all ease .3s; text-decoration:none;
            }

            .flexRdsBonbonpetit a:hover{
                transform:scale(1.2);background-color:var(--principal); color:var(--blanco);
            }

            body.dark .flexRdsBonbonpetit a{
                background-color:var(--blanco); color:var(--negro);
            }

            body.dark .flexRdsBonbonpetit a:hover{
               background-color:var(--principal); color:var(--blanco);
            }


            .flexRdsBonbonpetit a:nth-child(2n) {
                margin-left:8px;margin-right:8px;
            }


body.dark .titleenlacerapido{color:var(--blanco);}

.enlace1footer{
    color:var(--negro);font-size:15px;text-decoration: none;
    
}

body.dark .enlace1footer{color:var(--blanco);}

.enlace1footer:hover{
    color:var(--principal);transition: all ease .3s;
}


.copyright{
    text-align:center;
    color:var(--negro);
    font-size:13px;
    background: var(--grisclaro);
    padding-top:15px;
    padding-bottom:10px;
}



body.dark .copyright{
    background-color: var(--negrohover);
}


body.dark .copyright{color:Var(--blanco);}


@media only screen and (max-width:1150px){
.cjunofooter{width:30%;}
.cjdosfooter{width:30%;}
.cjcuatrofooter{width:100%;}
.inputfottertres{margin-top:10px; transition: all ease .3s;}
} 




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

    
.cjdos{display:none;transition:all ease .3s;}
.cjuno{width:85%;height:auto;padding-top:15px;padding-bottom:5px;transition:all ease .3s;text-align: center;margin:auto;padding-left:0px;}

.conentdos{
display:inline-block;height:auto;margin:auto;
}


} 

@media only screen and (max-width:610px){
/*Caja antes de menu*/
.cjunofooter{width:100%;}
.cjdosfooter{width:100%;overflow:hidden;}
.inputfottertres{ margin-top:10px;width:100%; }
.inputfottertres:hover{width:100%;}
.cjdosfooter{margin-top:-15px;}
.containerLogoFooter{width:150px;}
}   





.logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 18px 0;
}

.center-social { 
  justify-content: center; 
  margin-top: 10px;
}

/* Row que contiene las 3 columnas: más específico que .cjunofooter global */
.links-row {
  display: flex;
  justify-content: center;
  gap: 50px;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

/* Ahora definimos cómo se ven las columnas dentro de links-row (sobrescribe sólo ahí) */
.links-row .cjunofooter,
.links-row .cjdosfooter,
.links-row .cjcuatrofooter {
  width: 220px;        /* ancho fijo agradable para centrar */
  text-align: center;  /* enlaces centrados */
  padding: 0 8px;
}



/* Responsivo: columnas apilan en móvil */
@media only screen and (max-width: 610px) {
  .links-row{padding:15px;gap:30px;}
  .links-row .cjunofooter,
  .links-row .cjdosfooter,
  .links-row .cjcuatrofooter {
    width: 100%;
    text-align: left; /* si prefieres centrado, cambia a center */
    padding-left: 0;
  }

  .logo-block .containerLogoFooter { width: 150px; }
}