.elementor-kit-24{--e-global-color-primary:#00C2D5;--e-global-color-secondary:#FF7600;--e-global-color-text:#232323;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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-24 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end: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: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 *//* =========================================
   TITANIUM GLOBAL CORE V1.0
   ========================================= */

/* 1. IMPORTAR FUENTE 'INTER' (APPLE STYLE) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&display=swap');

/* 2. RESET Y BASES */
:root {
    --titanium-orange: #FF7700;
    --titanium-dark: #020617;
    --titanium-glass: rgba(30, 41, 59, 0.7);
    --text-white: #ffffff;
    --text-gray: #94A3B8;
}

html {
    scroll-behavior: smooth; /* Para que el menú navegue suave */
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    background-color: var(--titanium-dark); /* Evita pantallazos blancos al cargar */
    color: var(--text-white);
    -webkit-font-smoothing: antialiased; /* Texto nítido como en Mac */
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden; /* Evita scroll lateral indeseado */
}

/* 3. SELECCIÓN DE TEXTO (TOQUE DE LUJO) */
/* Cuando el usuario selecciona texto, se ve naranja */
::selection {
    background: var(--titanium-orange);
    color: #ffffff;
}

/* 4. BARRA DE SCROLL PERSONALIZADA (CHROME/EDGE/SAFARI) */
::-webkit-scrollbar {
    width: 10px;
    background: #0B1120;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #FF7700, #ea580c);
    border-radius: 5px;
    border: 2px solid #0B1120;
}

::-webkit-scrollbar-track {
    background: #020617;
}

/* 5. ARREGLOS DE ELEMENTOR GLOBAL */
/* Quitar espacios blancos molestos que a veces deja Elementor */
.elementor-section {
    overflow: hidden;
}

/* Hacer que los títulos H1, H2, H3 hereden la fuerza de la marca */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: -0.02em; /* Kerning ajustado profesional */
}

/* 6. MEJORA DEL MENÚ (SI USA HEADER DE ELEMENTOR) */
/* Esto le da efecto cristal al menú si tiene clase .titanium-header */
.titanium-header {
    background: rgba(2, 6, 23, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Botones del menú activos */
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: var(--titanium-orange) !important;
}/* End custom CSS */