.elementor-kit-8{--e-global-color-primary:#FA7701;--e-global-color-secondary:#DF7210;--e-global-color-text:#080808;--e-global-color-accent:#F8F8F8;--e-global-color-8d73766:#414141;--e-global-color-3abff8a:#201F1F;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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 *//* ========================================
   SCROLL SUAVE
======================================== */
html {
    scroll-behavior: smooth;
}

/* ========================================
   SELECCIÓN DE TEXTO
======================================== */
::selection {
    background: #FA7701;
    color: #FFFFFF;
}

/* ========================================
   BARRA DE SCROLL NARANJA
======================================== */
body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #0A0118;
}

body::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #FA7701 0%,
        #E96800 55%,
        #C65300 100%
    );
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #FF8C24 0%,
        #FA7701 55%,
        #E96800 100%
    );
}

/* ========================================
   HEADER CON EFECTO GLASS
======================================== */
.gc-glass-header {
    transition: background .3s ease, box-shadow .3s ease;
}

/* ========================================
   TARJETAS ANIMADAS
======================================== */
.gc-card {
    transition:
        transform .4s cubic-bezier(.2, .8, .2, 1),
        box-shadow .4s ease,
        border-color .4s ease;
}

.gc-card:hover {
    transform: translateY(-10px);
}

/* ========================================
   ELEMENTOS DECORATIVOS FLOTANTES
======================================== */
.gc-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    opacity: .55;
}

@keyframes gc-float {
    0%, 100% {
        transform: translateY(0) translateX(0);
    }

    50% {
        transform: translateY(-22px) translateX(10px);
    }
}

.gc-floaty {
    animation: gc-float 7s ease-in-out infinite;
}

.gc-floaty-slow {
    animation: gc-float 10s ease-in-out infinite;
    animation-delay: 1.5s;
}

/* ========================================
   ANIMACIÓN DE BRILLO NARANJA
======================================== */
@keyframes gc-pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(250, 119, 1, .5);
    }

    50% {
        box-shadow: 0 0 0 14px rgba(250, 119, 1, 0);
    }
}

.gc-pulse {
    animation: gc-pulse-glow 2.6s ease-in-out infinite;
}

/* ========================================
   TEXTO CON DEGRADADO NARANJA
======================================== */
.gc-gradient-text {
    background: linear-gradient(
        90deg,
        #FA7701,
        #C65300,
        #FA7701
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gc-gradient-move 6s linear infinite;
}

@keyframes gc-gradient-move {
    to {
        background-position: 200% center;
    }
}

/* ========================================
   ETIQUETAS / BADGES NARANJAS
======================================== */
.gc-badge {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 999px;
    background: rgba(250, 119, 1, .12);
    border: 1px solid rgba(250, 119, 1, .4);
    color: #FA7701;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 13px;
    animation: gc-pulse-glow 3s ease-in-out infinite;
}

/* ========================================
   DIVISORES ANIMADOS
======================================== */
.gc-divider-anim {
    position: relative;
    overflow: hidden;
}

/* ========================================
   ICONOS DE CAJAS
======================================== */
.elementor-icon-box-wrapper .elementor-icon-box-icon {
    transition: transform .4s ease;
}

.gc-card:hover .elementor-icon-box-icon {
    transform: scale(1.15) rotate(-6deg);
}

/* ========================================
   BOTONES DE ELEMENTOR
======================================== */
.e-con.elementor-element .elementor-button {
    transition: all .3s ease;
}

/* ========================================
   ICONOS TECNOLÓGICOS
======================================== */
.gc-tech-icon {
    transition: transform .3s ease, color .3s ease;
}

.gc-tech-icon:hover {
    transform: translateY(-6px) scale(1.1);
}

/* ========================================
   UTILIDADES DE POSICIONAMIENTO
======================================== */
.gc-relative {
    position: relative !important;
}

.gc-relative > .e-con-inner {
    position: relative;
    z-index: 2;
}

.elementor-shape-top,
.elementor-shape-bottom {
    z-index: 1;
}/* End custom CSS */