.elementor-592 .elementor-element.elementor-element-3f2ed95{--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;}.elementor-592 .elementor-element.elementor-element-a8cdfba{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-592 .elementor-element.elementor-element-d253ca8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-592 .elementor-element.elementor-element-d253ca8 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-592 .elementor-element.elementor-element-ee6be17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-592 .elementor-element.elementor-element-dbf8031{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-592 .elementor-element.elementor-element-3cbff4c{background-color:#F4F343;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-592 .elementor-element.elementor-element-3cbff4c:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-592 .elementor-element.elementor-element-3cbff4c img{width:30px;}.elementor-592 .elementor-element.elementor-element-cec0b99{background-color:#FE0022;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-592 .elementor-element.elementor-element-cec0b99:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-592 .elementor-element.elementor-element-cec0b99 img{width:30px;}.elementor-592 .elementor-element.elementor-element-3621079{background-color:#29B29A;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-592 .elementor-element.elementor-element-3621079:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-592 .elementor-element.elementor-element-3621079 img{width:30px;}.elementor-592 .elementor-element.elementor-element-3b01368{background-color:#3A3B3B;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-592 .elementor-element.elementor-element-3b01368:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-592 .elementor-element.elementor-element-3b01368 img{width:30px;}.elementor-592 .elementor-element.elementor-element-c8ec34e{background-color:#A8AAAB;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-592 .elementor-element.elementor-element-c8ec34e:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-592 .elementor-element.elementor-element-c8ec34e img{width:30px;}.elementor-592 .elementor-element.elementor-element-4210339{background-color:#F0F4F6;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-592 .elementor-element.elementor-element-4210339:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-592 .elementor-element.elementor-element-4210339 img{width:30px;}@media(max-width:1024px){.elementor-592 .elementor-element.elementor-element-d253ca8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-592 .elementor-element.elementor-element-ee6be17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-592 .elementor-element.elementor-element-dbf8031{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-592 .elementor-element.elementor-element-3cbff4c{border-radius:24px 24px 24px 24px;}.elementor-592 .elementor-element.elementor-element-3cbff4c img{width:20px;height:12px;}.elementor-592 .elementor-element.elementor-element-cec0b99 img{width:20px;height:12px;}.elementor-592 .elementor-element.elementor-element-3621079 img{width:20px;height:12px;}.elementor-592 .elementor-element.elementor-element-3b01368 img{width:20px;height:12px;}.elementor-592 .elementor-element.elementor-element-c8ec34e img{width:20px;height:12px;}.elementor-592 .elementor-element.elementor-element-4210339 img{width:20px;height:12px;}}/* Start custom CSS for container, class: .elementor-element-3f2ed95 *//* ======================================================
   COLOR SWITCHER – CSS FINAL DEFINITIVO
   ====================================================== */

/* ---------- STAGE (altura estable, sin saltos) ---------- */
.color-switcher .color-stage{
  position: relative !important;
  aspect-ratio: 16 / 9;        /* AJUSTAR al ratio real si hace falta */
  overflow: hidden;
}

/* Normaliza wrappers de Elementor */
.color-switcher .color-stage .elementor-widget,
.color-switcher .color-stage .elementor-widget-container{
  position: static !important;
}

/* ---------- IMÁGENES (todas fuera del flujo) ---------- */
.color-switcher .color-stage .color-img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;

  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .35s ease !important;
  z-index: 1 !important;
}

/* Imagen interna */
.color-switcher .color-stage .color-img img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;   /* usar cover si querés recorte */
  display: block !important;
}

/* ======================================================
   LÓGICA FINAL (SIN SUPERPOSICIÓN)
   ====================================================== */

/* 1) Si NO hay ningún :target → mostrar SOLO la default (#img1) */
.color-switcher .color-stage:not(:has(.color-img:target)) #img1{
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}

/* 2) Si HAY :target → mostrar SOLO la imagen target */
.color-switcher .color-stage:has(.color-img:target) .color-img:target{
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 3 !important;
}

/* ---------- BOTONES (opcional, solo estética) ---------- */
.color-switcher .color-btn{
  cursor: pointer;
  user-select: none;
}/* End custom CSS */