.elementor-kit-8{--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 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-8 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 *//* ===================================== */
/* Základné štýly (DESKTOP) - Trieda .hero-sap-one */
/* ===================================== */

.hero-sap-one {
    position: relative;
    overflow: hidden;
}

/* Pseudo-element pre Auru 1 (ľavá horná) - Oranžová */
.hero-sap-one::before {
    content: '';
    position: absolute;
    width: 650px; /* Zväčšené pre lepší efekt */
    height: 650px;
    background: #FF9933;
    border-radius: 50%;
    filter: blur(140px); /* Viac blur */
    opacity: 0.5;
    top: -150px;
    left: -150px;
    z-index: 0;
    /* ZMENA: Nová animácia pre široký pohyb (pomalá) */
    animation: wideDriftA 32s infinite ease-in-out alternate;
}

/* Pseudo-element pre Auru 2 (pravá dolná) - Tmavšia Oranžová */
.hero-sap-one::after {
    content: '';
    position: absolute;
    width: 550px; /* Zväčšené pre lepší efekt */
    height: 550px;
    background: #e67e22;
    border-radius: 50%;
    filter: blur(110px); /* Viac blur */
    opacity: 0.4;
    bottom: -100px;
    right: -100px;
    z-index: 0;
    /* ZMENA: Nová animácia pre široký pohyb (stredná rýchlosť a iný vzorec) */
    animation: wideDriftB 24s infinite ease-in-out alternate;
}

/* ===================================== */
/* DEFINÍCIE ANIMÁCIÍ (Široký Drift) - Nové definície pre celú stránku */
/* Používame rovnaké názvy ako pre modrú, ale mením posun v % viewportu */
/* Ak už máš tieto definície v Global CSS, nemusíš ich opakovať. */
/* Ak nie, vlož ich raz do hlavného CSS súboru. */
/* ===================================== */

@keyframes wideDriftA {
    0% { 
        transform: translate(0, 0) scale(1); 
        opacity: 0.5;
    }
    40% { 
        transform: translate(25vw, 15vh) scale(1.05); /* Pohyb 1/4 obrazovky */
        opacity: 0.6;
    }
    100% { 
        transform: translate(0, 0) scale(1);
        opacity: 0.5;
    }
}

@keyframes wideDriftB {
    0% { 
        transform: translate(0, 0) scale(1);
        opacity: 0.4;
    }
    50% { 
        transform: translate(-15vw, -20vh) scale(0.95); /* Pohyb smerom k opačnej strane */
        opacity: 0.35;
    }
    100% { 
        transform: translate(0, 0) scale(1);
        opacity: 0.4;
    }
}


/* ===================================== */
/* TABLETY (Max. šírka 1024px) - ÚPRAVA */
/* ===================================== */
@media (max-width: 1024px) {
    /* Zmenšenie veľkosti aury 1 */
    .hero-sap-one::before {
        width: 400px; /* Použijeme zmenšenú veľkosť z modrého kódu */
        height: 400px;
        filter: blur(80px);
        top: -100px;
        left: -100px;
    }

    /* Zmenšenie veľkosti aury 2 */
    .hero-sap-one::after {
        width: 300px; /* Použijeme zmenšenú veľkosť z modrého kódu */
        height: 300px;
        filter: blur(60px);
        bottom: -70px;
        right: -70px;
    }
}


/* ===================================== */
/* MOBILY (Max. šírka 767px) - ÚPRAVA  */
/* ===================================== */
@media (max-width: 767px) {
    /* Extrémne zmenšenie aury 1 */
    .hero-sap-one::before {
        width: 250px; /* Použijeme zmenšenú veľkosť z modrého kódu */
        height: 250px;
        filter: blur(50px);
        opacity: 0.4;
        top: -50px;
        left: -50px;
    }

    /* Extrémne zmenšenie aury 2 */
    .hero-sap-one::after {
        width: 200px; /* Použijeme zmenšenú veľkosť z modrého kódu */
        height: 200px;
        filter: blur(40px);
        opacity: 0.3;
        bottom: -50px;
        right: -50px;
    }
}

/* ===================================== */
/* Základné štýly (DESKTOP) - Trieda .hero-team-assistant */
/* ===================================== */

.hero-team-assistant {
    position: relative;
    overflow: hidden;
}

/* Aura 1 (Hlavná Zelená) - Široký drift A */
.hero-team-assistant::before {
    content: '';
    position: absolute;
    width: 650px; 
    height: 650px; 
    background: #A2FF33; 
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.5;
    top: -150px; 
    left: -150px; 
    z-index: 0;
    animation: wideDriftA 30s infinite ease-in-out alternate; 
}

/* Aura 2 (Doplnková Tmavšia Zelená) - Široký drift B */
.hero-team-assistant::after {
    content: '';
    position: absolute;
    width: 550px;
    height: 550px;
    background: #57B23E; 
    border-radius: 50%;
    filter: blur(110px);
    opacity: 0.4;
    bottom: -100px;
    right: -100px;
    z-index: 0;
    animation: wideDriftB 22s infinite ease-in-out alternate; 
}


/* ===================================== */
/* DEFINÍCIE ANIMÁCIÍ (OSTÁVAJÚ ROVNAKÉ) */
/* ===================================== */
@keyframes wideDriftA {
    0% { transform: translate(0, 0) scale(1); opacity: 0.5; }
    40% { transform: translate(25vw, 15vh) scale(1.05); opacity: 0.6; }
    100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
}
@keyframes wideDriftB {
    0% { transform: translate(0, 0) scale(1); opacity: 0.4; }
    50% { transform: translate(-15vw, -20vh) scale(0.95); opacity: 0.35; }
    100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
}


/* ===================================== */
/* TABLETY (Max. šírka 1024px) */
/* ===================================== */
@media (max-width: 1024px) {
    .hero-team-assistant::before { 
        width: 450px;  /* Mierne zmenšené oproti 500px, pre istotu */
        height: 450px; 
        filter: blur(90px); 
    }
    .hero-team-assistant::after { 
        width: 350px; 
        height: 350px; 
        filter: blur(70px); 
    }
}


/* ===================================== */
/* MOBILY (Max. šírka 767px) - NOVÁ SEKCIA */
/* ===================================== */
@media (max-width: 767px) {
    /* Aura 1 - Hlavná Zelená */
    .hero-team-assistant::before { 
        width: 250px; /* Extrémne zmenšenie z 650px */
        height: 250px; 
        filter: blur(50px); /* Veľmi jemný blur */
        opacity: 0.4; /* Nižšia opacita */
        top: -50px;  /* Posun bližšie k okraju */
        left: -50px;
    }
    /* Aura 2 - Doplnková Zelená */
    .hero-team-assistant::after { 
        width: 200px; /* Extrémne zmenšenie z 550px */
        height: 200px; 
        filter: blur(40px); /* Veľmi jemný blur */
        opacity: 0.3; /* Nižšia opacita */
        bottom: -40px; 
        right: -40px;
    }
}

/* Animovaný Gradient Textu pre Team Assistant (Lime Green) */
.animated-team-assistant-text {
    background: linear-gradient(
        90deg,
        #CCFF99,    /* Najsvetlejšia (Light Lime pre maximálny glow) */
        #A2FF33,    /* Hlavná Akcentná Zelená */
        #57B23E,    /* Tmavší Sýty Tón (pre hĺbku) */
        #A2FF33,    /* Hlavná Akcentná Zelená */
        #CCFF99     /* Znovu Najsvetlejšia pre plynulý loop */
    );
    background-size: 300%;
    animation: teamAssistantShift 8s ease-in-out infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Definícia animácie ostáva rovnaká */
@keyframes teamAssistantShift {
 0% { background-position: 0%; }
50% { background-position: 100%; }
 100% { background-position: 0%; }
}

.orange-animated-text {
    background: linear-gradient(
        90deg,
        #FFD700,  /* Žltá */
        #FF8C00,  /* Oranžová */
        #FF4500,  /* Červeno-oranžová */
        #FFD700   /* Žltá (opakujeme pre looping) */
    );
    background-size: 300%;
    animation: neonShiftOrange 6s ease-in-out infinite; /* Nová animácia */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Nová definícia animácie pre oranžovú */
@keyframes neonShiftOrange {
    0% { background-position: 0%; }
    50% { background-position: 100%; }
    100% { background-position: 0%; }
}

/* Celá sekcia */
.glow-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #2a1d14 0%, #1a120d 100%);
}

/* ===== Glowing center (breathing) ===== */
.glow-section::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 450px;
    height: 450px;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(255,120,40,0.4) 0%,
        rgba(0,0,0,0) 70%
    );
    filter: blur(45px);
    opacity: 0.5;
    animation: breatheGlow 6s ease-in-out infinite;
    z-index: 0;
}

/* ===== Two vertical orange glow stripes ===== */
.glow-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(
            circle at 30% 50%,
            rgba(255,120,40,0.25),
            transparent 60%
        ),
        radial-gradient(
            circle at 70% 50%,
            rgba(255,120,40,0.18),
            transparent 60%
        );
    filter: blur(60px);
    opacity: 0.45;
    z-index: 0;
}

/* Breathing animation */
@keyframes breatheGlow {
    0%   { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }
    50%  { opacity: 0.7; transform: translate(-50%, -50%) scale(1.12); }
    100% { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }
}

/* Obsah sekcie musí byť nad tým */
.glow-section > * {
    position: relative;
    z-index: 2;
}
@media (max-width: 767px) {
    .glow-section::before {
        width: 280px;
        height: 280px;
        filter: blur(35px);
        opacity: 0.45;
    }

    .glow-section::after {
        background:
            radial-gradient(
                circle at 35% 50%,
                rgba(255,120,40,0.20),
                transparent 55%
            ),
            radial-gradient(
                circle at 75% 50%,
                rgba(255,120,40,0.15),
                transparent 55%
            );
        filter: blur(45px);
        opacity: 0.35;
    }
}

/* ===================================== */
/* Základná Trieda a Animácia (Ostáva) */
/* ===================================== */
.animated-orange-bg {
    background: linear-gradient(
        90deg,
        #FF9900,    
        #FF8C00,    
        #E64A19,    
        #FF9900    
    );
    background-size: 300% 100%; 
    animation: orangeBgShift 6s ease-in-out infinite; 
    
    /* DÔLEŽITÉ: PRIDAŤ TRANSITION pre plynulý hover efekt */
    transition: all 0.3s ease;
}

/* Definícia animácie pre pohyblivé pozadie */
@keyframes orangeBgShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


/* ===================================== */
/* NOVÝ HOVER EFEKT (Rovnaký ako zelené) */
/* ===================================== */

.animated-orange-bg:hover {
    filter: brightness(1.05); /* Jemné zosvetlenie */
    
    /* Rovnaký pohyb nahor, aký má zelené tlačidlo */
    transform: translateY(-3px); 
    
    /* Silnejšia žiara (glow), prispôsobená oranžovej farbe */
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6); 
}

/* ================================================= */
/* UNIVERZÁLNY AMBIENTNÝ ORANŽOVÝ EFEKT (.ambient-auras) */
/* (Pre celé sekcie, ostáva rovnaký ako predtým) */
/* ================================================= */
.ambient-auras {
    position: relative;
    overflow: hidden;
    z-index: 1; 
}
.ambient-auras::before, 
.ambient-auras::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(80px); 
    z-index: 0; 
}
.ambient-auras::before {
    width: 250px; height: 250px;
    background: #FFD700; 
    opacity: 0.25; 
    top: 10%; left: 5%;
    animation: gentleDrift 28s infinite ease-in-out alternate;
}
.ambient-auras::after {
    width: 200px; height: 200px;
    background: #FF8C00; 
    opacity: 0.15; 
    bottom: 15%; right: 10%;
    animation: gentleDrift 38s infinite ease-in-out alternate; 
}
@keyframes gentleDrift {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(5vw, 5vh) scale(1.05); }
    100% { transform: translate(0, 0) scale(1); }
}
@media (max-width: 767px) {
    .ambient-auras::before { width: 180px; height: 180px; filter: blur(60px); }
    .ambient-auras::after { width: 150px; height: 150px; filter: blur(50px); }
}


/* ================================================= */
/* NOVÁ TRIEDA: Ambientné Aury PRE MALÉ KARTY (.ambient-card-auras) */
/* ================================================= */

.ambient-card-auras {
    position: relative;
    overflow: hidden;
    z-index: 1; /* Zabezpečí, že obsah karty je nad aurami */
}

/* Nastavenie oboch pseudo-elementov pre karty */
.ambient-card-auras::before, 
.ambient-card-auras::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(40px); /* Menej blur pre malé aury */
    z-index: 0;
}

/* Aura 1 pre karty: Ešte menšia, vľavo hore */
.ambient-card-auras::before {
    width: 100px; /* Podstatne menšie */
    height: 100px;
    background: #FFD700; /* Svetlejšia/žltšia oranžová */
    opacity: 0.2; /* Nízka priehľadnosť */
    top: -30px; /* Začína mierne mimo */
    left: -30px;
    animation: gentleCardDriftA 25s infinite ease-in-out alternate;
}

/* Aura 2 pre karty: Ešte menšia, vpravo dole */
.ambient-card-auras::after {
    width: 80px; /* Podstatne menšie */
    height: 80px;
    background: #FF8C00; /* Tmavšia oranžová */
    opacity: 0.1; /* Veľmi nízka priehľadnosť */
    bottom: -20px; /* Začína mierne mimo */
    right: -20px;
    animation: gentleCardDriftB 35s infinite ease-in-out alternate;
}

/* Definícia pomalého a jemného driftu pre karty (ešte menší pohyb) */
@keyframes gentleCardDriftA {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(10px, 15px) scale(1.03); } /* Malý pohyb */
    100% { transform: translate(0, 0) scale(1); }
}

@keyframes gentleCardDriftB {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-12px, -8px) scale(0.97); } /* Malý pohyb */
    100% { transform: translate(0, 0) scale(1); }
}

/* Responzivita pre karty na mobiloch (ešte menšie) */
@media (max-width: 767px) {
    .ambient-card-auras::before { 
        width: 80px; 
        height: 80px;
        filter: blur(30px); 
        opacity: 0.15;
    }
    .ambient-card-auras::after { 
        width: 60px; 
        height: 60px;
        filter: blur(25px);
        opacity: 0.08;
    }
}
/* ================================================= */
/* STATICKÝ GLOW EFEKT PRE MALÉ KARTY (.ambient-card-glow) */
/* (Zväčšené rozmery pre viditeľnejšiu žiaru) */
/* ================================================= */

.ambient-card-glow {
    position: relative;
    overflow: hidden;
    z-index: 1; /* Obsah karty je nad žiarou */
}

.ambient-card-glow::before, 
.ambient-card-glow::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0; 
    /* Žiadna animácia, len statický blur/glow */
}

/* Glow 1: Svetlejšia žiara (Vľavo Hore) - ZVÄČŠENÉ */
.ambient-card-glow::before {
    width: 120px; /* Zväčšené zo 80px */
    height: 120px;
    background: #FFD700; 
    opacity: 0.3; /* Mierne vyššia opacita */
    filter: blur(60px); /* Zväčšený blur */
    top: -30px; 
    left: -30px;
}

/* Glow 2: Tmavšia žiara (Vpravo Dole) - ZVÄČŠENÉ */
.ambient-card-glow::after {
    width: 90px; /* Zväčšené zo 60px */
    height: 90px;
    background: #FF8C00; 
    opacity: 0.2; /* Mierne vyššia opacita */
    filter: blur(45px); /* Zväčšený blur */
    bottom: -20px;
    right: -20px;
}

/* ===================================== */
/* Primárne Oranžové Tlačidlo (.orange-btn-primary) */
/* ===================================== */
.orange-btn-primary {
    /* ZMENA: Farby na Oranžovú Paletu */
    background: linear-gradient(
        90deg,
        #FFD700,    /* Najsvetlejšia (Gold) */
        #FF8C00,    /* Hlavná Oranžová */
        #E64A19,    /* Tmavší Sýty Tón */
        #FFD700     /* Opakovanie pre plynulý loop */
    );
    
    /* KĽÚČOVÉ VLASTNOSTI PRE ANIMÁCIU (Prevzaté zo zeleného) */
    background-size: 300% 100%; 
    animation: orangeBgShift 6s ease-in-out infinite; 
    
    /* ZMENA: Farba textu na Bielu pre lepšiu čitateľnosť na tmavšej oranžovej */
    color: #FFFFFF !important; 
    font-weight: 700;
    border: none !important;
    border-radius: 50px; 
    
    /* ZMENA: Box Shadow pre Oranžovú žiaru */
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4); 
    transition: all 0.3s ease;
}

/* Hover efekt pre primárne oranžové tlačidlo */
.orange-btn-primary:hover {
    filter: brightness(1.05); /* Jemné zosvetlenie */
    
    /* ZMENA: Silnejšia žiara pri hoveri */
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6); 
    transform: translateY(-3px); /* Mierny pohyb nahor */
}

/* ===================================== */
/* NOVÁ DEFINÍCIA ANIMÁCIE (Pohybuje pozadím) */
/* ===================================== */

@keyframes orangeBgShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Primárne Zelené Tlačidlo (Plný ANIMOVANÝ Gradient) */
.green-btn-primary {
    /* Gradient ostáva rovnaký */
    background: linear-gradient(
        90deg,
        #CCFF99,    /* Najsvetlejšia (Highlight) */
        #A2FF33,    /* Hlavná Lime Zelená */
        #57B23E,    /* Tmavší Sýty Tón */
        #CCFF99     /* Opakovanie pre plynulý loop */
    );
    
    /* ZMENA: KĽÚČOVÉ VLASTNOSTI PRE ANIMÁCIU */
    background-size: 300% 100%; /* Rozšírenie pozadia na 300% šírky */
    animation: greenBgShift 6s ease-in-out infinite; /* Aplikácia animácie */
    
    color: #111111 !important;
    font-weight: 700;
    border: none !important;
    border-radius: 50px; 
    box-shadow: 0 4px 15px rgba(162, 255, 51, 0.4); 
    transition: all 0.3s ease;
}

/* Hover efekt pre primárne tlačidlo */
.green-btn-primary:hover {
    filter: brightness(1.05);
    box-shadow: 0 6px 20px rgba(162, 255, 51, 0.6);
    transform: translateY(-3px); 
}

/* ===================================== */
/* NOVÁ DEFINÍCIA ANIMÁCIE PRE ZELENÉ TLAČIDLO */
/* ===================================== */

@keyframes greenBgShift {
    0% { background-position: 0% 50%; } /* Pohyb začína vľavo */
    50% { background-position: 100% 50%; } /* Pohyb ide doprava */
    100% { background-position: 0% 50%; } /* Pohyb sa vracia späť */
}/* End custom CSS */