/* Písma a barvy */

        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap');

        body { font-family: 'Inter', sans-serif; }

        

        /* Brand Barvy - Nové definice */

        .text-brand-pink { color: #E6007E; }

        .bg-brand-pink { background-color: #E6007E; }

        .hover-bg-brand-pink:hover { background-color: #c4006b; }

        

        .text-brand-green { color: #009640; }

        .bg-brand-green { background-color: #009640; }



        /* NOVÁ MODRÁ BARVA: #003a89 */

        .text-brand-blue { color: #003a89; }

        .bg-brand-blue { background-color: #003a89; }

        .hover-bg-brand-blue:hover { background-color: #002c6b; }



        /* Animace pro hladké zobrazení */

        .fade-in { animation: fadeIn 0.4s ease-in-out; }

        @keyframes fadeIn {

            from { opacity: 0; transform: translateY(10px); }

            to { opacity: 1; transform: translateY(0); }

        }



        /* CSS pro Slider */

        .slider-container {

            overflow: hidden;

            border-radius: 2rem;

        }



        .slide-track {

            display: flex;

            transition: transform 0.3s ease-in-out; /* Rychlejší animace (0.3s) */

            will-change: transform;

        }



        .slide-item {

            flex: 0 0 100%;

            width: 100%;

            height: 400px; /* Pevná výška pro zabránění CLS */

            /* Zde již není background-image, používáme IMG tag */

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            position: relative;

        }

        

        /* Styl pro IMG v slideru */

        .slide-item img {

            width: 100%;

            height: 100%;

            object-fit: cover; /* Důležité pro pokrytí celé plochy */

            position: absolute;

            z-index: 0;

        }





        .slide-overlay {

           

            position: absolute;

            inset: 0;

            z-index: 10;

        }

        

        @media (max-width: 1024px) {

            .slide-item {

                height: 300px;

            }

        }



/* NOVÉ BARVY PRO RÁMEČEK LEKTORŮ (Zde si můžete změnit RGB hodnoty) */

        

        .ring-custom {

            --tw-ring-color: #003a89; /* PŘÍKLAD: RGB pro rámeček při najetí */

        }



        .ring-custom2 {

            --tw-ring-color: #E6007E; /* PŘÍKLAD: RGB pro rámeček při najetí */

        }



         .ring-custom3 {

            --tw-ring-color: #009640; /* PŘÍKLAD: RGB pro rámeček při najetí */

        }



 /* Styly pro Zelený Kroužek při najetí (Pro sekci Proces) START */

        /* Barvy jsou definovány zde, aby se neopakovaly v inline HTML */

        .process-circle {

             transition: background-color 0.3s, color 0.3s, border-color 0.3s;

        }

        .process-circle:hover {

            background-color: #009640; /* Zelené pozadí */

            color: white; /* Bílý text */

            border-color: #009640; /* Zelený obrys */

        }

        /* Styly pro Zelený Kroužek při najetí (Pro sekci Proces) END */



 /* MESH GRADIENT POZADÍ 

  .bg-mesh {

            background-color: #f0f4f8;

            background-image: 

                radial-gradient(at 0% 0%, rgba(0, 58, 137, 0.12) 0px, transparent 50%), 

                radial-gradient(at 100% 0%, rgba(0, 58, 137, 0.08) 0px, transparent 50%), 

                radial-gradient(at 100% 100%, rgba(0, 58, 137, 0.15) 0px, transparent 50%), 

                radial-gradient(at 0% 100%, rgba(230, 0, 126, 0.04) 0px, transparent 50%), 

                radial-gradient(at 50% 50%, rgba(0, 58, 137, 0.05) 0px, transparent 50%);

            background-attachment: fixed;

        }

 */

        .bg-mesh {

            background-color: #ffffff;

            background-image: 

                radial-gradient(at 0% 0%, rgba(0, 106, 255, 0.404) 0px, transparent 50%), 

                radial-gradient(at 100% 0%, rgba(230, 0, 127, 0.164) 0px, transparent 50%), 

                radial-gradient(at 100% 100%, rgba(0, 137, 0, 0.15) 0px, transparent 50%), 

                radial-gradient(at 0% 100%, rgba(3, 175, 60, 0.329) 0px, transparent 50%), 

                radial-gradient(at 50% 50%, rgba(238, 243, 239, 0.247) 0px, transparent 50%);

            background-attachment: fixed;

        } 



        

        body {

  display: flex;

  flex-direction: column;

  min-height: 100vh; /* Zajistí výšku přes celou obrazovku */

}



main {

  flex: 1; /* Tato část (obsah) se roztáhne a odsune patičku dolů */

}



¨/* Styly pro Slider */

        .slider-container {

            overflow: hidden;

            border-radius: 2rem;

            position: relative;

            height: 100%;

        }



        .slide-track {

            display: flex;

            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);

            height: 100%;

        }



        .slide-item {

            flex: 0 0 100%;

            width: 100%;

            height: 100%;

        }



        .slide-item img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        .ring-custom3 { --tw-ring-color: #009640; }