.elementor-2 .elementor-element.elementor-element-3cd29af{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f7b73cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-73b19d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-dd2df27{--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;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-fe01062{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-c0771ef{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-df3db40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-451a963{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4109982{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-93b5758{--display:flex;--margin-top:-47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-2 .elementor-element.elementor-element-e28d1ed{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-2 .elementor-element.elementor-element-e28d1ed:after{content:"0.54";}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__thumbnail__link{width:100%;}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__meta-data span + span:before{content:"•";}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__card{border-radius:16px;}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__text{margin-top:20px;}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__title, .elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__title a{color:#1A586D;}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__read-more{color:#62BCDA;}.elementor-widget-button .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-2 .elementor-element.elementor-element-2315598 .elementor-button{background-color:#1A586D;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-2 .elementor-element.elementor-element-2315598 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-2315598 .elementor-button:focus{background-color:#06212A;}.elementor-2 .elementor-element.elementor-element-2315598:hover{--e-transform-translateY:-5px;}.elementor-2 .elementor-element.elementor-element-2315598{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-d3beed8{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4bb9ddd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-60856d1{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-3831796{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-0ce6d84{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-dd2df27{--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-93b5758{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2 .elementor-element.elementor-element-e28d1ed:after{content:"0.5";}.elementor-2 .elementor-element.elementor-element-e28d1ed .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-3cd29af{--width:90%;}.elementor-2 .elementor-element.elementor-element-0ce6d84{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-3831796 *//* =====================================================
   FAQ ALUMISAIS
===================================================== */

.al-faq,
.al-faq * {
    box-sizing: border-box;
}


.al-faq {

    --faq-dark: #143b49;
    --faq-dark-2: #0e303c;
    --faq-blue: #438fa9;
    --faq-light: #69c8e9;

    position: relative;

    width: 100%;

    padding: 115px 30px 125px;

    background: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
}


.al-faq-container {

    width: 100%;

    max-width: 1380px;

    margin: 0 auto;
}


/* =====================================================
   CABECERA
===================================================== */

.al-faq-heading {

    max-width: 950px;

    margin: 0 auto 58px;

    text-align: center;
}


.al-faq-tag {

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: var(--faq-dark);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.al-faq-tag > span {

    width: 28px;
    height: 3px;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            var(--faq-dark),
            var(--faq-light)
        );
}


.al-faq-heading h2 {

    margin: 0;

    color: #171717;

    font-size:
        clamp(39px, 3.5vw, 56px);

    line-height: 1.08;

    letter-spacing: -1.8px;

    font-weight: 800;
}


.al-faq-heading h2 span {

    color: var(--faq-dark);
}


.al-faq-heading p {

    max-width: 690px;

    margin: 23px auto 0;

    color: #626a6d;

    font-size: 16px;

    line-height: 1.7;
}


/* =====================================================
   LISTA
===================================================== */

.al-faq-list {

    display: flex;

    flex-direction: column;

    gap: 13px;
}


/* =====================================================
   TARJETA
===================================================== */

.al-faq-item {

    overflow: hidden;

    background: #ffffff;

    border:
        1px solid
        rgba(18,57,71,.10);

    border-radius: 16px;

    box-shadow:
        0 8px 30px
        rgba(20,57,70,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.al-faq-item:hover {

    transform: translateY(-2px);

    box-shadow:
        0 15px 35px
        rgba(20,57,70,.10);
}


/* =====================================================
   PREGUNTA
===================================================== */

.al-faq-question {

    width: 100%;

    min-height: 78px;

    padding:
        20px
        25px
        20px
        28px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    border: 0 !important;

    outline: none !important;

    cursor: pointer;

    text-align: left;

    /*
       IMPORTANTE:
       forzamos el texto oscuro
    */

    color: #143b49 !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fafb
        ) !important;

    font-family: inherit;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease;
}


/* también forzamos el span */

.al-faq-question-text {

    color: inherit !important;
}


/* =====================================================
   HOVER
===================================================== */

.al-faq-item:not(.is-open)
.al-faq-question:hover {

    /*
       AHORA EL HOVER ES AZUL
    */

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #1b5064,
            #143b49
        ) !important;
}


.al-faq-item:not(.is-open)
.al-faq-question:hover
.al-faq-question-text {

    color: #ffffff !important;
}


/* =====================================================
   ABIERTA
===================================================== */

.al-faq-item.is-open
.al-faq-question {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #163e4d,
            #102f3b
        ) !important;
}


.al-faq-item.is-open
.al-faq-question-text {

    color: #ffffff !important;
}


/* =====================================================
   ICONO +
===================================================== */

.al-faq-icon {

    position: relative;

    flex: 0 0 39px;

    width: 39px;
    height: 39px;

    border-radius: 50%;

    background:
        rgba(67,143,169,.10);

    transition:
        transform .3s ease,
        background .3s ease;
}


.al-faq-icon span {

    position: absolute;

    left: 50%;
    top: 50%;

    width: 15px;
    height: 2px;

    border-radius: 10px;

    background: #438fa9;

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

    transition:
        opacity .3s ease,
        transform .3s ease,
        background .3s ease;
}


.al-faq-icon span:nth-child(2) {

    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


/* ICONO AL HACER HOVER */

.al-faq-question:hover
.al-faq-icon {

    background:
        rgba(255,255,255,.16);
}


.al-faq-question:hover
.al-faq-icon span {

    background: #ffffff;
}


/* ABIERTA */

.al-faq-item.is-open
.al-faq-icon {

    background:
        rgba(255,255,255,.14);

    transform: rotate(180deg);
}


.al-faq-item.is-open
.al-faq-icon span {

    background: #ffffff;
}


.al-faq-item.is-open
.al-faq-icon span:nth-child(2) {

    opacity: 0;
}


/* =====================================================
   RESPUESTA
===================================================== */

.al-faq-answer {

    max-height: 0;

    overflow: hidden;

    background: #ffffff;

    transition:
        max-height
        .48s
        cubic-bezier(.4,0,.2,1);
}


.al-faq-answer-inner {

    padding:
        28px
        32px
        31px;

    border-top:
        1px solid
        rgba(18,57,71,.07);
}


.al-faq-answer p {

    max-width: 1200px;

    margin: 0 0 19px;

    color: #4c5559;

    font-size: 16px;

    line-height: 1.78;
}


.al-faq-answer p:last-child {

    margin-bottom: 0;
}


.al-faq-answer strong {

    color: #202527;

    font-weight: 700;
}


/* =====================================================
   TABLET
===================================================== */

@media
(min-width:768px)
and
(max-width:1199px) {

    .al-faq {

        padding:
            95px
            30px
            100px;
    }


    .al-faq-heading h2 {

        font-size:
            clamp(36px, 4.6vw, 46px);
    }


    .al-faq-question {

        min-height: 74px;

        padding: 18px 22px;

        font-size: 17px;
    }


    .al-faq-answer-inner {

        padding:
            25px
            27px
            28px;
    }

}


/* =====================================================
   FAQ - MÓVIL CORREGIDO
===================================================== */

@media (max-width: 767px) {

    .al-faq {
        width: 100%;
        padding: 65px 16px 70px;
        overflow: hidden;
    }

    .al-faq-container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }


    /* CABECERA */

    .al-faq-heading {
        width: 100%;
        margin-bottom: 34px;
        text-align: left;
    }

    .al-faq-tag {
        justify-content: flex-start;
        gap: 8px;
        margin-bottom: 14px;
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .al-faq-tag > span {
        width: 20px;
        height: 2px;
    }

    .al-faq-tag > span:last-child {
        display: none;
    }

    .al-faq-heading h2 {
        width: 100%;
        margin: 0;

        font-size: clamp(30px, 8.5vw, 38px);
        line-height: 1.08;
        letter-spacing: -1px;
    }

    .al-faq-heading h2 span {
        display: block;
    }

    .al-faq-heading p {
        width: 100%;
        margin-top: 17px;

        font-size: 14px;
        line-height: 1.6;
    }


    /* LISTA */

    .al-faq-list {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 10px;
    }


    /* TARJETA */

    .al-faq-item {
        width: 100%;
        max-width: 100%;

        overflow: hidden;

        border-radius: 13px;
    }


    /* PREGUNTA */

    .al-faq-question {
        width: 100%;
        max-width: 100%;

        min-height: 74px;

        padding: 17px 15px 17px 18px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        overflow: hidden;

        font-size: 14.5px;
        line-height: 1.4;

        text-align: left;
    }


    /* MUY IMPORTANTE:
       permite que el texto salte de línea */

    .al-faq-question-text {
        display: block;

        flex: 1 1 auto;

        min-width: 0;

        max-width: calc(100% - 48px);

        white-space: normal !important;

        overflow: visible !important;

        text-overflow: unset !important;

        overflow-wrap: break-word;

        word-break: normal;

        line-height: 1.4;

        color: inherit !important;
    }


    /* ICONO */

    .al-faq-icon {
        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        margin-left: auto;

        border-radius: 50%;
    }

    .al-faq-icon span {
        width: 13px;
    }


    /* RESPUESTA */

    .al-faq-answer {
        width: 100%;
    }

    .al-faq-answer-inner {
        width: 100%;

        padding:
            20px
            18px
            23px;
    }

    .al-faq-answer p {
        width: 100%;

        margin: 0 0 15px;

        font-size: 14px;
        line-height: 1.65;

        overflow-wrap: break-word;
    }

}


/* =====================================================
   MÓVILES PEQUEÑOS
===================================================== */

@media (max-width: 390px) {

    .al-faq {
        padding-left: 13px;
        padding-right: 13px;
    }

    .al-faq-heading h2 {
        font-size: 30px;
    }

    .al-faq-question {
        padding:
            15px
            12px
            15px
            15px;

        gap: 10px;

        font-size: 13.5px;
    }

    .al-faq-question-text {
        max-width: calc(100% - 43px);
    }

    .al-faq-icon {
        flex-basis: 32px;

        width: 32px;
        height: 32px;
    }

    .al-faq-answer-inner {
        padding:
            18px
            15px
            20px;
    }

    .al-faq-answer p {
        font-size: 13.5px;
    }

}/* End custom CSS */