.elementor-631 .elementor-element.elementor-element-cb9b2ed{--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-631 .elementor-element.elementor-element-5adec63{--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-631 .elementor-element.elementor-element-d794c38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-631 .elementor-element.elementor-element-d794c38 .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-631 .elementor-element.elementor-element-5dad3fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-631 .elementor-element.elementor-element-13e2217{--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-631 .elementor-element.elementor-element-e5f786d{background-color:#739684;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-631 .elementor-element.elementor-element-e5f786d:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-631 .elementor-element.elementor-element-e5f786d img{width:30px;}.elementor-631 .elementor-element.elementor-element-6beef55{background-color:#FFFFFF;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-631 .elementor-element.elementor-element-6beef55:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-631 .elementor-element.elementor-element-6beef55 img{width:30px;}.elementor-631 .elementor-element.elementor-element-42c8f2f{background-color:#18575A;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-631 .elementor-element.elementor-element-42c8f2f:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-631 .elementor-element.elementor-element-42c8f2f img{width:30px;}.elementor-631 .elementor-element.elementor-element-a0200e7{background-color:#2F3232;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-631 .elementor-element.elementor-element-a0200e7:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-631 .elementor-element.elementor-element-a0200e7 img{width:30px;}.elementor-631 .elementor-element.elementor-element-837e0eb{background-color:#000000;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-631 .elementor-element.elementor-element-837e0eb:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-631 .elementor-element.elementor-element-837e0eb img{width:30px;}.elementor-631 .elementor-element.elementor-element-3c808cb{background-color:#6D90A4;border-style:solid;border-color:#E4E4E4;border-radius:100px 100px 100px 100px;}.elementor-631 .elementor-element.elementor-element-3c808cb:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.37);}.elementor-631 .elementor-element.elementor-element-3c808cb img{width:30px;}@media(max-width:1024px){.elementor-631 .elementor-element.elementor-element-d794c38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-631 .elementor-element.elementor-element-5dad3fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-631 .elementor-element.elementor-element-13e2217{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-631 .elementor-element.elementor-element-e5f786d{border-radius:24px 24px 24px 24px;}.elementor-631 .elementor-element.elementor-element-e5f786d img{width:20px;height:12px;}.elementor-631 .elementor-element.elementor-element-6beef55 img{width:20px;height:12px;}.elementor-631 .elementor-element.elementor-element-42c8f2f img{width:20px;height:12px;}.elementor-631 .elementor-element.elementor-element-a0200e7 img{width:20px;height:12px;}.elementor-631 .elementor-element.elementor-element-837e0eb img{width:20px;height:12px;}.elementor-631 .elementor-element.elementor-element-3c808cb img{width:20px;height:12px;}}/* Start custom CSS for container, class: .elementor-element-cb9b2ed *//* ======================================================
   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 */