.elementor-605 .elementor-element.elementor-element-b5a3786{--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-605 .elementor-element.elementor-element-85816dd{--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-605 .elementor-element.elementor-element-3645b0c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-605 .elementor-element.elementor-element-3645b0c .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-605 .elementor-element.elementor-element-d5754f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-605 .elementor-element.elementor-element-1d28809{--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-605 .elementor-element.elementor-element-80e4736{background-color:#A8AAAB;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-605 .elementor-element.elementor-element-80e4736:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-605 .elementor-element.elementor-element-80e4736 img{width:30px;}.elementor-605 .elementor-element.elementor-element-4714d03{background-color:#8A0124;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-605 .elementor-element.elementor-element-4714d03:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-605 .elementor-element.elementor-element-4714d03 img{width:30px;}.elementor-605 .elementor-element.elementor-element-e48654a{background-color:#000001;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-605 .elementor-element.elementor-element-e48654a:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-605 .elementor-element.elementor-element-e48654a img{width:30px;}.elementor-605 .elementor-element.elementor-element-fb1465b{background-color:#E0E5E8;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-605 .elementor-element.elementor-element-fb1465b:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-605 .elementor-element.elementor-element-fb1465b img{width:30px;}@media(max-width:1024px){.elementor-605 .elementor-element.elementor-element-3645b0c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-605 .elementor-element.elementor-element-d5754f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-605 .elementor-element.elementor-element-1d28809{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-605 .elementor-element.elementor-element-80e4736{border-radius:24px 24px 24px 24px;}.elementor-605 .elementor-element.elementor-element-80e4736 img{width:20px;height:12px;}.elementor-605 .elementor-element.elementor-element-4714d03 img{width:20px;height:12px;}.elementor-605 .elementor-element.elementor-element-e48654a img{width:20px;height:12px;}.elementor-605 .elementor-element.elementor-element-fb1465b img{width:20px;height:12px;}}/* Start custom CSS for container, class: .elementor-element-b5a3786 *//* ======================================================
   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 */