.elementor-kit-7{--e-global-color-primary:#F4511E;--e-global-color-secondary:#1E293B;--e-global-color-text:#1E293B;--e-global-color-accent:#CBD5E1;--e-global-color-fondo:#F8FAFC;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:500;background-color:#F8FAFC;font-family:"Inter", Sans-serif;font-size:18px;line-height:1.6em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.5em;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-kit-7 h1{font-family:"Space Grotesk", Sans-serif;font-size:68px;font-weight:700;}.elementor-kit-7 h2{font-family:"Space Grotesk", Sans-serif;font-size:44px;font-weight:700;line-height:1.1em;}.elementor-kit-7 h3{font-family:"Space Grotesk", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;}.elementor-kit-7 h4{font-family:"Space Grotesk", Sans-serif;font-size:20px;font-weight:500;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:16px;}.elementor-kit-7 h1{font-size:42px;}.elementor-kit-7 h2{font-size:32px;}.elementor-kit-7 h3{font-size:20px;}.elementor-kit-7 h4{font-size:18px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ─── CANDADO DE SEGURIDAD PARA LOS CONTENEDORES (Fija los límites en iPhone) ─── */
.grid-bg-hero, 
.grid-bg-dark, 
.grid-bg-cta {
  position: relative !important;
  overflow: hidden !important; /* Impide por la fuerza que la cuadrícula o los textos se salgan de la pantalla */
}

/* Cuadrícula técnica — hero */
.grid-bg-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(203,213,225,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203,213,225,0.06) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 60% 30%, #000 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at 60% 30%, #000 20%, transparent 75%);
  pointer-events: none;
}

/* Cuadrícula técnica — especialización */
.grid-bg-dark::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(203,213,225,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203,213,225,0.05) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 30% 60%, #000 25%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at 30% 60%, #000 25%, transparent 70%);
  pointer-events: none;
}

/* Cuadrícula técnica — CTA final */
.grid-bg-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(203,213,225,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203,213,225,0.05) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 70% 50%, #000 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 70% 50%, #000 30%, transparent 80%);
  pointer-events: none;
}

/* ─── OPTIMIZACIÓN DE LA CUADRÍCULA PARA PANTALLAS MÓVILES ─── */
@media (max-width: 767px) {
  .grid-bg-hero::before {
    background-size: 40px 40px !important; /* Rejilla un poco más densa, escala mejor en teléfonos */
    mask-image: radial-gradient(circle at center, #000 40%, transparent 90%) !important;
    -webkit-mask-image: radial-gradient(circle at center, #000 40%, transparent 90%) !important;
  }
}/* End custom CSS */