/*
Theme Name: Hello Biz Child
Template: hello-biz
*/
body {
	color: #000 !important;
}
.list-footer a {
  text-decoration: underline !important;
  text-decoration-thickness: 2px; /* un toque más visible */
  text-underline-offset: 3px; /* separa la línea del texto */
  color: inherit; /* respeta el color del texto actual */
}

.list-footer a:hover,
.list-footer a:focus,
.list-footer a:focus-visible,
.list-footer a:focus-visible  {
  text-decoration: underline wavy; /* más visible al pasar el ratón o tabular */
  text-decoration-color: currentColor;
}

.link-underline a {
    text-decoration: underline;
}
/**FOcus visible**/
/* Focus visible para todos los elementos interactivos */
a:focus, button:focus, input:focus, textarea:focus, select:focus,
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {

     outline: 3px solid black !important;
    outline-offset: 2px;
    color: #0b0c0c !important;
    background-color: #FFEB3B !important;
    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c ! IMPORTANT;
    font-weight: 700 !important;
    fill: #0b0c0c !important;
    stroke: #0b0c0c !important;

    /* SVG dentro del botón/enlace */
    fill: #0b0c0c !important; /* relleno de iconos SVG */
    stroke: #0b0c0c !important; /* borde de iconos SVG si existe */
}

/* Por si hay SVG directos dentro del botón/enlace */
a:focus svg, button:focus svg,
a:focus-visible svg, button:focus-visible svg {
    fill: #0b0c0c !important;
    stroke: #0b0c0c !important;
}
/** Visually hidden**/
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/** Listado logos footer **/
p.colap {
    text-align:center;
    font-family:'Dm Sans';
    font-size:20px;
}

h2#colaboradores-title {
    font-family: "Sora", Sans-serif;
    font-size: 29px;
    font-weight: 600;
    text-align: center;
}

.logos-list {
display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.logos-list li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logos-list img {
  height: auto;
  max-height: 90px; /* ajusta según tu diseño */
  width: auto;
  max-width: 250px; /* evita que se agranden demasiado */
  object-fit: contain;
}

@media (max-width: 768px) {
  .logos-list {
    flex-wrap: wrap;
    justify-content: center;
        gap: 2rem;
  }

  .logos-list li {
    flex: 0 1 45%; /* dos por fila, dejando algo de espacio */
    display: flex;
    justify-content: center;
  }

  .logos-list img {
    max-width: 80%;
    height: auto;
  }
}
/**Movemos arrow to top**/
#wpfront-scroll-top-container {
    bottom: 60px !important;
}
/* Elimina elementos vacíos generados por Elementor */
#colaboradores p:empty,
#colaboradores div:empty,
#colaboradores span:empty,
#colaboradores br
{
  display: none !important;
}

/* Oculta nodos vacíos REALES sin tocar SVG ni nada importante */
.elementor *:empty:not(svg):not(path):not(img):not(br):not(input):not(textarea):not(script):not(style) {
    display: none !important;
}

/* Oculta saltos <br> que Elementor mete al final de widgets */
.elementor br {
    display: none !important;
}

#documentacion .elementor-widget-image,
#ponentes .elementor-widget-image,
#participantes .elementor-widget-image{
  display: block;
}

#documentacion .elementor-widget-image img[alt=""],
#ponentes .elementor-widget-image img[alt=""],
#participantes .elementor-widget-image img[alt=""]{
  role: presentation !important;
  aria-hidden: true !important;
}
/* 1. Estilos base para transiciones suaves y z-index alto */
#wpfront-scroll-top-container,
#wpfront-scroll-top-container img {
    transition: filter 0.3s ease-in-out, background-color 0.3s ease-in-out;
    /* Asegurar que el botón esté arriba */
    z-index: 999999 !important;
}

/* 2. Clase de Contraste: Invierte la imagen (Negro -> Blanco) */
.contraste-claro-activo {
    /* Opcional: Dale un borde/fondo sutil para que se siga viendo si el fondo es blanco puro */
    background-color: rgba(0, 0, 0, 0.1); 
    border-radius: 50%;
    /* Añade una sombra sutil para darle relieve */
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.4); 
}

/* 3. Aplica la inversión a la imagen dentro del contenedor */
.contraste-claro-activo img {
    /* Convierte la imagen negra en blanca */
    filter: invert(100%) !important; 
}