/* ==========================================================================
   CARVAJAL DIGITAL — Ajustes julio (LaBrutal)
   Un solo archivo. Cada bloque comentado por número de punto.
   Cargado por: wp-content/mu-plugins/carvajal-ajustes.php
   ========================================================================== */

/* Punto 02 — YA RESUELTO en el sitio: los números pasaron a widgets Counter
   nativos de Elementor (sin la clase .matrix-digit-glowing ni text-shadow),
   así que ya no aparece el glow oscuro/neón al animar. No requiere CSS. */

/* Punto 03 — Recuadros de métricas "Respaldando a los líderes de Latam".
   Las 4 tarjetas ya están en fila con align-items:stretch (igual alto).
   El número iba a 39px y "8 de cada 10" desbordaba/estiraba la tarjeta;
   se reduce SOLO en esta sección (scope .cvd-metric-row) para equilibrarlas.
   No afecta a los contadores del hero (viven bajo .tech-grid-banner). */
.cvd-metric-row .elementor-counter .elementor-counter-number-wrapper{
  font-size: 30px !important;
  letter-spacing: -1px !important;
  line-height: 1.12 !important;
}

/* Punto 04 — YA RESUELTO: el banner "El Cerebro Operativo Digital de
   Latinoamérica" ya está presente como badge del hero. No requiere cambios. */

/* Punto 05, 06 y 07 — Quitar los mini-gráficos de las 3 tarjetas de soluciones
   (Home › "Soluciones que Habilitan tu Crecimiento").
   El mini-gráfico es el 2º widget HTML de cada tarjeta; el 1º es el ícono.
   Oculta SOLO ese 2º html (conserva ícono, título, descripción, "Saber más"
   y el tag lateral). Reversible: borrar este bloque. */
.solution-card-futuristic .elementor-widget-html ~ .elementor-widget-html{
  display: none !important;
}

/* Punto 10 — Retirar la sección de conectores de CEN Financiero.
   Se oculta el contenedor completo "De tu ERP al ente fiscal en 4 pasos"
   de forma reversible, sin alterar otros contenidos ni los widgets Elementor. */
.elementor-element-a2284ec0{
  display: none !important;
}

/* CEN Financiero — ocultar secciones fuera del deck (reversible: borrar este bloque).
   Beneficios/Funcionalidades, Cómo funciona (4 pasos), Métricas y FAQ (pendiente LLMO).
   Se fuerza por ID porque el "Ocultar en dispositivo" nativo renderiza clases vacías
   por los breakpoints personalizados del sitio. Los toggles de Elementor quedan igual. */
.elementor-element-e7b7b12,
.elementor-element-a2284ec0,
.elementor-element-af864675,
.elementor-element-c903acc6 { display: none !important; }

/* ==========================================================================
   RONDA 1 — Sistema visual: sombras, animación de entrada, tarjetas, CTA
   (estructura/animación/sombras/iconos — sin repintar la paleta existente)
   ========================================================================== */
:root{
  --cta-violet:#7C3AED;
  --cta-grad:linear-gradient(135deg,#5B21B6 0%,#7C3AED 100%);
  --shadow-soft:0 2px 8px rgba(16,24,40,.04);
  --shadow-card:0 4px 16px rgba(16,24,40,.06);
  --shadow-card-hover:0 16px 40px rgba(16,24,40,.10);
}

/* --- 0.3 Elevación suave + 0.5 hover lift en tarjetas --- */
.cd-card{ box-shadow:var(--shadow-card); transition:transform .25s ease, box-shadow .25s ease; position:relative; }
@media(hover:hover){ .cd-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-card-hover); } }

/* --- 0.5 Entrada fadeInUp 600ms con stagger (solo si el JS activa .cd-anim;
       si el JS falla, las tarjetas quedan visibles) --- */
html.cd-anim .cd-card{ opacity:0; transform:translateY(18px); }
html.cd-anim .cd-card.is-in{ opacity:1; transform:none;
  transition:opacity .6s ease-out, transform .6s ease-out, box-shadow .25s ease; }
html.cd-anim .cd-card:nth-child(2).is-in{ transition-delay:.10s }
html.cd-anim .cd-card:nth-child(3).is-in{ transition-delay:.20s }
html.cd-anim .cd-card:nth-child(4).is-in{ transition-delay:.30s }
html.cd-anim .cd-card:nth-child(5).is-in{ transition-delay:.40s }
html.cd-anim .cd-card:nth-child(6).is-in{ transition-delay:.50s }
@media(hover:hover){ html.cd-anim .cd-card.is-in:hover{ transform:translateY(-6px); } }
@media (prefers-reduced-motion:reduce){
  html.cd-anim .cd-card{ opacity:1!important; transform:none!important; }
}

/* --- Sección 2: profundidad (blob) por página, usando el acento YA existente --- */
.cd-card{ overflow:hidden; }
.cd-card::after{
  content:''; position:absolute; right:-40px; bottom:-50px; width:190px; height:190px;
  border-radius:50%; pointer-events:none; z-index:0;
  background:radial-gradient(circle at 32% 30%, rgba(100,116,139,.10), transparent 70%);
}
.cd-card > *{ position:relative; z-index:1; }
body.page-id-435 .cd-card::after,
body.page-id-272 .cd-card::after,
body.page-id-335 .cd-card::after,
body.page-id-350 .cd-card::after{ background:radial-gradient(circle at 32% 30%, rgba(127,71,221,.13), transparent 70%); }
body.page-id-105 .cd-card::after{ background:radial-gradient(circle at 32% 30%, rgba(65,174,227,.15), transparent 70%); }
body.page-id-163 .cd-card::after{ background:radial-gradient(circle at 32% 30%, rgba(132,188,38,.15), transparent 70%); }
body.page-id-179 .cd-card::after{ background:radial-gradient(circle at 32% 30%, rgba(0,84,135,.13), transparent 70%); }

/* --- Layout escalonado: DESACTIVADO por pedido del cliente (sep-2026) ---
   "Esta seccion no se va a hacer como unas arriba y otros abajo. Como filas."
   Las grillas grandes pasaron a container Grid de Elementor (3 o 4 columnas).
   La clase .cd-stagger se deja en el markup por si se quiere revertir:
   basta con descomentar el bloque de abajo.
@media(min-width:1025px){
  .cd-stagger > .cd-card:nth-child(even){ margin-top:34px; }
}
*/
.cd-stagger > .cd-card{ margin-top:0 !important; }

/* --- A3 · Botón de formularios en violeta (marca compartida, todas las páginas) --- */
.elementor-widget-form .elementor-button[type="submit"],
.elementor-widget-form button[type="submit"],
.elementor-widget-form .elementor-button{
  background-color:var(--cta-violet)!important;
  background-image:var(--cta-grad)!important;
  color:#fff!important; border:0!important;
  border-radius:12px!important;
  box-shadow:var(--shadow-card);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.elementor-widget-form .elementor-button:hover{
  filter:brightness(.94); transform:translateY(-2px); box-shadow:var(--shadow-card-hover);
}
.elementor-widget-form .elementor-field:focus,
.elementor-widget-form .elementor-field-textual:focus{
  border-color:var(--cta-violet)!important;
  box-shadow:0 0 0 3px rgba(124,58,237,.15)!important; outline:none!important;
}

/* --- A11 · Contadores: sin destello oscuro al cargar --- */
.elementor-counter .elementor-counter-number-wrapper,
.elementor-counter .elementor-counter-number{
  transition:none!important; animation:none!important;
}

/* --- A18 · Micro-animaciones tech (sutiles, sin saturar) --- */
.cd-arrow{
  width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  transition:transform .25s ease, box-shadow .25s ease;
}
.cd-card:hover .cd-arrow{ transform:translateX(4px); box-shadow:var(--shadow-card); }
.cd-chip{
  display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;
  font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
}

/* --- A13 · Sectores: separar los checks y romper la monotonía de cuadritos --- */
.cd-checks{ align-items:flex-start!important; }
/* alternos: sin caja, como lista con check (rompe la repetición) */
.cd-checks > .cd-check:nth-child(odd){
  background:transparent!important; border:0!important; box-shadow:none!important;
  padding-left:0!important; padding-right:0!important;
}
.cd-checks > .cd-check:nth-child(odd)::after{ display:none; }      /* sin blob en los "lista" */
/* los que sí son tarjeta: un poco más de aire y ancho distinto */
.cd-checks > .cd-check:nth-child(even){ padding:22px 24px!important; }
@media(min-width:1025px){
  .cd-checks > .cd-check:nth-child(3n+1){ flex:1 1 46%!important; }
  .cd-checks > .cd-check:nth-child(3n+2){ flex:1 1 30%!important; }
  .cd-checks > .cd-check:nth-child(3n){   flex:1 1 38%!important; }
  .cd-checks > .cd-check:nth-child(even){ margin-top:0!important; } /* no escalonar los checks */
}

/* --- A2 · Selector de país en la barra superior (MX/PE sin destino aún) --- */
.cd-country{ display:inline-flex; align-items:center; gap:4px; background:#fff;
  border:1px solid rgba(15,27,45,.10); border-radius:9999px; padding:4px; box-shadow:var(--shadow-soft); }
.cd-country__item{ font-family:'Inter',sans-serif; font-size:12px; font-weight:600; line-height:1; letter-spacing:.3px;
  color:#64748b; background:transparent; border:0; border-radius:9999px; padding:7px 11px;
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  transition:background .2s ease, color .2s ease; }
.cd-country__item:hover{ background:#f1f5f9; color:#0F1B2D; }
.cd-country__item.is-active{ background:var(--cta-violet); color:#fff; cursor:default; }
.cd-country__item[aria-disabled="true"]{ opacity:.72; }
@media(max-width:1200px){ .cd-country__label{ display:none; } .cd-country__item{ padding:7px 9px; } }

/* --- A14 · Tarjetas de Recursos como acceso a su categoría --- */
.cd-linkcard{ cursor:pointer; }

/* ==========================================================================
   RONDA 3 — comentarios del cliente (sep-2026)
   ========================================================================== */

/* Ronda 3 · "no agregarle el circulito difuminado a las tarjetas para que se
   lea bien el contenido" (Inicio > Ecosistema critico). El radial-gradient de
   .cd-card::after quedaba detras del numero y del texto. Se retira SOLO en las
   tarjetas que llevan una cifra; las grillas normales conservan la profundidad. */
.cvd-metric-row .cd-card::after,
.cd-card:has(.elementor-widget-counter)::after{ display:none !important; }

/* Ronda 3 · Cobertura regional: Colombia extendida arriba, Mexico y Peru
   compactos con boton hacia su sitio. El destino de los dos botones esta
   pendiente de confirmar; mientras tanto el widget no imprime href. */
.cvd-pais-compacto{ justify-content:space-between; }
.cvd-pais-compacto .elementor-widget-button{ margin-top:auto; }
.cvd-pais-btn .elementor-button{
  background:transparent !important;
  border:1px solid rgba(148,163,184,.55);
  color:#475569 !important;
  border-radius:12px !important;
  padding:10px 18px !important;
  font-size:14px; font-weight:600;
  transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.cvd-pais-btn .elementor-button:hover{
  background:var(--cta-violet) !important;
  border-color:var(--cta-violet);
  color:#fff !important;
}
.cvd-pais-btn .elementor-button svg,
.cvd-pais-btn .elementor-button i{ font-size:12px; }

/* Ronda 3 · Numeros de "Aliados conectados" en CEN Transaccional.
   Pasaron de widget html con .matrix-digit-glowing (animacion "matrix" que el
   cliente leia como brillo) a Counter nativo, igual que en Inicio. */
.cvd-ally-num .elementor-counter-number-wrapper{
  justify-content:center;
  transition:none !important;
  animation:none !important;
}