.elementor-kit-17{--e-global-color-primary:#ED1C24;--e-global-color-secondary:#0B0F19;--e-global-color-text:#A6A6A6;--e-global-color-accent:#FF0009;--e-global-color-a67fc57:#FFFFFF;--e-global-color-3946d25:#000000;--e-global-typography-primary-font-family:"Inter";--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;background-color:#111111;font-family:"Inter", Sans-serif;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-kit-17 a{font-family:"Inter", Sans-serif;}.elementor-kit-17 h1{font-family:"Inter", Sans-serif;}.elementor-kit-17 h2{font-family:"Inter", Sans-serif;}.elementor-kit-17 h3{font-family:"Inter", Sans-serif;}.elementor-kit-17 h4{font-family:"Inter", Sans-serif;}.elementor-kit-17 h5{font-family:"Inter", Sans-serif;}.elementor-kit-17 h6{font-family:"Inter", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.main-banner::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    background-image: url(https://cesarwebdev.com/wp-content/uploads/2025/03/bg-glow.png);
    background-size: 100% 100%;
    background-position: center bottom;
    opacity: 0.5;
}

.figma-section {
    border-top: 1px solid;
    border-image-source: linear-gradient(90deg, #fff0 0, rgb(113 97 159 / .5) 50%, #fff0 100%);
    border-image-slice: 1;
}

.glow-on-top:after {
    content: "";
    position: absolute;
    height: 425px;
    left: 0;
    right: 0;
    top: 0;
    background: radial-gradient(50% 100% at 50% 0, rgba(115, 99, 248, 0.2) 0, #fff0 100%);
    pointer-events: none;
    transition: all 0.6s linear;
}

.glow-on-bottom:before {
    content: "";
    position: absolute;
    height: 425px;
    left: 0;
    right: 0;
    bottom: 0;
    top: initial;
    background: radial-gradient(50% 100% at 50% 0, rgb(115 99 248 / .2) 0, #fff0 100%);
    transform: rotate(180deg);
    pointer-events: none;
}

.figma-section:after {
    content: "";
    position: absolute;
    height: 425px;
    left: 0;
    right: 0;
    top: 0;
    background: radial-gradient(50% 100% at 50% 0, rgba(115, 99, 248, 0.2) 0, #fff0 100%);
    pointer-events: none;
    transition: all 0.6s linear;
}

.figma-section:before {
    content: "";
    position: absolute;
    height: 425px;
    left: 0;
    right: 0;
    bottom: 0;
    top: initial;
    background: radial-gradient(50% 100% at 50% 0, rgb(115 99 248 / .2) 0, #fff0 100%);
    transform: rotate(180deg);
    pointer-events: none;
}

.cesar-menu {
    box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
    z-index: 222;
}

.cesar-menu a {
    text-shadow: #270024 -1px -1px 0;
    padding: 25px 15px !important;
}

.cesar-menu .items-cesar svg
{
    fill: white;
    width: 18px;
    height: 18px;
}

.cesar-menu .items-cesar a:hover {
    background-color: white;
    text-shadow: none;
    color: darkred !important;
    box-shadow: rgba(0, 0, 0, 0.5) 0 40px 40px -7px;
    fill: darkred !important;
}

.cesar-menu .elementor-nav-menu {
    padding: 0;
    margin: 0;
}

.cesar-menu .elementor-menu-toggle {
    background-color: #7f0505;
    margin-right: auto;
    background-color: #7f0505;
    border: solid 1px red;
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #fff9f9 !important;
    box-shadow: 0px 0px 14px 5px #ff9393cc !important;
}

.cesar-subtitulo span {
    border-radius: 4px;
    display: inline-block;
    padding: 10px 14px;
    background-color: rgb(255, 255, 255, 0.2);
    box-shadow: 4px 4px 20px 20px rgba(0, 0, 0, .1);
    text-shadow: 1px 1px 2px black;
    border: solid 1px #5e5e5e;
}

.cesar-titulo strong {
    background: linear-gradient(90deg, #ff31dc, #fc0000);
    font-weight: 700;
    white-space: nowrap;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid #37abff;
    position: relative;
    padding: 10px;
}

.cesar-titulo .top-left {
    height: 5px;
    width: 5px;
    background: #ffffff;
    border: 1px solid #37abff;
    position: absolute;
    top: -5px;
    left: -5px;
}

.cesar-titulo .top-right {
    height: 5px;
    width: 5px;
    background: #ffffff;
    border: 1px solid #37abff;
    position: absolute;
    top: -5px;
    right: -5px;
}

.cesar-titulo .bottom-left {
    height: 5px;
    width: 5px;
    background: #ffffff;
    border: 1px solid #37abff;
    position: absolute;
    bottom: -5px;
    left: -5px;
}

.cesar-titulo .bottom-right {
    height: 5px;
    width: 5px;
    background: #ffffff;
    border: 1px solid #37abff;
    position: absolute;
    bottom: -5px;
    right: -5px;
}

.cesar-galeria .elementor-gallery__container a {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
}

.cesar-galeria .elementor-gallery__container a .e-gallery-image {
    border-radius: 10px;
}

.cesar-galeria .elementor-gallery__container a .elementor-gallery-item__description {
    display: none;
}

.cesar-website-projects>.e-child .elementor-cta__description {
    width: 50%;
    margin-bottom: 0;
}

.cesar-website-projects .e-child .elementor-cta__content {
    border-radius: 10px;
}

.cesar-website-projects>.e-child .elementor-cta__button-wrapper {
    width: 50%;
    text-align: right;
}

.cesar-website-projects>.e-child .elementor-cta__image {
    position: relative;
}

.cesar-website-projects>.e-child .elementor-cta__image:after {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 99%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 99%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.cesar-subtitulo-v2 span {
    position: relative;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 40px;
    z-index: 10;
    background: #E20000;
    background: linear-gradient(to top right, #E20000 0%, #EFE682 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}

.cesar-subtitulo-v2 span::before {
    content: "";
    position: absolute;

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: inherit;

    background: rgb(186, 0, 0);
    background: -moz-linear-gradient(90deg, rgba(186, 0, 0, 1) 0%, rgba(255, 103, 65, 1) 55%, rgba(236, 0, 64, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(186, 0, 0, 1) 0%, rgba(255, 103, 65, 1) 55%, rgba(236, 0, 64, 1) 100%);
    background: linear-gradient(90deg, rgba(186, 0, 0, 1) 0%, rgba(255, 103, 65, 1) 55%, rgba(236, 0, 64, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ba0000", endColorstr="#ec0040", GradientType=1);

    -webkit-animation: bghover 3s linear infinite;
    animation: bghover 3s linear infinite;

    background-size: 400% 400%;
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
}

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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.cesar-subtitulo-v2 span::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: black;
    z-index: -1;
    border-radius: inherit;
    width: calc(100% - 4px);
    height: calc(100% - 4px);    
}


.cesar-titulos-v3 span {
    color: #528bff;
    background-image: linear-gradient(45deg, #528bff 0%, #4994e4 50%, #005c99 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.cesar-titulos-v3 span {
    position: relative;
}

.cesar-titulos-v3 span:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 234px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='235' height='28' viewBox='0 0 235 28' fill='none'%3E%3Cg clip-path='url(%23clip0_274_190)'%3E%3Cpath d='M181.574 5.43859C121.439 4.04959 61.5063 8.57331 2.00281 17.2494C-0.137152 17.5667 -0.851636 14.3695 1.30536 13.936C17.7596 10.6523 34.3491 8.11511 51.0099 6.09076C80.9022 2.48274 110.968 0.475651 141.077 0.078141C171.705 -0.339035 202.618 0.879531 233.045 4.57077C234.852 4.79014 234.707 7.51377 232.869 7.40002C215.762 6.57619 198.694 5.83299 181.574 5.43859Z' fill='url(%23paint0_linear_274_190)'/%3E%3Cpath d='M98.6732 18.88C74.6712 20.8852 50.844 24.1869 26.9745 27.4566L26.9235 27.4094C25.7252 27.5797 25.3249 25.8048 26.5491 25.5336C39.899 22.5271 53.4542 20.4035 67.0164 18.5638C91.2103 15.2849 115.63 13.5108 140.018 12.7223C152.365 12.3424 164.752 12.1165 177.112 12.5732L177.348 12.5819C189.629 13.0358 201.998 13.4929 214.19 15.1362C214.35 15.1601 214.495 15.2429 214.597 15.3682C214.699 15.4935 214.75 15.6522 214.74 15.813C214.73 15.9738 214.659 16.125 214.543 16.2368C214.427 16.3486 214.272 16.4129 214.111 16.4169C200.123 16.5731 186.114 16.1217 172.123 16.0921C147.615 16.0422 123.099 16.8473 98.6732 18.88Z' fill='url(%23paint1_linear_274_190)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_274_190' x1='82.5' y1='-17' x2='226.5' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233CAEFF'/%3E%3Cstop offset='0.5' stop-color='%23285BDD'/%3E%3Cstop offset='1' stop-color='%237300FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_274_190' x1='82.5' y1='-17' x2='226.5' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233CAEFF'/%3E%3Cstop offset='0.5' stop-color='%23285BDD'/%3E%3Cstop offset='1' stop-color='%237300FF'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_274_190'%3E%3Crect width='234.327' height='27.4566' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cesar-container-wordpress .e-con-inner {
    display: inline-block;
    width: 100%;
}

.cesar-container-wordpress .e-con-inner .e-flex {
    margin: 0;
    padding: 25px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 100px;
    border: 1px solid rgba(255, 220, 220, 1);
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #242730;
    box-shadow: inset 0 0 25px rgba(0, 0, 255, 0.5), 0 0 25px rgba(0, 0, 255, 0.5);
}

.border-top-gradient {
    border-top: 1px solid;
    border-image: linear-gradient(to right, rgba(4, 3, 9, 0), rgba(255, 255, 255, 0.42), rgba(2, 2, 2, 0)) 1 0 0 0;

}

.cesar-divider span {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 69, 0, 0.60) 50%, rgba(255, 0, 0, 0) 100%);
    border: none !important;
    height: 1px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px red;
}

.cesar-divider span:after {
    content: '';
    position: absolute;
    width: 3%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 69, 0) 50%, rgba(255, 0, 0, 0) 100%);
    backdrop-filter: blur(20px);
    animation: separateline 5s ease-in-out infinite;
}



@keyframes separateline {
    0% {
        left: 0;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

/* TABLET - MOBILE */

@media (max-width: 1024px) {
    .items-cesar nav {
        position: absolute;
        min-width: 180px;
        z-index: 11;
        margin-top: 0 !important;
    }

    .items-cesar nav a {
        text-shadow: none;
        padding: 25px !important;
    }

    .items-cesar a:hover {

        box-shadow: rgba(0, 0, 0, 0.5) 0 40px 40px -7px;
    }

    .cesar-titulos-v3 span:after {
        width: 149px;
        height: 18px;
    }

    .cesar-container-wordpress .e-con-inner .e-flex {
        border-radius: 20px;
    }
}

/* TABLET - MOBILE */

/* LISTA PERSONALIZADA */
.custom-list ul {
    list-style: none;
    /* Eliminamos los bullets predeterminados */
    padding: 0;
}

.custom-list li {
    position: relative;
    padding-left: 20px;
    /* Espacio para el bullet personalizado */
    margin-bottom: 5px;
}

.custom-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    width: 8px;
    /* Tamaño del bullet */
    height: 8px;
    background-color: white;
    /* Círculo blanco */
    border-radius: 50%;
    box-shadow: 0 0 5px 3px red;
    /* Glow inicial */
    animation: glowAnimation 1.5s infinite alternate ease-in-out;
}

/* Animación de brillo */
@keyframes glowAnimation {
    0% {
        box-shadow: 0 0 2px 1px red;
    }

    100% {
        box-shadow: 0 0 5px 2px red;
    }
}

/* LISTA PERSONALIZADA */

/* LINEA TITULO */
.title-line>div::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: rgb(255, 81, 0);
    background: linear-gradient(90deg, rgba(255, 81, 0, 1) 0%, rgba(255, 0, 0, 1) 25%, rgba(36, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%);
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
}

/* LINEA TITULO */

.cesar-titulo-grad h2 {
    color: #ffffff;
    text-shadow: #fff 0 -1px 1px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;

}/* End custom CSS */