/*
 Theme Name:   BAUD
 Theme URI:    https://baud.es
 Description:  Use this child theme to extend Bricks.
 Author:       BAUD
 Author URI:   https://baud.es
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
p a:hover {
	opacity: 0.5;
  transition: 0.5s;
}
p a {
  transition: 0.5s;
}
#brxe-iiwtgs .bricks-nav-menu > li:hover > a {
    padding-bottom: 3px;
}

#brxe-iiwtgs .bricks-nav-menu .current-menu-item > a {
	padding-bottom: 3px;
}

/* Tooltip personalizado */

.custom-tooltip {
    position: fixed;

    width: 100px; /* Tamaño del círculo */
    height: 100px;
    border-radius: 50%; /* Forma circular */
    padding: 10px; /* Espacio interno */

    background: rgba(255, 255, 255, 0.5); /* Fondo blanco translúcido */
    color: black; /* Texto oscuro */
    display: flex;
    justify-content: center;
    align-items: center; /* Centrar texto */
    font-size: 11px;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    pointer-events: none; /*No interfiere con clics */
    transform: translate(-50%, -50%) scale(0); /* Oculto inicialmente */
    opacity: 0; /* Invisible inicialmente */
    z-index: 9999; /* Siempre visible */
    transition: top 0.2s ease-out, left 0.2s ease-out, transform 0.3s ease-out, opacity 0.3s ease-out; /* Desplazamiento suave */
/* Sin transiciones de movimiento; todo se manejará en JavaScript */
    backdrop-filter: blur(5px); /* Aplicar desenfoque al fondo */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0); /* Añadir sombra sutil */
}
/* Ocultar el cursor nativo solo en .cursor-cta:hover */
@media (min-width: 1023px) {
  .cursor-cta {
        cursor: none !important;
    }
    
    .cursor-cta .brxe-heading {
        cursor: pointer !important;
    }
}
/* Ocultar En Mobile */
@media (max-width: 1023px) {
    .custom-tooltip {
        display: none !important;

    }

}

/*.special-word {
/*   font-size: 10px; /* Reducimos el tamaño */
/*    font-weight: normal; /* Cambiamos el peso (opcional) */
/*    color: #666; /* Color diferente (opcional) */
/* }


/* Isotope para Proyectos */
/* Estilo para los elementos impares (odd) en una fila */
/*
.project-box {
    width: 50%;                
    display: inline-block;     
    margin-bottom: 20px;       
    vertical-align: top;	
}


.project-box.even {
    width: 50%;               
    display: inline-block;    
    margin-bottom: 20px;       
    vertical-align: top;     
}


.isotope-grid {
    width: 100%;               
    overflow: hidden;   
	display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important; 
}

.isotope-grid::after {
    content: "";
    display: block;
    clear: both;
}
*/

/* ISOTOPE PROYECTOS */

/*
#brxe-fbaxbp {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: flex-start !important;
  margin-bottom: 250px !important;
}

.page-id-215 .project-box {
  flex: 0 0 calc(50% - 20px) !important; 
  margin-bottom: 20px;
} */


/* Para todos los tamaños de pantalla por encima de 1084px */
@media (min-width: 1085px) {
  .project-box {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
}

/* Para resoluciones por debajo de 1084px exactamente */
@media (max-width: 1084px) {
  .project-box {
    width: 100% !important;
  }
}

/* Pequeño ajuste para evitar errores de cálculo en Isotope */
#brxe-fbaxbp {
  overflow: hidden;
}

/* Estilo visual para botón activo (opcional) */
.filter-buttons button.is-active {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Animar icono accordeon en home */
#brxe-hgapwj.accordion-title-wrapper .brxe-icon,
#brxe-bsdlnp.accordion-title-wrapper .brxe-icon,
#brxe-vqspki.accordion-title-wrapper .brxe-icon,
#brxe-vgvweb.accordion-title-wrapper .brxe-icon {
       transform: rotate(90deg); 
}

#brxe-hgapwj.brx-open .accordion-title-wrapper .brxe-icon,
#brxe-bsdlnp.brx-open .accordion-title-wrapper .brxe-icon,
#brxe-vqspki.brx-open .accordion-title-wrapper .brxe-icon,
#brxe-vgvweb.brx-open .accordion-title-wrapper .brxe-icon,
#brxe-ufqnja.brx-open .brxe-icon,
#brxe-sstwpe.brx-open .brxe-icon,
#brxe-yoplcu.brx-open .brxe-icon,
#brxe-iewagb.brx-open .brxe-icon {
    transform: rotate(-180deg);
	transition: 200ms transform ease-in-out;
}

/* Animar despliegue de filtros en proyectos */
/*
#brxe-lcpniv {
  opacity: 0;
  transform: translateY(20px); 
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

#brxe-lcpniv.show {
  opacity: 1;
}
*/