.elementor-620 .elementor-element.elementor-element-6741a4d{--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-620 .elementor-element.elementor-element-259a4e0{--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-620 .elementor-element.elementor-element-a92662d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-620 .elementor-element.elementor-element-a92662d .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-620 .elementor-element.elementor-element-2ada055{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-620 .elementor-element.elementor-element-ae9e8af{--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-620 .elementor-element.elementor-element-7d798b1{background-color:#739684;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-7d798b1:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-7d798b1 img{width:30px;}.elementor-620 .elementor-element.elementor-element-bb926c1{background-color:#FFFFFF;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-bb926c1:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-bb926c1 img{width:30px;}.elementor-620 .elementor-element.elementor-element-03bdb16{background-color:#18575A;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-03bdb16:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-03bdb16 img{width:30px;}.elementor-620 .elementor-element.elementor-element-83dc4f7{background-color:#2F3232;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-83dc4f7:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-83dc4f7 img{width:30px;}.elementor-620 .elementor-element.elementor-element-47df764{background-color:#000000;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-47df764:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-47df764 img{width:30px;}.elementor-620 .elementor-element.elementor-element-5ba64bd{background-color:#6D90A4;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-5ba64bd:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-5ba64bd img{width:30px;}.elementor-620 .elementor-element.elementor-element-15e0892{background-color:#2F3232;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-620 .elementor-element.elementor-element-15e0892:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-620 .elementor-element.elementor-element-15e0892 img{width:30px;}@media(max-width:1024px){.elementor-620 .elementor-element.elementor-element-a92662d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-620 .elementor-element.elementor-element-2ada055{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-620 .elementor-element.elementor-element-ae9e8af{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-620 .elementor-element.elementor-element-7d798b1{border-radius:24px 24px 24px 24px;}.elementor-620 .elementor-element.elementor-element-7d798b1 img{width:20px;height:12px;}.elementor-620 .elementor-element.elementor-element-bb926c1 img{width:20px;height:12px;}.elementor-620 .elementor-element.elementor-element-03bdb16 img{width:20px;height:12px;}.elementor-620 .elementor-element.elementor-element-83dc4f7 img{width:20px;height:12px;}.elementor-620 .elementor-element.elementor-element-47df764 img{width:20px;height:12px;}.elementor-620 .elementor-element.elementor-element-5ba64bd img{width:20px;height:12px;}.elementor-620 .elementor-element.elementor-element-15e0892 img{width:20px;height:12px;}}/* Start custom CSS for container, class: .elementor-element-6741a4d *//* ======================================================
   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 */