.elementor-93 .elementor-element.elementor-element-0f85f91{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--overlay-opacity:0.7;--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-93 .elementor-element.elementor-element-0f85f91:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-0f85f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orbitavisual.com/wp-content/uploads/2026/05/fondo-portafolio-diseno-web-Large.webp");background-position:0% 25%;background-size:cover;}.elementor-93 .elementor-element.elementor-element-0f85f91::before, .elementor-93 .elementor-element.elementor-element-0f85f91 > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-0f85f91 > .e-con-inner > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-0f85f91 > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-0f85f91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-0f85f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #A0000D 100%);}.elementor-93 .elementor-element.elementor-element-00c748e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-93 .elementor-element.elementor-element-6e9c152 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;line-height:1em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-93 .elementor-element.elementor-element-d76f1e6{font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-93 .elementor-element.elementor-element-64e6ddf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.84;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-93 .elementor-element.elementor-element-64e6ddf::before, .elementor-93 .elementor-element.elementor-element-64e6ddf > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-64e6ddf > .e-con-inner > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-64e6ddf > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-64e6ddf > .e-con-inner > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-64e6ddf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-93 .elementor-element.elementor-element-75cc303{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter-item{font-family:"Poppins", Sans-serif;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-93 .elementor-element.elementor-element-8088466{--grid-columns:3;}@media(min-width:768px){.elementor-93 .elementor-element.elementor-element-00c748e{--width:50%;}}@media(max-width:1024px){.elementor-93 .elementor-element.elementor-element-0f85f91:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-0f85f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-93 .elementor-element.elementor-element-8088466{--grid-columns:2;}}@media(max-width:767px){.elementor-93 .elementor-element.elementor-element-0f85f91{--min-height:200px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-93 .elementor-element.elementor-element-0f85f91:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-0f85f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-93 .elementor-element.elementor-element-00c748e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-93 .elementor-element.elementor-element-6e9c152{width:100%;max-width:100%;text-align:center;}.elementor-93 .elementor-element.elementor-element-6e9c152 .elementor-heading-title{font-size:25px;}.elementor-93 .elementor-element.elementor-element-d76f1e6{text-align:center;font-size:13px;}.elementor-93 .elementor-element.elementor-element-64e6ddf{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-93 .elementor-element.elementor-element-8088466{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-75cc303 *//* 1. Contenedor de los filtros */
.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
    border: none !important;
}

/* 2. Estilo de cada botón (píldora) */
.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter-item {
    background-color: #1a1a1a !important; /* Fondo oscuro */
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 100px !important;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease-in-out !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    cursor: pointer;
}

/* 3. Efecto al pasar el mouse (Hover) */
.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter-item:hover {
    background-color: #252525 !important;
    border-color: rgba(255, 14, 0, 0.5) !important; /* Rojo sutil */
    transform: translateY(-2px);
}

/* 4. Botón Activo (Seleccionado) */
.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter-item[aria-pressed="true"],
.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter-item.e-active {
    background-color: #FF0E00 !important; /* Tu rojo Onscaleads */
    color: #ffffff !important;
    border-color: #FF0E00 !important;
    box-shadow: 0 8px 20px rgba(255, 14, 0, 0.3);
}

/* Limpieza de estilos por defecto de Elementor */
.elementor-93 .elementor-element.elementor-element-75cc303 .e-filter-item {
    outline: none !important;
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64e6ddf *//* =========================================
   ULTRA DARK PREMIUM BACKGROUND
   Cleaner • Darker • More Cinematic
   ========================================= */

.bg-ultra{
    position: relative;
    overflow: hidden;

    isolation: isolate;

    background:
        radial-gradient(
            circle at top right,
            rgba(255,0,70,.06),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #020203 0%,
            #050507 45%,
            #030304 100%
        );
}

/* =========================================
   TOP GLOW
   ========================================= */

.bg-ultra::before{
    content: "";

    position: absolute;

    width: 850px;
    height: 850px;

    top: -420px;
    right: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,0,85,.16) 0%,
            rgba(255,0,85,.05) 38%,
            transparent 72%
        );

    filter: blur(55px);

    animation:
        glowFloat1 12s ease-in-out infinite alternate;

    pointer-events: none;

    z-index: -1;
}

/* =========================================
   BOTTOM GLOW
   ========================================= */

.bg-ultra::after{
    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    bottom: -280px;
    left: -160px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,0,90,.07),
            transparent 72%
        );

    filter: blur(65px);

    animation:
        glowFloat2 15s ease-in-out infinite alternate;

    pointer-events: none;

    z-index: -1;
}

/* =========================================
   CENTER AMBIENT LIGHT
   ========================================= */

.bg-ultra .bg-blur{
    position: absolute;

    width: 420px;
    height: 420px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,20,90,.045),
            transparent 75%
        );

    filter: blur(70px);

    animation:
        ambientMove 18s ease-in-out infinite;

    pointer-events: none;

    z-index: -1;
}

/* =========================================
   NOISE
   ========================================= */

.bg-ultra .noise{
    position: absolute;
    inset: 0;

    opacity: .018;

    background-image:
        url("https://grainy-gradients.vercel.app/noise.svg");

    mix-blend-mode: soft-light;

    pointer-events: none;

    z-index: -1;
}

/* =========================================
   SUBTLE VIGNETTE
   ========================================= */

.bg-ultra .vignette{
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle,
            transparent 45%,
            rgba(0,0,0,.45) 100%
        );

    pointer-events: none;

    z-index: -1;
}

/* =========================================
   ANIMATIONS
   ========================================= */

@keyframes glowFloat1{

    0%{
        transform:
            translate(0,0)
            scale(1);
    }

    100%{
        transform:
            translate(-40px,35px)
            scale(1.08);
    }
}

@keyframes glowFloat2{

    0%{
        transform:
            translate(0,0)
            scale(1);
    }

    100%{
        transform:
            translate(30px,-25px)
            scale(1.1);
    }
}

@keyframes ambientMove{

    0%{
        transform:
            translate(-50%, -50%)
            scale(1);
    }

    50%{
        transform:
            translate(-47%, -53%)
            scale(1.08);
    }

    100%{
        transform:
            translate(-52%, -48%)
            scale(1);
    }
}/* End custom CSS */