.elementor-13459 .elementor-element.elementor-element-6d7b0dbc{--display:flex;--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;--align-items:center;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-13459 .elementor-element.elementor-element-6d7b0dbc:not(.elementor-motion-effects-element-type-background), .elementor-13459 .elementor-element.elementor-element-6d7b0dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#353535;}.elementor-13459 .elementor-element.elementor-element-194e349{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13459 .elementor-element.elementor-element-16f042cb{width:100%;max-width:100%;margin:41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13459 .elementor-element.elementor-element-16f042cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:80px;font-weight:400;line-height:85px;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-6646e30a .elementor-heading-title{font-size:30px;font-weight:900;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-9600986{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13459 .elementor-element.elementor-element-9600986 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:400;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-158fe957 .elementor-button{background-color:transparent;font-family:"Momo Trust Sans", Sans-serif;font-size:18px;font-weight:600;letter-spacing:0.5px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-image:linear-gradient(180deg, #2A46A4 0%, #2A46A4 100%);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.1);border-radius:5px 5px 5px 5px;padding:8px 08px 8px 8px;}.elementor-13459 .elementor-element.elementor-element-158fe957{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13459 .elementor-element.elementor-element-158fe957.elementor-element{--align-self:flex-start;}.elementor-13459 .elementor-element.elementor-element-158fe957 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13459 .elementor-element.elementor-element-395b314{--display:flex;--min-height:713px;--gap:39px 39px;--row-gap:39px;--column-gap:39px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13459 .elementor-element.elementor-element-13567b0f{--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;--gap:39px 39px;--row-gap:39px;--column-gap:39px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13459 .elementor-element.elementor-element-68986ca5{--display:flex;--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;--align-items:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0CACA;--border-color:#D0CACA;--border-radius:4px 4px 4px 4px;--padding-top:31px;--padding-bottom:29px;--padding-left:28px;--padding-right:28px;}.elementor-13459 .elementor-element.elementor-element-68986ca5:not(.elementor-motion-effects-element-type-background), .elementor-13459 .elementor-element.elementor-element-68986ca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, #E9ECEF 100%);}.elementor-13459 .elementor-element.elementor-element-354a63d7{font-family:"Momo Trust Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-13459 .elementor-element.elementor-element-7aa96214{background-color:#F0741C;padding:12px 8px 12px 8px;border-radius:50px 50px 50px 50px;}.elementor-13459 .elementor-element.elementor-element-7aa96214 .elementor-heading-title{font-size:22px;font-weight:700;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-18a4cfee .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-13459 .elementor-element.elementor-element-4976a88c{--display:flex;--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;--align-items:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0CACA;--border-color:#D0CACA;--border-radius:4px 4px 4px 4px;--padding-top:31px;--padding-bottom:29px;--padding-left:28px;--padding-right:28px;}.elementor-13459 .elementor-element.elementor-element-4976a88c:not(.elementor-motion-effects-element-type-background), .elementor-13459 .elementor-element.elementor-element-4976a88c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, #E9ECEF 100%);}.elementor-13459 .elementor-element.elementor-element-70a30e45{font-family:"Momo Trust Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-13459 .elementor-element.elementor-element-1552aa01{background-color:#8D1CF0;padding:12px 8px 12px 8px;border-radius:50px 50px 50px 50px;}.elementor-13459 .elementor-element.elementor-element-1552aa01 .elementor-heading-title{font-size:22px;font-weight:700;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-73eb6c06 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-13459 .elementor-element.elementor-element-414ba9ff{--display:flex;--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;--align-items:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0CACA;--border-color:#D0CACA;--border-radius:4px 4px 4px 4px;--padding-top:31px;--padding-bottom:29px;--padding-left:28px;--padding-right:28px;}.elementor-13459 .elementor-element.elementor-element-414ba9ff:not(.elementor-motion-effects-element-type-background), .elementor-13459 .elementor-element.elementor-element-414ba9ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, #E9ECEF 100%);}.elementor-13459 .elementor-element.elementor-element-21ca0788{font-family:"Momo Trust Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-13459 .elementor-element.elementor-element-5d2cf89d{background-color:#1CF03C;padding:12px 8px 12px 8px;border-radius:50px 50px 50px 50px;}.elementor-13459 .elementor-element.elementor-element-5d2cf89d .elementor-heading-title{font-size:22px;font-weight:700;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-1ac7ad75 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-13459 .elementor-element.elementor-element-215b1553{--display:flex;--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;--align-items:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D0CACA;--border-color:#D0CACA;--border-radius:4px 4px 4px 4px;--padding-top:31px;--padding-bottom:29px;--padding-left:28px;--padding-right:28px;}.elementor-13459 .elementor-element.elementor-element-215b1553:not(.elementor-motion-effects-element-type-background), .elementor-13459 .elementor-element.elementor-element-215b1553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, #E9ECEF 100%);}.elementor-13459 .elementor-element.elementor-element-2ebbd974{font-family:"Momo Trust Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-13459 .elementor-element.elementor-element-1f61513a{background-color:#1C98F0;padding:12px 8px 12px 8px;border-radius:50px 50px 50px 50px;}.elementor-13459 .elementor-element.elementor-element-1f61513a .elementor-heading-title{font-size:22px;font-weight:700;color:var( --e-global-color-accent );}.elementor-13459 .elementor-element.elementor-element-77f90853 .elementor-heading-title{font-size:22px;font-weight:700;}@media(max-width:1024px){.elementor-13459 .elementor-element.elementor-element-6d7b0dbc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-13459 .elementor-element.elementor-element-16f042cb .elementor-heading-title{font-size:50px;line-height:55px;}.elementor-13459 .elementor-element.elementor-element-9600986 .elementor-heading-title{font-size:28px;}.elementor-13459 .elementor-element.elementor-element-68986ca5{--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-13459 .elementor-element.elementor-element-354a63d7{font-size:16px;}.elementor-13459 .elementor-element.elementor-element-4976a88c{--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-13459 .elementor-element.elementor-element-70a30e45{font-size:16px;}.elementor-13459 .elementor-element.elementor-element-414ba9ff{--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-13459 .elementor-element.elementor-element-21ca0788{font-size:16px;}.elementor-13459 .elementor-element.elementor-element-215b1553{--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-13459 .elementor-element.elementor-element-2ebbd974{font-size:16px;}}@media(max-width:767px){.elementor-13459 .elementor-element.elementor-element-16f042cb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13459 .elementor-element.elementor-element-16f042cb.elementor-element{--order:-99999 /* order start hack */;}.elementor-13459 .elementor-element.elementor-element-16f042cb .elementor-heading-title{font-size:45px;line-height:50px;}.elementor-13459 .elementor-element.elementor-element-13567b0f{--gap:24px 0px;--row-gap:24px;--column-gap:0px;}.elementor-13459 .elementor-element.elementor-element-68986ca5{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-13459 .elementor-element.elementor-element-194e349{--width:57%;}.elementor-13459 .elementor-element.elementor-element-395b314{--width:40%;}}/* Start custom CSS for heading, class: .elementor-element-16f042cb */.elementor-13459 .elementor-element.elementor-element-16f042cb .custom-title{
    color: #AABEFD;
    font-weight: 600;
    position: relative;
}



@keyframes comillasSwingConPausa {

    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(12deg);
    }
    20% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.elementor-13459 .elementor-element.elementor-element-16f042cb::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 10px;
    width: 78px;
    height: 61px;
    background-image: url('https://californiaatticsolutions.com/wp-content/uploads/2026/06/coolicon.webp');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    transform-origin: center center;
    animation: comillasSwingConPausa 2.5s ease-in-out infinite;
}

.elementor-13459 .elementor-element.elementor-element-16f042cb::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 60px;
    width: 78px;
    height: 61px;
    background-image: url('https://californiaatticsolutions.com/wp-content/uploads/2026/06/coolicon-2.webp');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    transform-origin: center center;
    animation: comillasSwingConPausa 2.5s ease-in-out infinite;
    animation-delay: 0.3s; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9600986 */.elementor-13459 .elementor-element.elementor-element-9600986 .custom-title{
    color: #DB3C3C;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-158fe957 */.elementor-13459 .elementor-element.elementor-element-158fe957 .elementor-button-icon{
    padding: 4px;
    background: #fff;
    border-radius: 8px;
}
.elementor-13459 .elementor-element.elementor-element-158fe957 .elementor-button-icon svg{
    fill: #DB3C3C;
}

.elementor-13459 .elementor-element.elementor-element-158fe957 .elementor-button-text{
    display: flex;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS *//* --- CONFIGURACIÓN DE CARGA (EVITA SALTOS) --- */
.skew-smooth, 
.reveal-text-container {
    opacity: 1;
    transition: opacity 0.5s ease;
}

body.gsap-ready .skew-smooth,
body.gsap-ready .reveal-text-container {
    opacity: 1;
}

.reset-animations-elementor{
    transition: none !important;
    will-change: transform;
    backface-visibility: hidden;
}

/* --- ESTILOS TEXT REVEAL --- */
.scroll-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.reveal-text-container {
    position: relative;
}

.text-base, .text-reveal {
    line-height: 1.1;
    margin: 0;
    text-align: center;
}

.text-reveal {
    position: absolute; /* Asegurado para el solapamiento */
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    will-change: clip-path;
}


/* --- ESTILOS IMÁGENES (SKEW) --- */
.skew-smooth {
    transition: none !important; 
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d !important;
}



/*Cuadrado azul*/


#animated-box {
    transition: none !important;
    will-change: transform;
    backface-visibility: hidden;
}
/* Mantiene los estilos de Elementor pero oculta el desborde */
.line-mask {
    overflow: hidden;
    display: block;
    line-height: 1.2; /* Ajusta según tu diseño */
}

/* Evita el parpadeo inicial: el texto estará oculto hasta que GSAP tome el control */
.inner-text {
    display: block;
    will-change: transform;
}




/* Tarjetas en 3d*/
.stacking-card {
    transform: perspective(3000px);
    transform-origin: center bottom;
    transform-style: preserve-3d !important;
    transition: none !important; 
    will-change: transform;
    backface-visibility: hidden;
    
    position: sticky;
    top: 150px;
    
}
@media only screen and (max-width: 1024px){
    .stacking-card {
        top: 180px;
    }
}

@media only screen and (max-width: 767px){
    .stacking-card {
        top: 80px;
    }
}



/* Tarjetas que se levantan */

.cards-container { 
    perspective: 3000px !important;
    transform-style: preserve-3d;
}

.lifting-card {
    transform-origin: center 50% !important; 
    will-change: transform;
    backface-visibility: hidden;
}





/*Titulo que se desplaza por letra*/
.stagger-title {
    overflow: hidden !important;
    display: block !important;
    text-align: inherit;
}

.stagger-title .stg-is-bold, 
.stagger-title .stg-is-bold .stg-char {
    font-weight: 900 !important;
}

.stg-word-wrap {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

.stg-text-main, .stg-text-hover {
    display: block;
    will-change: transform;
    font-weight: inherit !important;
}

.stg-text-hover {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.stg-char {
    display: inline-block;
    will-change: transform;
}

.stg-char-unit {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    padding-bottom: 0.1em; 
}/* End custom CSS */