.elementor-kit-242{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-242 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ═══════════════════════════════════════════════
   ROCATECH — Global CSS para Elementor
   Pegar en: Elementor → Site Settings → Custom CSS
   (o Apariencia → Personalizar → CSS adicional)
═══════════════════════════════════════════════ */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@400;500;600;700&display=swap');

/* Variables globales */
:root {
  --rt-navy:    #010133;
  --rt-blue:    #017BFC;
  --rt-cyan:    #0BC9F0;
  --rt-bg:      #03031A;
  --rt-bg2:     #060622;
  --rt-bg3:     #09092E;
  --rt-surface: #0C0C35;
  --rt-border:  rgba(1,123,252,0.13);
  --rt-text:    #D8E6F4;
  --rt-muted:   #7288A6;
  --rt-dim:     #364A62;
  --rt-grad:    linear-gradient(135deg, #017BFC 0%, #0BC9F0 100%);
}

/* Body base */
body { background: var(--rt-bg) !important; color: var(--rt-text); }

/* Scrollbar */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--rt-bg); }
::-webkit-scrollbar-thumb { background: var(--rt-blue); border-radius: 2px; }
::selection { background: rgba(1,123,252,0.25); color: #fff; }

/* Background grid lines (global) */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(1,123,252,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1,123,252,.025) 1px, transparent 1px);
  background-size: 72px 72px;
}

/* Elementor page wrapper sobre el grid */
.elementor { position: relative; z-index: 1; }

/* Sect label (etiqueta tipo monospace encima de títulos) */
.rt-sect-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; letter-spacing: 3px; text-transform: uppercase;
  color: var(--rt-cyan);
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 1rem;
}
.rt-sect-label::before {
  content: ''; display: block; width: 20px; height: 1px;
  background: var(--rt-cyan);
}

/* Animación pulse (hero pill dot) */
@keyframes rtPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

/* Animación fadeUp (reveal) */
@keyframes rtFadeUp {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

/* Hero spec grid responsive */
@media (max-width: 560px) {
  .rt-hero-specs { grid-template-columns: 1fr !important; }
  .rt-hero-specs > div {
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    padding: .9rem 0 !important;
  }
}/* End custom CSS */