.elementor-15 .elementor-element.elementor-element-49061f6{--display:flex;--min-height:90vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15 .elementor-element.elementor-element-6832929{--display:flex;--position:absolute;top:0px;}.elementor-15 .elementor-element.elementor-element-6832929:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-6832929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://buenobueno.net/wp-content/uploads/2026/09/hero-6-road.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-6832929{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-6832929{right:0px;}.elementor-15 .elementor-element.elementor-element-126407d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-a6f42b5{text-align:center;}.elementor-15 .elementor-element.elementor-element-a6f42b5 .elementor-heading-title{font-family:"Geologica", Sans-serif;font-size:2.4em;font-weight:600;color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-49061f6 *//* =========================================
   VIRTUALGEORGE HERO - SUBTLE PROTOTYPE V3
   ========================================= */


/* OUTER HERO */

.elementor-15 .elementor-element.elementor-element-49061f6 {
    position: relative;
    overflow: hidden;
}


/* =========================================
   BACKGROUND IMAGE SCENE
   Only the photograph zooms
   ========================================= */

.elementor-15 .elementor-element.elementor-element-49061f6 .vg-scene {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    transform-origin: center center;
    will-change: transform;

    animation: vgSceneZoom 28s ease-in-out infinite alternate;
}


@keyframes vgSceneZoom {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.025);
    }

}


/* =========================================
   HTML WIDGET / STAR OVERLAY
   Does NOT zoom with photograph
   ========================================= */

.elementor-15 .elementor-element.elementor-element-49061f6 > .e-con-inner > .elementor-widget-html {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 3;

    pointer-events: none;
}


.elementor-15 .elementor-element.elementor-element-49061f6 > .e-con-inner > .elementor-widget-html > .elementor-widget-container {
    width: 100%;
    height: 100%;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .vg-sky {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;

    pointer-events: none;
}


/* =========================================
   CONTENT
   ========================================= */

.elementor-15 .elementor-element.elementor-element-49061f6 .vg-content {
    position: relative;

    z-index: 10;
}


/* =========================================
   TWINKLING STARS
   ========================================= */

.elementor-15 .elementor-element.elementor-element-49061f6 .vg-star {
    position: absolute;

    width: 2px;
    height: 2px;

    border-radius: 50%;

    background: rgba(255,255,255,.9);

    opacity: .20;

    box-shadow:
        0 0 3px rgba(190,225,255,.5);

    animation-name: vgTwinkle;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}


/* Scatter stars throughout upper sky */

.elementor-15 .elementor-element.elementor-element-49061f6 .s1 {
    left: 10%;
    top: 12%;

    animation-duration: 10s;
    animation-delay: 1s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s2 {
    left: 21%;
    top: 27%;

    width: 3px;
    height: 3px;

    animation-duration: 13s;
    animation-delay: 5s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s3 {
    left: 34%;
    top: 17%;

    animation-duration: 9s;
    animation-delay: 7s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s4 {
    left: 44%;
    top: 35%;

    animation-duration: 14s;
    animation-delay: 2s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s5 {
    left: 56%;
    top: 10%;

    width: 3px;
    height: 3px;

    animation-duration: 12s;
    animation-delay: 8s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s6 {
    left: 66%;
    top: 26%;

    animation-duration: 11s;
    animation-delay: 4s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s7 {
    left: 77%;
    top: 16%;

    animation-duration: 15s;
    animation-delay: 9s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s8 {
    left: 87%;
    top: 32%;

    width: 3px;
    height: 3px;

    animation-duration: 13s;
    animation-delay: 6s;
}


.elementor-15 .elementor-element.elementor-element-49061f6 .s9 {
    left: 39%;
    top: 45%;

    animation-duration: 16s;
    animation-delay: 10s;
}


/* Twinkle */

@keyframes vgTwinkle {

    0%,
    42%,
    100% {
        opacity: .18;
        transform: scale(1);
    }

    50% {
        opacity: .28;
    }

    55% {
        opacity: .75;
        transform: scale(1.35);
    }

    62% {
        opacity: .22;
        transform: scale(1);
    }

}


/* =========================================
   SHOOTING STAR
   ========================================= */

.elementor-15 .elementor-element.elementor-element-49061f6 .vg-shooting-star {
    position: absolute;

    left: 68%;
    top: 20%;

    width: 110px;
    height: 1px;

    opacity: 0;

    background: linear-gradient(
        90deg,
        rgba(255,255,255,0),
        rgba(170,215,255,.25),
        rgba(240,248,255,.75)
    );

    transform: rotate(-25deg);

    filter:
        drop-shadow(0 0 2px rgba(180,220,255,.35));

    animation: vgMeteor 26s ease-out infinite;
}


@keyframes vgMeteor {

    0%,
    88% {
        opacity: 0;

        transform:
            translate(0,0)
            rotate(-25deg);
    }

    90% {
        opacity: .65;
    }

    93% {
        opacity: .55;
    }

    96% {
        opacity: 0;

        transform:
            translate(150px,-75px)
            rotate(-25deg);
    }

    100% {
        opacity: 0;

        transform:
            translate(150px,-75px)
            rotate(-25deg);
    }

}


/* =========================================
   REDUCED MOTION
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-15 .elementor-element.elementor-element-49061f6 .vg-scene,
    .elementor-15 .elementor-element.elementor-element-49061f6 .vg-star,
    .elementor-15 .elementor-element.elementor-element-49061f6 .vg-shooting-star {
        animation: none !important;
    }

}/* End custom CSS */