.elementor-12183 .elementor-element.elementor-element-4009ed9:not(.elementor-motion-effects-element-type-background), .elementor-12183 .elementor-element.elementor-element-4009ed9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040404;background-image:url("https://globalshapersbilbao.org/wp-content/uploads/2025/02/bolas_1.gif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12183 .elementor-element.elementor-element-4009ed9{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 00px 0px 00px;z-index:1;}.elementor-12183 .elementor-element.elementor-element-4009ed9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12183 .elementor-element.elementor-element-3a037d0 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-12183 .elementor-element.elementor-element-3a037d0:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:0.71;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-12183 .elementor-element.elementor-element-3a037d0 > .elementor-element-populated{transition:background 1.8s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 40px 0px 0px;--e-column-margin-right:40px;--e-column-margin-left:0px;}.elementor-12183 .elementor-element.elementor-element-3a037d0 > .elementor-element-populated > .elementor-background-overlay{transition:background 2.7s, border-radius 0.3s, opacity 2.7s;}.elementor-12183 .elementor-element.elementor-element-28d29af{--spacer-size:20px;}.elementor-12183 .elementor-element.elementor-element-a1be196 > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-12183 .elementor-element.elementor-element-a1be196 .elementor-heading-title{color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-7b7cb1e > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-12183 .elementor-element.elementor-element-7b7cb1e{text-align:left;}.elementor-12183 .elementor-element.elementor-element-7b7cb1e .elementor-heading-title{font-family:"Hago", Sans-serif;letter-spacing:1.5px;color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-28e4ab8{padding:0px 0px 0px 30px;}.elementor-12183 .elementor-element.elementor-element-d552ee3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-d552ee3{font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-1e554c8 .elementor-button{background-color:#FFFFFF;fill:#882FAC;color:#882FAC;border-radius:50px 50px 50px 50px;}.elementor-12183 .elementor-element.elementor-element-1e554c8 > .elementor-widget-container{margin:5px 0px 0px 30px;}.elementor-12183 .elementor-element.elementor-element-2b27d9f{--spacer-size:50px;}.elementor-12183 .elementor-element.elementor-element-11019d9 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-12183 .elementor-element.elementor-element-11019d9:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:0.71;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-12183 .elementor-element.elementor-element-11019d9 > .elementor-element-populated{transition:background 1.8s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 40px 0px 0px;--e-column-margin-right:40px;--e-column-margin-left:0px;}.elementor-12183 .elementor-element.elementor-element-11019d9 > .elementor-element-populated > .elementor-background-overlay{transition:background 2.7s, border-radius 0.3s, opacity 2.7s;}.elementor-12183 .elementor-element.elementor-element-e1f36a8{--spacer-size:20px;}.elementor-12183 .elementor-element.elementor-element-16ecddc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-16ecddc .elementor-heading-title{color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-cf17107 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-cf17107{text-align:left;}.elementor-12183 .elementor-element.elementor-element-cf17107 .elementor-heading-title{font-family:"Hago", Sans-serif;letter-spacing:1.5px;color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-cc4b726{padding:0px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-999b7ba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-999b7ba{font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-9438c2f .elementor-button{background-color:#FFFFFF;fill:#882FAC;color:#882FAC;}.elementor-12183 .elementor-element.elementor-element-9438c2f > .elementor-widget-container{margin:5px 0px 0px 30px;}.elementor-12183 .elementor-element.elementor-element-f70b4a5 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-12183 .elementor-element.elementor-element-f70b4a5:hover > .elementor-element-populated >  .elementor-background-overlay{opacity:0.71;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-12183 .elementor-element.elementor-element-f70b4a5 > .elementor-element-populated{transition:background 1.8s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 40px -100px 0px;--e-column-margin-right:40px;--e-column-margin-left:0px;}.elementor-12183 .elementor-element.elementor-element-f70b4a5 > .elementor-element-populated > .elementor-background-overlay{transition:background 2.7s, border-radius 0.3s, opacity 2.7s;}.elementor-12183 .elementor-element.elementor-element-4fe3727{--spacer-size:20px;}.elementor-12183 .elementor-element.elementor-element-d6c67ed .elementor-heading-title{color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-f059ecd{text-align:left;}.elementor-12183 .elementor-element.elementor-element-f059ecd .elementor-heading-title{font-family:"Hago", Sans-serif;letter-spacing:1.5px;color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-325ada9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-325ada9{font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12183 .elementor-element.elementor-element-23435be .elementor-repeater-item-709adcc.elementor-social-icon{background-color:#FFFFFF00;}.elementor-12183 .elementor-element.elementor-element-23435be .elementor-repeater-item-6c5f0f1.elementor-social-icon{background-color:#02010100;}.elementor-12183 .elementor-element.elementor-element-23435be .elementor-repeater-item-9e091f0.elementor-social-icon{background-color:#02010100;}.elementor-12183 .elementor-element.elementor-element-23435be .elementor-repeater-item-995064a.elementor-social-icon{background-color:#02010100;}.elementor-12183 .elementor-element.elementor-element-23435be .elementor-repeater-item-fdfdc9f.elementor-social-icon{background-color:#100A0A00;}.elementor-12183 .elementor-element.elementor-element-23435be{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-12183 .elementor-element.elementor-element-23435be .elementor-widget-container{text-align:left;}.elementor-12183 .elementor-element.elementor-element-23435be > .elementor-widget-container{margin:7px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-da95bfa{--spacer-size:50px;}.elementor-12183 .elementor-element.elementor-element-12f11ac:not(.elementor-motion-effects-element-type-background), .elementor-12183 .elementor-element.elementor-element-12f11ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12183 .elementor-element.elementor-element-12f11ac{top:auto;bottom:0px;z-index:10;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-100px;margin-bottom:0px;padding:0px 0px -20px 0px;}.elementor-12183 .elementor-element.elementor-element-12f11ac + .wpr-hidden-header{top:0px;}.elementor-12183 .elementor-element.elementor-element-12f11ac + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-12183 .elementor-element.elementor-element-12f11ac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12183 .elementor-element.elementor-element-0673c92 > .elementor-element-populated{margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-12183 .elementor-element.elementor-element-655a66f > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-655a66f{text-align:right;}.elementor-12183 .elementor-element.elementor-element-655a66f img{width:12%;max-width:67%;height:65px;}.elementor-12183 .elementor-element.elementor-element-4380cc3 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-12183 .elementor-element.elementor-element-4380cc3{text-align:left;color:#FFFFFF;}@media(min-width:768px){.elementor-12183 .elementor-element.elementor-element-920445c{width:38.683%;}.elementor-12183 .elementor-element.elementor-element-dfa8399{width:61.317%;}}@media(max-width:1024px){.elementor-12183 .elementor-element.elementor-element-12f11ac{top:auto;bottom:0px;}.elementor-12183 .elementor-element.elementor-element-12f11ac + .wpr-hidden-header{top:0px;}.elementor-12183 .elementor-element.elementor-element-12f11ac + .wpr-hidden-header-flex{top:0px;}}@media(max-width:767px){.elementor-12183 .elementor-element.elementor-element-12f11ac{top:auto;bottom:0px;}.elementor-12183 .elementor-element.elementor-element-12f11ac + .wpr-hidden-header{top:0px;}.elementor-12183 .elementor-element.elementor-element-12f11ac + .wpr-hidden-header-flex{top:0px;}}/* Start custom CSS for spacer, class: .elementor-element-28d29af *//* Separador con alto proporcional a la altura de la pantalla */
.separador {
  height: 10vh; /* 10% del alto de la pantalla */
  background-color: #ccc; /* Color de fondo del separador */
  width: 80%; /* Ancho completo de la pantalla */
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-2b27d9f *//* Separador con alto proporcional a la altura de la pantalla */
.separador {
  height: 10vh; /* 10% del alto de la pantalla */
  background-color: #ccc; /* Color de fondo del separador */
  width: 100%; /* Ancho completo de la pantalla */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3a037d0 *//* Estilos básicos para las columnas */
.columna-expandible {
  transition: transform 0.3s ease, width 0.3s ease;
  transform-origin: left center;
  width: 33.33%; /* Tamaño predeterminado de las columnas cuando no hay hover */
  /* Aseguramos que las columnas tengan el tamaño normal al inicio */
}

/* Efecto al pasar el ratón sobre una columna (ampliar la columna en hover) */
.columna-expandible:hover {
  transform: scaleX(1); /* Mantener el aspecto normal para la columna activa */
  width: 80%; /* Ajustar el tamaño de la columna al 60% */
}


/* Título H2 siempre visible */
.columna-expandible h2 {
  position: relative;
  z-index: 2;
  text-align: left; /* Opcional */
  font-size: 70px; /* Tamaño inicial del título */
  transition: font-size 0.3s ease; /* Transición suave para el cambio de tamaño */
}

/* Aumentar tamaño del título H2 al hacer hover */
.columna-expandible:hover h2 {
  font-size: 100px; /* Tamaño aumentado al hacer hover */
}

/* Subtítulo H4, párrafo y botón inicialmente ocultos */
.columna-expandible h4,
.columna-expandible p,
.columna-expandible .elementor-button {
  opacity: 0; /* Invisibles inicialmente */
  transform: translateY(10px); /* Desplazados ligeramente hacia abajo */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Mostrar subtítulo, párrafo y botón al pasar el ratón */
.columna-expandible:hover h4,
.columna-expandible:hover p,
.columna-expandible:hover .elementor-button {
  opacity: 1; /* Hacer visibles */
  transform: translateY(0); /* Volver a su posición original */
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-e1f36a8 *//* Separador con alto proporcional a la altura de la pantalla */
.separador {
  height: 10vh; /* 10% del alto de la pantalla */
  background-color: #ccc; /* Color de fondo del separador */
  width: 80%; /* Ancho completo de la pantalla */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-11019d9 *//* Subtítulo H4, párrafo, botón e íconos sociales inicialmente ocultos */
.columna-expandible h4,
.columna-expandible p,
.columna-expandible .elementor-button,
.columna-expandible .elementor-social-icons,
.columna-expandible .elementor-widget-social-icons {
  opacity: 0; /* Invisibles inicialmente */
  transform: translateY(10px); /* Desplazados ligeramente hacia abajo */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Mostrar subtítulo, párrafo, botón e íconos sociales al pasar el ratón */
.columna-expandible:hover h4,
.columna-expandible:hover p,
.columna-expandible:hover .elementor-button,
.columna-expandible:hover .elementor-social-icons,
.columna-expandible:hover .elementor-widget-social-icons {
  opacity: 1; /* Hacer visibles */
  transform: translateY(0); /* Volver a su posición original */
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-4fe3727 *//* Separador con alto proporcional a la altura de la pantalla */
.separador {
  height: 10vh; /* 10% del alto de la pantalla */
  background-color: #ccc; /* Color de fondo del separador */
  width: 80%; /* Ancho completo de la pantalla */
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-da95bfa *//* Separador con alto proporcional a la altura de la pantalla */
.separador {
  height: 10vh; /* 10% del alto de la pantalla */
  background-color: #ccc; /* Color de fondo del separador */
  width: 100%; /* Ancho completo de la pantalla */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f70b4a5 *//* Estilos básicos para las columnas */
.columna-expandible {
  transition: transform 0.3s ease, width 0.3s ease;
  transform-origin: left center;
  width: 33.33%; /* Tamaño predeterminado de las columnas cuando no hay hover */
  /* Aseguramos que las columnas tengan el tamaño normal al inicio */
}

/* Efecto al pasar el ratón sobre una columna (ampliar la columna en hover) */
.columna-expandible:hover {
  transform: scaleX(1); /* Mantener el aspecto normal para la columna activa */
  width: 80%; /* Ajustar el tamaño de la columna al 60% */
}


/* Título H2 siempre visible */
.columna-expandible h2 {
  position: relative;
  z-index: 2;
  text-align: left; /* Opcional */
  font-size: 70px; /* Tamaño inicial del título */
  transition: font-size 0.3s ease; /* Transición suave para el cambio de tamaño */
}

/* Aumentar tamaño del título H2 al hacer hover */
.columna-expandible:hover h2 {
  font-size: 100px; /* Tamaño aumentado al hacer hover */
}

/* Subtítulo H4, párrafo y botón inicialmente ocultos */
.columna-expandible h4,
.columna-expandible p,
.columna-expandible .elementor-button {
  opacity: 0; /* Invisibles inicialmente */
  transform: translateY(10px); /* Desplazados ligeramente hacia abajo */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Mostrar subtítulo, párrafo y botón al pasar el ratón */
.columna-expandible:hover h4,
.columna-expandible:hover p,
.columna-expandible:hover .elementor-button {
  opacity: 1; /* Hacer visibles */
  transform: translateY(0); /* Volver a su posición original */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hago';
	font-display: auto;
	src: url('https://globalshapersbilbao.org/wp-content/uploads/2024/12/Hago-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */