/* Juanito Idioma v1 — pill ES/EN del hero (movil) + arreglos del switcher */

/* ------- Pill de vidrio de idioma (solo movil, todas las paginas) -------
   Absoluto respecto al documento: queda bajo el header y SE VA con el
   scroll (no es flotante). En la home cae sobre la foto del hero. */
.jc-idioma-pill{
  position:absolute;
  top:96px;
  right:14px;
  z-index:99998;
  display:inline-flex;
  gap:4px;
  background:rgba(13,10,8,.42);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:5px;
}
.jc-ip-btn{
  font-family:Oswald,sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1;
  letter-spacing:1.4px;
  color:#f3ece0;
  text-decoration:none;
  padding:10px 13px;
  border-radius:11px;
  transition:background .25s ease,color .25s ease;
}
.jc-ip-btn:hover{color:#fff}
.jc-ip-btn.on{
  background:rgba(243,236,224,.94);
  color:#161513;
  font-weight:600;
}
@media (min-width:768px){
  .jc-idioma-pill{display:none}
}

/* ------- Item de idioma dentro del menu (todas las paginas) ------- */
.jc-lang-mi{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:6px;
  padding-top:6px;
}
.jc-lang-mi > span{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 20px;
}
.jc-lang-mi .jc-mi-label{
  font-family:Oswald,sans-serif;
  font-size:11px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#9c9c9c;
}
.jc-lang-mi a{
  font-family:Oswald,sans-serif;
  font-size:12px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#1a1a1a;
  text-decoration:none;
  padding:7px 12px;
  border:1px solid #dad4d3;
  border-radius:11px;
  line-height:1;
}
.jc-lang-mi a.on{
  background:#1a1a1a;
  color:#fff;
  border-color:#1a1a1a;
}

/* ------- Dropdown del header de escritorio: estados ------- */
/* El Customizer pinta TODOS los links del header de blanco con
   ".elementor-element-678c9fa0 a:not(.jc-flag){color:#fff!important}" (0,2,1)
   -> sobre la caja blanca del dropdown el texto quedaba invisible.
   Esta regla es (0,3,1) para ganarle. */
.elementor-element-aaad5c6 .jc-lang-wrapper .jc-lang-dropdown a{
  color:#1a1a1a !important;
  white-space:nowrap;
}
.elementor-element-aaad5c6 .jc-lang-wrapper .jc-lang-dropdown a:hover{background:rgba(0,0,0,.05)}
.elementor-element-aaad5c6 .jc-lang-wrapper .jc-lang-dropdown a.jc-on{opacity:.55;pointer-events:none}