/* Concretos de Ibagué — capa de vista clara y ajustes globales.
   La vista oscura es el diseño original: no necesita reglas.
   La vista clara sólo redefine los Global Colors que describen superficies oscuras. */

html[data-cdi-theme="light"] body[class*="elementor-kit-"]{
  --e-global-color-cdiink:#FFFFFF;
  --e-global-color-cdipanel:#F7F7F5;
  --e-global-color-cdiwhite:#0B0C0C;
  --e-global-color-cdiondark:#434A47;
  --e-global-color-cdimutedd:#6A706D;
  --e-global-color-cdilined:rgba(11,12,12,0.14);
  --e-global-color-cdibright:#141716;
  --e-global-color-cdisoft:#313835;
  --e-global-color-cdidim:#4A514D;
  --e-global-color-cdiline2:rgba(11,12,12,0.10);
  --e-global-color-cdiline3:rgba(11,12,12,0.20);
}
html[data-cdi-theme="light"] body{background:#FFFFFF;}
html:not([data-cdi-theme="light"]) body{background:#0B0C0C;}

/* Encabezado fijo */
.xpro-theme-builder-header{position:-webkit-sticky;position:sticky;top:0;z-index:400;}
.admin-bar .xpro-theme-builder-header{top:32px;}
@media screen and (max-width:782px){.admin-bar .xpro-theme-builder-header{top:46px;}}

/* El menú del pie se apila en vertical y alineado a la izquierda */
.cdi-footer-menu .xpro-elementor-horizontal-navbar-nav{flex-direction:column;align-items:flex-start;gap:4px;}
.cdi-footer-menu .xpro-elementor-horizontal-navbar-nav li{width:100%;}
.cdi-footer-menu .xpro-elementor-horizontal-navbar-nav li a{justify-content:flex-start;}

/* Botón flotante de WhatsApp */
.cdi-whatsapp{width:58px;height:58px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.40);
  transition:transform .25s ease,box-shadow .25s ease;}
.cdi-whatsapp:hover{transform:scale(1.07);box-shadow:0 14px 32px rgba(0,0,0,.50);}
.cdi-whatsapp .elementor-icon{color:#FFFFFF;}
@media(max-width:767px){.cdi-whatsapp{width:52px;height:52px;}}

/* Botón de vista: cursor de acción */
.cdi-theme-toggle a{cursor:pointer;}

/* Sólo escritorio: el botón de vista y el CTA del encabezado */
@media(max-width:1180px){.cdi-only-desktop{display:none !important;}}

/* Formulario: el "Tipo de empresa" se muestra como pastillas, igual que el diseño */
.wpforms-container .wpforms-field-radio ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;}
.wpforms-container .wpforms-field-radio li{margin:0 !important;}
.wpforms-container .wpforms-field-radio li input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}
.wpforms-container .wpforms-field-radio li label{display:inline-block;margin:0 !important;padding:12px 16px;cursor:pointer;
  border:1px solid rgba(11,12,12,.24);color:#3C4340;background:transparent;
  font-family:"Barlow Condensed",sans-serif;font-weight:500;font-size:14px;letter-spacing:.10em;text-transform:uppercase;line-height:1;
  transition:background .25s ease,border-color .25s ease,color .25s ease;}
.wpforms-container .wpforms-field-radio li label:hover{border-color:#0B0C0C;color:#0B0C0C;}
.wpforms-container .wpforms-field-radio li input[type="radio"]:checked + label{background:#12833C;border-color:#12833C;color:#FFFFFF;}
.wpforms-container .wpforms-field-radio li input[type="radio"]:focus-visible + label{outline:2px solid #12833C;outline-offset:3px;}

/* Desplazamiento suave y foco visible */
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}
  .elementor-invisible{visibility:visible !important;animation:none !important;}}
a:focus-visible,button:focus-visible{outline:2px solid #12833C;outline-offset:3px;}

/* Menu del pie: el widget de Xpro fija el color, hay que adaptarlo a la vista clara */
html[data-cdi-theme="light"] .cdi-footer-menu .xpro-elementor-horizontal-navbar-nav li a{color:#434A47 !important;}
html[data-cdi-theme="light"] .cdi-footer-menu .xpro-elementor-horizontal-navbar-nav li a:hover,
html[data-cdi-theme="light"] .cdi-footer-menu .xpro-elementor-horizontal-navbar-nav li.current-menu-item a{color:#0B0C0C !important;}