.elementor-kit-10{--e-global-color-primary:#2D63AF;--e-global-color-secondary:#F9A51B;--e-global-color-text:#2C2C30;--e-global-color-accent:#24B2FF;--e-global-color-87fa051:#7A8AFF;--e-global-color-faedc84:#9DA1A3;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{font-weight:800;}.elementor-kit-10 h2{font-weight:600;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}@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 */:root{
    --long-shadow: 0 20px 30px -10px rgba(0,0,0,0.05),
                   0 10px 20px -5px rgba(0,0,0,0.05),
                   0 5px 10px 0px rgba(0,0,0,0.05);
                   
    --hover-shadow: 0 10px 20px -5px #24b2ffaa;
                    
    --border-radius-main: 6px;
    
    --purple: #7A8AFF;
    --grey: #9da1a3;
}

@keyframes sci-fi-border{
    0%{
        transform: translateX(-90%) scaleX(.2);
    }
    50%{
        transform: translateX(0) scaleX(1.5);
    }
    100%{
        transform: translateX(90%) scaleX(.2);
    }
}

@keyframes cta-catchy-after-spin{
    0%{
        transform: rotate(0) translateY(-50%);
    }
    100%{
        transform: rotate(360deg) translateY(-50%);
    }
}

p{
    margin: 0;
}

.ocultar{
    display: none;
}

.entry-title{
    display: none !important;
}

.relative{
    position: relative;
}

.long-shadow,
.long-shadow-img img{
    box-shadow: var(--long-shadow);
}

.aspect-ratio-4-3 img{
    aspect-ratio: 4/3;
    object-fit: cover;
}

.aspect-ratio-16-9 img{
    aspect-ratio: 16/9;
        object-fit: cover;
}

.aspect-ratio-1-1 img{
    aspect-ratio: 1;
    object-fit: cover;
}

.sticky-element{
    position: sticky;
    top: 104px;
}


.fixed-header{
    position: fixed;
    top: 0;
    z-index: 101;
    width: 100%;
}

.elementor-widget-off-canvas .e-off-canvas{
    z-index: 1000;
}

.menu-button-mobile{
    z-index: 1001;
}

.elementor-icon-wrapper{
    display: flex;
}

.cta{
    border-radius: var(--border-radius-main);
    position: relative;
    text-transform: uppercase;
    padding: 6px 24px;
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .5s ease-in-out;
}

.cta-primary{
    box-shadow: var(--long-shadow);
    background-color: var(--e-global-color-primary);
    color: #fff;
}

.cta-primary:hover{
    background-color: var(--e-global-color-accent);
}

.cta-primary a{
    color: #fff !important;
}

.cta-primary:hover,
.cta-catchy:hover{
    transform: scale(1.02) translateY(-2px);
    box-shadow: var(--hover-shadow);
}

.cta-secondary{
    background-color: var(--grey);
    color: var(--e-global-color-text);
}

.cta-secondary:hover{
    background-color: var(--e-global-color-accent);
    color: #fff;
}

.cta-catchy{
    box-shadow: var(--long-shadow);
    z-index: 1;
    overflow: hidden;
}

.cta-catchy::after{
    content: '';
    position: absolute;
    width: calc(100% + 32px);
    aspect-ratio: 1;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    background: conic-gradient(from 0deg, var(--e-global-color-primary), var(--e-global-color-accent),var(--e-global-color-primary),var(--e-global-color-accent), var(--e-global-color-primary));
    z-index: -2;
    animation: cta-catchy-after-spin 5s linear infinite;
    transform-origin: top center;
}

.cta-catchy::before{
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: calc(var(--border-radius-main) - 2px);
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    transition: all .1s ease-in-out;
    background-color: #fff;
}

.cta-catchy:hover::before{
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border-radius: calc(var(--border-radius-main) - 3px);
}

.cta-catchy:hover::after{
    animation-duration: 1s;
}

.wp-menu-mobile .cta-catchy{
    width: 100%;
}

.swiper-slide-contents{
    position: relative;
    z-index: 1;
}

.swiper-slide-contents::after{
    content: '';
    position: absolute;
    right: -80px;
    top: -32px;
    width: 100%;
    height: calc(100% + 64px);
    background: linear-gradient(90deg, #2d63af00 , #2d63af88);
    z-index: -1;
}

.footer-sub-text{
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.sci-fi-border{
    position: relative;
    /*overflow-x: clip;*/
    /*overflow-y: visible;*/
}

.sci-fi-border::after{
    content: '';
    position: absolute;
    left: 25%;
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg , transparent, var(--e-global-color-secondary) , transparent);
    animation: sci-fi-border 3s linear infinite alternate;
}

.sci-fi-border.top::after{
    top: 0;
}

.sci-fi-border.bottom::after{
    bottom: 0;
}

[data-element_type="widget"].sci-fi-border.bottom{
    padding-bottom: 16px;
    margin-bottom: 16px;
}

[data-element_type="widget"].sci-fi-border.top{
    padding-top: 16px;
    margin-top: 16px;
}

[data-element_type="widget"].sci-fi-border::after{
    height: 1.5px;
}

:is(.post-content__main, .post-content__head) img, .sticker{
    border-radius: 8px;
    box-shadow: var(--long-shadow);
}

.post-card{
    box-shadow: var(--long-shadow);
    border-radius: 8px;
}

.post-card__image-wrap{
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
    position: relative;
}

.blink-effect{
    position: relative;
}

.post-card__image-wrap::after,
.blink-effect::after{
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    height: 100%;
    width: 50%;
    background: linear-gradient(45deg, #ffffff33, #ffffff);
    transform: skew(45deg);
    opacity: 0;
    z-index: 1;
    transition: all .3s linear;
}

.post-card:hover .post-card__image-wrap::after,
.blink-effect:hover::after{
    left: 150%;
    opacity: 1;
}


.post-card img{
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease-in-out;
}

.pc__product-image img{
    aspect-ratio: initial;
    max-height: 180px;
    max-width: 230px;
    
}

.post-card:hover img{
    transform: scale(1.2);
}

.post-card__content{
    flex-grow: 1 !important;
}

.post-card__title{
    flex-grow: 1;
}

.post-card__cta{
    width: 100%;
}

.elementor-loop-container.swiper{
    overflow-y: visible;
    overflow-x: clip;
}

.gradient-heading{
    background: linear-gradient(135deg, var(--e-global-color-accent), var(--purple));
    background-clip: text;
}

.gradient-heading :is(h1,h2,h3,h4,h5,h6){
    color: transparent !important;
}

.has-badge{
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}

.has-badge .badge{
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--e-global-color-secondary);
    padding: 2px 16px;
    border-radius: 0 0 30px 0;
}

.has-badge .badge p{
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.three-color-gradient{
    background: linear-gradient(90deg, transparent, var(--e-global-color-primary), transparent);
}

.product-menu{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}

.pm-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: var(--long-shadow);
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding: 8px 16px;
    border-radius: var(--border-radius-main);
}

@media(max-width:767px){
    .pm-item{
        flex: 1 1 100px;
    }
}

.pm-item:hover{
    background: linear-gradient(45deg,var(--e-global-color-primary),var(--e-global-color-accent));
    box-shadow: var(--hover-shadow);
    transform: scale(1.05);
}

.pm-link{
    font-size: 14px;
    font-weight: 500;
    color: var(--e-global-color-text);
}

.pm-item:hover .pm-link{
    color: #fff;
}

[id^='dal-'] .custom-icon-list li{
    margin-bottom: 8px;
    align-items: flex-start;
    gap: 8px;
}

[id^='dal-'] .custom-icon-list .elementor-icon-list-icon{
    margin-top: 6px;
    transition: transform .3s ease;
}

[id^='dal-'] .custom-icon-list li:hover .elementor-icon-list-icon{
    transform: translateX(4px);
}

.ficha-tecnica{
    padding: 24px;
    font-family: 'montserrat';
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dl-row{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 2px solid var(--e-global-color-secondary);
    border-radius: 6px 0 0 6px;
    overflow: hidden;
}

.dl-row dt{
    background-color: var(--e-global-color-secondary);
    padding: 4px 24px 4px 16px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 100%, 0 100%, 0 0);
    border-bottom: 1px solid var(--e-global-color-secondary);
    align-items: center;
    display: flex;
}

.dl-row dd{
    color: var(--grey);
    font-weight: 600;
    text-align: right;
    align-items: center;
    display: flex;
}

@media(max-width: 767px){
    .ficha-tecnica{
        padding: 0;
    }
    
    .dl-row dt{
        clip-path: none;
        border-top-right-radius: 6px;
        flex: 1 1 50%;
    }
    
    .dl-row dd{
        flex: 1 1 50%;
    }
}

a.elementor-button span>span>span{
    font-size: 10px;
    background-color: var(--e-global-color-primary);
    color: var(--);
    padding: 4px 12px;
    border-radius: 12px;
}

.cert-card:hover{
    box-shadow: var(--hover-shadow);
}

.cert-card:hover p{
    color: #fff;
}

.post-card.has-badge{
    padding-top: 0;
}

.post-card.has-badge .badge a{
    color: inherit;
    font-weight: 600;
}

.radioforms-form{
    font-family: 'montserrat';
}

.radioforms-form :is(input, textarea, select){
    background-color: #f2f2f2;
    border: none;
    border-radius: 8px;
    height: auto;
    min-height: 40px;
}

.radioforms-form select{
    background-color: #f2f2f2;
    border: none;
    border-radius: 8px;
}

.radioforms-form .row{
   display: flex;
   flex-wrap: wrap;
   row-gap: 12px;
   align-items: center;
}

.radioforms-form .col-sm-12>div{
    border: none !important;
}

.radioforms-form input[type="checkbox"]{
    all: unset;
    width: 24px;
    height: 24px;
    background-color: #f2f2f2;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: -6px;
    margin-right: 8px;
}

.radioforms-form input[type="checkbox"]:checked{
    outline: 2px solid var(--e-global-color-accent);
    position: relative;
}

.radioforms-form input[type="checkbox"]:checked::after{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    background-color: var(--e-global-color-accent);
}


.radioforms-form .col-sm-offset-3{
    all: unset;
    margin-left: 16px;
}

.radioforms-form .btn-enviar{
    padding: 12px 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--e-global-color-primary);
    text-transform: uppercase;
}

.radioforms-form .btn-enviar:hover{
    background-color: var(--e-global-color-accent);
}

.radioforms-form .tit-prod{
    color: var(--e-global-color-primary);
    margin-top: 48px;
}

.radioforms-form form{
    width: 100%;
    max-width: 100% !important;
}

.radioforms-form .container.wrappdivi{
    width: 100%;
}/* End custom CSS */