.elementor-32 .elementor-element.elementor-element-99d38d0{--display:flex;--min-height:505px;--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-32 .elementor-element.elementor-element-99d38d0:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-99d38d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sacosonline.pt/wp-content/uploads/2026/10/sacos-personalizados.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-32 .elementor-element.elementor-element-42b8d73{--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;}@media(max-width:1024px){.elementor-32 .elementor-element.elementor-element-99d38d0{--min-height:242px;}.elementor-32 .elementor-element.elementor-element-42b8d73{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-99d38d0{--min-height:158px;}}/* Start custom CSS for html, class: .elementor-element-5fb7952 */.so-personalizados{
    max-width:1180px;
    margin:0 auto;
    font-family:inherit;
    color:#263444;
    font-size:16px;
    line-height:1.7;
}

.so-personalizados *{
    box-sizing:border-box;
}

.so-personalizados h1{
    color:#162638;
    font-size:34px;
    line-height:1.2;
    margin:0 0 18px;
}



.so-personalizados h2{
    color:#162638;
    font-size:34px;
    line-height:1.2;
    margin:0 0 18px;
}

.so-personalizados h3{
    color:#162638;
    font-size:20px;
    margin:0 0 10px;
}

.so-personalizados p{
    color:#465566;
    margin:0 0 18px;
}


/* HERO */
.so-pers-hero{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:55px;
    align-items:center;
    padding:35px 0 65px;
}

.so-pers-tag{
    display:inline-block;
    color:#29568e;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.4px;
    margin-bottom:12px;
}

.so-pers-hero h2{
    font-size:44px;
    max-width:680px;
}

.so-pers-hero-box{
    background:linear-gradient(180deg,#f1e7da 0%,#f8f1e9 100%);
    border:1px solid #e5d5c2;
    border-radius:18px;
    padding:34px;
    box-shadow:0 9px 22px rgba(70,55,35,.06);
}

.so-pers-hero-box strong{
    color:#162638;
    font-size:18px;
}


/* BOTÕES */
.so-pers-buttons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:25px;
}

.so-pers-btn{
    display:inline-block;
    padding:12px 22px;
    border-radius:8px;
    text-decoration:none !important;
    font-weight:700;
    transition:.2s ease;
}

.so-pers-btn-primary{
    background:#29568e;
    color:#fff !important;
    border:1px solid #29568e;
}

.so-pers-btn-primary:hover{
    background:#162638;
    border-color:#162638;
}

.so-pers-btn-secondary{
    background:#fff;
    color:#29568e !important;
    border:1px solid #cbdbea;
}

.so-pers-btn-secondary:hover{
    background:#edf5fb;
}


/* TIPOS */
.so-pers-section{
    padding:60px 0;
    border-top:1px solid #e5ebf0;
}

.so-pers-intro{
    max-width:760px;
    margin-bottom:30px;
}

.so-pers-products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.so-pers-card{
    background:linear-gradient(180deg,#ffffff 0%,#f7fafe 100%);
    border:1px solid #dae5ee;
    border-radius:15px;
    padding:27px 22px;
    box-shadow:0 8px 20px rgba(22,38,56,.065);
    transition:.2s ease;
}

.so-pers-card:hover{
    transform:translateY(-2px);
    box-shadow:0 9px 22px rgba(22,38,56,.075);
    border-color:#c8d9e7;
}

.so-pers-card-icon{
    width:46px;
    height:46px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e7f1fa;
    color:#29568e;
    font-size:21px;
    font-weight:700;
    margin-bottom:18px;
}

.so-pers-card p{
    margin-bottom:0;
}


/* PROCESSO */
.so-pers-process{
    background:linear-gradient(180deg,#f1f6fb 0%,#fafcff 100%);
    border:1px solid #d9e5ef;
    border-radius:20px;
    padding:42px;
    margin:10px 0 65px;
    box-shadow:0 9px 22px rgba(22,38,56,.055);
}

.so-pers-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:28px;
}

.so-pers-step{
    background:#fff;
    border:1px solid #dce6ee;
    border-radius:14px;
    padding:25px;
    box-shadow:0 6px 16px rgba(22,38,56,.045);
}

.so-pers-number{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#29568e;
    color:#fff;
    font-weight:700;
    margin-bottom:16px;
}


/* IMPRESSÃO */
.so-pers-two{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:45px;
    align-items:start;
}

.so-pers-info{
    background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%);
    border:1px solid #dde6ee;
    border-radius:15px;
    padding:30px;
    box-shadow:0 8px 20px rgba(22,38,56,.055);
}

.so-pers-info ul{
    margin:0;
    padding-left:20px;
}

.so-pers-info li{
    margin:9px 0;
}


/* DESTAQUE */
.so-pers-highlight{
    background:linear-gradient(135deg,#162638 0%,#223d5b 100%);
    color:#fff;
    border-radius:20px;
    padding:42px 45px;
    margin:60px 0;
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:40px;
    align-items:center;
    box-shadow:0 10px 25px rgba(22,38,56,.11);
}

.so-pers-highlight h2{
    color:#fff;
}

.so-pers-highlight p{
    color:rgba(255,255,255,.83);
}

.so-pers-highlight-list{
    display:grid;
    gap:11px;
}

.so-pers-highlight-item{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;
    padding:12px 15px;
    color:#fff;
}


/* FAQ PEQUENA */
.so-pers-faq{
    display:grid;
    gap:12px;
    margin-top:25px;
}

.so-pers-faq details{
    background:#fff;
    border:1px solid #dce6ee;
    border-radius:12px;
    box-shadow:0 6px 16px rgba(22,38,56,.045);
}

.so-pers-faq summary{
    cursor:pointer;
    list-style:none;
    color:#162638;
    font-weight:700;
    padding:17px 50px 17px 19px;
    position:relative;
}

.so-pers-faq summary::-webkit-details-marker{
    display:none;
}

.so-pers-faq summary:after{
    content:"+";
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    width:27px;
    height:27px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e8f2fa;
    color:#29568e;
    font-size:19px;
}

.so-pers-faq details[open] summary:after{
    content:"−";
}

.so-pers-answer{
    padding:0 19px 18px;
}


/* CTA */
.so-pers-cta{
    margin-top:60px;
    background:linear-gradient(180deg,#f1e7da 0%,#f8f1e9 100%);
    border:1px solid #e4d3bf;
    border-radius:18px;
    padding:38px 42px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    box-shadow:0 9px 22px rgba(70,55,35,.055);
}

.so-pers-cta h2{
    font-size:29px;
    margin-bottom:7px;
}

.so-pers-cta p{
    margin:0;
}


/* MOBILE */
@media(max-width:900px){

    .so-pers-hero,
    .so-pers-two,
    .so-pers-highlight{
        grid-template-columns:1fr;
        gap:28px;
    }

    .so-pers-products{
        grid-template-columns:1fr 1fr;
    }

    .so-pers-steps{
        grid-template-columns:1fr;
    }

    .so-pers-cta{
        display:block;
    }

    .so-pers-cta .so-pers-buttons{
        margin-top:22px;
    }
}

@media(max-width:600px){

    .so-pers-hero{
        padding-top:10px;
        padding-bottom:45px;
    }

    .so-pers-hero h2{
        font-size:34px;
    }

    .so-personalizados h2{
        font-size:28px;
    }

    .so-pers-products{
        grid-template-columns:1fr;
    }

    .so-pers-section{
        padding:45px 0;
    }

    .so-pers-process,
    .so-pers-highlight,
    .so-pers-cta{
        padding:28px 22px;
    }
}/* End custom CSS */