.elementor-1030 .elementor-element.elementor-element-19486e4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.3;--padding-top:250px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-19486e4:not(.elementor-motion-effects-element-type-background), .elementor-1030 .elementor-element.elementor-element-19486e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aalga.org/wp-content/uploads/2025/09/Hero-Instrumentos2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1030 .elementor-element.elementor-element-19486e4::before, .elementor-1030 .elementor-element.elementor-element-19486e4 > .elementor-background-video-container::before, .elementor-1030 .elementor-element.elementor-element-19486e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1030 .elementor-element.elementor-element-19486e4 > .elementor-background-slideshow::before, .elementor-1030 .elementor-element.elementor-element-19486e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1030 .elementor-element.elementor-element-19486e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1030 .elementor-element.elementor-element-ecb4d71{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.4;--border-radius:10px 10px 10px 10px;}.elementor-1030 .elementor-element.elementor-element-ecb4d71::before, .elementor-1030 .elementor-element.elementor-element-ecb4d71 > .elementor-background-video-container::before, .elementor-1030 .elementor-element.elementor-element-ecb4d71 > .e-con-inner > .elementor-background-video-container::before, .elementor-1030 .elementor-element.elementor-element-ecb4d71 > .elementor-background-slideshow::before, .elementor-1030 .elementor-element.elementor-element-ecb4d71 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1030 .elementor-element.elementor-element-ecb4d71 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_7 );--background-overlay:'';}.elementor-1030 .elementor-element.elementor-element-8e3c32c .elementor-heading-title{line-height:1.5em;color:#FFFFFF;}.elementor-1030 .elementor-element.elementor-element-abb5086{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-7ab712e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-weight:700;color:var( --e-global-color-blocksy_palette_2 );}.elementor-1030 .elementor-element.elementor-element-8857248{text-align:left;}.elementor-1030 .elementor-element.elementor-element-8857248 .elementor-heading-title{line-height:1.5em;}.elementor-1030 .elementor-element.elementor-element-1d581d5{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:var( --e-global-color-blocksy_palette_4 );}.elementor-1030 .elementor-element.elementor-element-e170675{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1030 .elementor-element.elementor-element-2bd25a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-2bd25a9:not(.elementor-motion-effects-element-type-background), .elementor-1030 .elementor-element.elementor-element-2bd25a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aalga.org/wp-content/uploads/2025/09/Hero-Instrumentos2.webp");background-repeat:no-repeat;background-size:cover;}.elementor-1030 .elementor-element.elementor-element-2bd25a9::before, .elementor-1030 .elementor-element.elementor-element-2bd25a9 > .elementor-background-video-container::before, .elementor-1030 .elementor-element.elementor-element-2bd25a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1030 .elementor-element.elementor-element-2bd25a9 > .elementor-background-slideshow::before, .elementor-1030 .elementor-element.elementor-element-2bd25a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1030 .elementor-element.elementor-element-2bd25a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1030 .elementor-element.elementor-element-49ea377{margin:200px 146px calc(var(--kit-widget-spacing, 0px) + 200px) 146px;text-align:center;}.elementor-1030 .elementor-element.elementor-element-a18184f{margin:-124px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1030 .elementor-element.elementor-element-a18184f.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1030 .elementor-element.elementor-element-a18184f .elementor-heading-title{font-size:20px;line-height:43px;}.elementor-1030 .elementor-element.elementor-element-a52e6bf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-a410f32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-0c9edf4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1030 .elementor-element.elementor-element-0c9edf4 img{border-radius:15px 15px 15px 15px;}.elementor-1030 .elementor-element.elementor-element-c1d3a7b{text-align:center;}.elementor-1030 .elementor-element.elementor-element-c1d3a7b .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-1030 .elementor-element.elementor-element-21464a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-641e4cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1030 .elementor-element.elementor-element-641e4cf img{transition-duration:2s;border-radius:15px 15px 15px 15px;}.elementor-1030 .elementor-element.elementor-element-8875708{text-align:center;}.elementor-1030 .elementor-element.elementor-element-8875708 .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-1030 .elementor-element.elementor-element-6aa71b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-d9eedff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1030 .elementor-element.elementor-element-d9eedff img{border-radius:15px 15px 15px 15px;}.elementor-1030 .elementor-element.elementor-element-056a115{text-align:center;}.elementor-1030 .elementor-element.elementor-element-056a115 .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-1030 .elementor-element.elementor-element-4cd788c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-0a745b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1030 .elementor-element.elementor-element-0a745b1 img{border-radius:15px 15px 15px 15px;}.elementor-1030 .elementor-element.elementor-element-5408ce7{text-align:center;}.elementor-1030 .elementor-element.elementor-element-5408ce7 .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-1030 .elementor-element.elementor-element-5e07ec7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-a055849{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1030 .elementor-element.elementor-element-a055849 img{border-radius:15px 15px 15px 15px;}.elementor-1030 .elementor-element.elementor-element-09e6a92{text-align:center;}.elementor-1030 .elementor-element.elementor-element-09e6a92 .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-1030 .elementor-element.elementor-element-6330065{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-7941865{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1030 .elementor-element.elementor-element-7941865 img{border-radius:15px 15px 15px 15px;}.elementor-1030 .elementor-element.elementor-element-e64dd3b{text-align:center;}.elementor-1030 .elementor-element.elementor-element-e64dd3b .elementor-heading-title{font-size:20px;line-height:1.5em;}@media(min-width:768px){.elementor-1030 .elementor-element.elementor-element-ecb4d71{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1030 .elementor-element.elementor-element-ecb4d71{--width:46%;}}@media(max-width:1024px){.elementor-1030 .elementor-element.elementor-element-19486e4{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1030 .elementor-element.elementor-element-a52e6bf{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1030 .elementor-element.elementor-element-2bd25a9{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1030 .elementor-element.elementor-element-49ea377{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}.elementor-1030 .elementor-element.elementor-element-49ea377 .elementor-heading-title{font-size:24px;}.elementor-1030 .elementor-element.elementor-element-a18184f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1030 .elementor-element.elementor-element-a52e6bf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-ecb4d71 */.cont-blur {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bc5829 */:root{
  --overlay-color: 35,33,33;        /* #232121 en rgb */
  --overlay-opa: 0.90;              /* opacidad final del overlay */
  
  --fade-dur: 420ms;
  --curve: cubic-bezier(.2,.7,0,1);
}

/* Contenedor de filtros */
.instrument-filters{
  display:flex; gap:.5rem; flex-wrap:wrap; align-items:center;
  margin:0 0 1rem 0;
}
.instrument-filters .filter-btn{
  appearance:none; border:0; padding:.45rem .9rem; border-radius:999px;
  background:#D8D8D8; color:#949393; font-weight:600; cursor:pointer;
  transition:transform .12s var(--curve), opacity .12s var(--curve);
  opacity:.85;
}
.instrument-filters .filter-btn:hover{ transform:translateY(-1px); opacity:1; }
.instrument-filters .filter-btn.is-active{
  background:#D15500; color: white; opacity:1;
}

/* Tarjeta base */
#instrument-grid .instrument-card{
  position:relative; overflow:hidden; border-radius:14px;
  isolation:isolate; /* Para que el ::before/::after no se “escape” */
}

/* Degradé: se dibuja con ::before */
#instrument-grid .instrument-card::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(
      to top,
      rgba(var(--overlay-color),0) 0%,
      rgba(var(--overlay-color),.55) 65%,
      rgba(var(--overlay-color),var(--overlay-opa)) 100%
    );
  opacity:0; transition:opacity var(--fade-dur) var(--curve);
  z-index:1;
}

/* Título dentro de la tarjeta */
#instrument-grid .instrument-title{
  position:absolute; left:16px; top:40px; right:16px;
  z-index:2; margin:0; color:#fff; line-height:1.1;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  opacity:0; transform:translateY(-6px);
  transition:opacity var(--fade-dur) var(--curve), transform var(--fade-dur) var(--curve);
  background: rgba(var(--overlay-color), var(--title-bg-opa));
  padding:.35rem .6rem; border-radius:10px;
  font-weight:900 !important;
  font-size: 40px !important;
}

/* --- Modo Desktop (hover disponible) --- */
@media (hover:hover) and (pointer:fine){
  #instrument-grid .instrument-card:hover::before{ opacity:1; }
  #instrument-grid .instrument-card:hover .instrument-title{
    opacity:1; transform:translateY(0);
  }
}

/* --- Modo Tablet/Mobile (sin hover): se activa con clase .in-view --- */
@media (hover:none), (pointer:coarse){
  #instrument-grid .instrument-card.in-view::before{ opacity:1; }
  #instrument-grid .instrument-card.in-view .instrument-title{
    opacity:1; transform:translateY(0);
  }
}

/* Ocultar con filtro (animado) */
#instrument-grid .instrument-card.is-hidden{
  opacity:0; transform:scale(.98);
  transition:opacity var(--fade-dur) var(--curve), transform var(--fade-dur) var(--curve);
  pointer-events:none;
}

/* Respeta usuarios con “reducir movimiento” */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}

#instrument-grid .instrument-card .instrument-title{
  font-weight: 900 !important;
  font-size: 80px !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

#instrument-grid .instrument-card .instrument-title{
  font-variation-settings: "wght" 800;
}

#instrument-grid .instrument-card{
  transition: none;           /* evita transitionend espurios en la tarjeta */
  will-change: opacity,transform;
}
#instrument-grid .instrument-card.is-hidden{
  transition: opacity var(--fade-dur) var(--curve), transform var(--fade-dur) var(--curve);
}

:root{
  --fade-dur: 260ms;
  --move-dur: 420ms;
  --curve: cubic-bezier(.2,.7,0,1);
}

/* Transiciones suaves de las tarjetas (reubicación y fade) */
#instrument-grid .instrument-card{
  transition: transform var(--move-dur) var(--curve), opacity var(--fade-dur) var(--curve);
  will-change: transform, opacity;
}
#instrument-grid .instrument-card.is-hidden{
  opacity:0; transform:scale(.98);
  pointer-events:none;
}

/* Opcional: si Elementor agrega transiciones al contenedor y te dispara events raros */
#instrument-grid{ transition:none !important; }

/* Transición suave para la imagen */
#instrument-grid .instrument-card img{
  transition: transform var(--fade-dur) var(--curve);
  transform-origin: center center;
}

/* Escala al hacer hover en desktop */
@media (hover:hover) and (pointer:fine){
  #instrument-grid .instrument-card:hover img{
    transform: scale(1.04);
  }
}

/* En mobile/tablet, cuando le agregás .in-view */
@media (hover:none), (pointer:coarse){
  #instrument-grid .instrument-card.in-view img{
    transform: scale(1.04);
  }
}/* End custom CSS */