/*==============================
            CONTENIDO DEL BANNER
        ==============================*/
        
        .tech-content{
            position:relative;
            z-index:5;
        }
        
        /*==============================
            IMAGEN INFERIOR DERECHA
        ==============================*/
        
        .banner-image{
            position:absolute;
        
            bottom:0px;
            right:40px;
        
            z-index:10;
        
            animation:fadeInRight 1.2s ease-out,
                      floating 5s ease-in-out infinite;
        }
        
        /* Halo luminoso */
        
        .banner-image::before{
        
            content:'';
            position:absolute;
        
            width:320px;
            height:320px;
        
            left:50%;
            top:50%;
        
            transform:translate(-50%,-50%);
        
            border-radius:50%;
        
            background:radial-gradient(circle,
                rgba(255,255,255,.30) 0%,
                rgba(255,255,255,.12) 45%,
                transparent 75%);
        
            filter:blur(18px);
        
            animation:pulse 5s ease-in-out infinite;
        
            z-index:-1;
        
        }
        
        /* Imagen */
        
        .banner-image img{
        
            width:140px;
            height:auto;
            display:block;
        
            filter:drop-shadow(0 15px 30px rgba(0,0,0,.18));
        
        }
        
        /*==============================
            ANIMACIONES
        ==============================*/
        
        @keyframes fadeInRight{
        
            from{
        
                opacity:0;
                transform:translateX(60px);
        
            }
        
            to{
        
                opacity:1;
                transform:translateX(0);
        
            }
        
        }
        
        @keyframes floating{
        
            0%{
                transform:translateY(0px);
            }
        
            50%{
                transform:translateY(-8px);
            }
        
            100%{
                transform:translateY(0px);
            }
        
        }
        
        @keyframes pulse{
        
            0%,100%{
        
                transform:translate(-50%,-50%) scale(.95);
                opacity:.45;
        
            }
        
            50%{
        
                transform:translate(-50%,-50%) scale(1.05);
                opacity:.9;
        
            }
        
        }
        
        /*==============================
            RESPONSIVE
        ==============================*/
        
        @media(max-width:1200px){
        
            .banner-image{
        
                right:40px;
        
            }
        
            .banner-image img{
        
                width:280px;
        
            }
        
        }
        
        @media(max-width:991px){
        
            .banner-image{
        
                top:40px;
                right:20px;
        
            }
        
            .banner-image img{
        
                width:220px;
        
            }
        
        }
        
        @media(max-width:767px){
        
            .banner-image{
        
                display:none;
        
            }
        
        }