/* =========================================
   RESET E ESTILOS GERAIS
   ========================================= */
body {
    margin: 0;
    padding: 0;
}

.ep-lamina {
    max-width: 1920px;
    margin: 0 auto;
    display: grid;
    overflow-x: hidden; /* Evita rolagem lateral indesejada */
}

.ep-lamina * {
    font-family: "elza", sans-serif;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
}

.ep-lamina h3, .ep-lamina h4, .ep-lamina h5, .ep-lamina h6, .ep-lamina p {
    margin: 0;
    padding: 0;
}

/* Títulos e Descrições Globais */
.ep-lamina .feature__title {
    font-size: 48px;
    font-weight: 600;
    color: #FF8200;
}

.ep-lamina .feature__description {
    font-size: 26px;
    font-weight: 400;
    color: #2F2F2F;
}

.ep-lamina .image {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.ep-lamina section {
    padding: 46px 0px 0px 0px;
    width: 100%;
    margin-left: 40px;
    margin-right: 40px;
}

/* Responsividade Global */
@media screen and (min-width: 769px) {
    .ep-lamina section {
       
        margin: 0 auto;
         
    }
}

@media screen and (max-width: 768px) {
    .ep-lamina section {
        margin-top: 0px !important;
        padding: 0;
        margin: 0 auto;
    }
    
    .ep-lamina .feature__title {
        font-size: 32px;
        margin-bottom: 7px !important;
    }

    .ep-lamina .feature__description {
        font-size: 16px;
    }
    
    .ep-lamina .image {
        border-radius: 5px !important;
    }
}

@media screen and (max-width: 340px) {
    .ep-lamina section {
        margin: 0 10px;
    }
}

/* =========================================
   UTILITÁRIOS (Mobile/Desktop)
   ========================================= */
.only-desktop {
    display: flex !important;
}

.only-mobile {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .only-desktop {
        display: none !important;
    }
    .only-mobile {
        display: block !important;
    }
}

/* =========================================
   DOBRA 01 (Hero / Header)
   ========================================= */
.ep-lamina .dobra-01 {
    background-image: url("./assets/images/d1.png");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
    min-height: 1202px;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-width: 1920px;
}

.ep-lamina .dobra-01 .feature__content {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 75px;
    max-width: 646px;
    border-radius: 59px;
    background: rgba(255, 130, 0, 0.631372549);
    padding: 0 50px;
    padding-top: 250px;
    padding-bottom: 88px;
    margin-top: -200px;
    margin-left: 7%;
}

.ep-lamina .dobra-01 .feature__content .image {
    max-width: 481px;
    margin-left: -80px;
    margin-bottom: 27px;
}

.ep-lamina .dobra-01 .feature__content h3.feature__title {
    line-height: 115%;
    color: #ffffff;
    font-size: 78px;
    font-weight: 400;
}

.ep-lamina .dobra-01 .feature__content h3.feature__title span {
    font-weight: 600;
}

.ep-lamina .dobra-01 .feature__content .feature__description {
    max-width: 500px;
    font-size: 54px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 100%;
    color: #fff;
}

.ep-lamina .dobra-01 .feature__content .sku__card__name {
    font-size: 44px;
    font-weight: 600;
}

/* Ajustes específicos Dobra 01 */
.mais { margin-left: -2.8rem; }
#d1txt { margin-left: 3rem; }
#sku {
    text-align: center;
    margin-top: 50px;
    padding-top: 10px!important;
    padding-bottom: 10px;
}
#mobile { display: none; }

/* Responsivo Dobra 01 */
@media screen and (min-width: 769px) {
    .ep-lamina .dobra-01 {
        padding: 0;
        border-radius: 0 0 20px 20px;
    }
}

@media screen and (max-width: 768px) {
    .mais { margin-left: -1rem; }
    #d1txt { margin-left: 1rem; }
    #mobile { display: block; }
    #sku { display: none; }

    .ep-lamina .dobra-01 {
        max-width: 428px;
        min-height: 760px;
        background-image: url("./assets/images/d1m.png");
        background-size: auto 100%;
        align-items: center;
    }

    .ep-lamina .dobra-01 .feature__content {
        max-width: 320px;
        border-radius: 22px;
        gap: 0;
        margin: 0;
        padding: 0 20px;
        padding-top: 250px;
        padding-bottom: 35px;
        margin-top: -200px;
        margin-left: -130px;
    }

    .ep-lamina .dobra-01 .feature__content .image {
        max-width: 170px;
        margin-left: -30px;
    }

    .ep-lamina .dobra-01 .feature__content h3.feature__title {
        font-size: 30px;
        line-height: 100%;
    }

    .ep-lamina .dobra-01 .feature__content .feature__description {
        font-size: 20px;
        max-width: 200px;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .ep-lamina .dobra-01 .feature__content .sku__card__name {
        font-size: 20px;
    }
}

@media screen and (max-width: 340px) {
    .ep-lamina .dobra-01 {
        margin: 0 auto;
        max-width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .ep-lamina .dobra-01 .feature__content {
        margin-left: -100px;
    }
}
/* =========================================
   DOBRA 02 (Grid Icons)
   ========================================= */
.ep-lamina .dobra-02 {
    overflow: hidden;
    padding-bottom: 0;
}

.ep-lamina .dobra-02 .feature__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 29px;
    justify-items: center;
    margin: 0 auto;
}

.ep-lamina .dobra-02 .feature__content .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 35px;
    text-align: center;
    max-width: 345px;
    width: 100%;
    height: 400px;
}

.ep-lamina .dobra-02 .feature__content .card div {
    height: 170px;
    max-width: 205px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ep-lamina .dobra-02 .feature__content .card .feature__description {
    color: #FF8200;
    text-transform: uppercase;
    max-width: 250px;
    width: 100%;
    font-size: 30px;
    font-weight: 400;
    line-height: 112%;
    text-align: center;
}

/* Ajustes de largura dos textos na Dobra 02 Desktop */
.ep-lamina .dobra-02 .feature__content .card:nth-child(1) .feature__description { max-width: 220px; }
.ep-lamina .dobra-02 .feature__content .card:nth-child(2) .feature__description { max-width: 220px; }
.ep-lamina .dobra-02 .feature__content .card:nth-child(3) .feature__description { max-width: 250px; }
.ep-lamina .dobra-02 .feature__content .card:nth-child(4) .feature__description { max-width: 250px; }
.ep-lamina .dobra-02 .feature__content .card:last-child .feature__description { max-width: 250px; }

/* Responsivo Dobra 02 */
@media screen and (max-width: 991px) {
    .ep-lamina .dobra-02 {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .ep-lamina .dobra-02 .feature__content {
        grid-template-columns: 1fr 1fr;
        column-gap: 60px;
        row-gap: 40px;
        max-width: 340px;
        width: 100%;
    }

    .ep-lamina .dobra-02 .feature__content .card {
        height: auto;
        width: 100%;
    }

    .ep-lamina .dobra-02 .feature__content .card div {
        height: auto;
        max-height: 64px;
    }

    .ep-lamina .dobra-02 .feature__content .card div img {
        width: 102px;
    }

    .ep-lamina .dobra-02 .feature__content .card .feature__description {
        font-size: 18px;
    }

    .ep-lamina .dobra-02 .feature__content .card:nth-child(2) .feature__description { max-width: 150px; }
    
    .ep-lamina .dobra-02 .feature__content .card:nth-child(3) {
        height: 200px;
        gap: 25px;
    }
    .ep-lamina .dobra-02 .feature__content .card:nth-child(3) div {
        max-height: 90px;
        margin-top: 5px;
    }
    .ep-lamina .dobra-02 .feature__content .card:nth-child(3) .feature__description { max-width: 150px; }
}

/* Ajuste específico para o Mobile Only Card (Centralizar o último card) */
@media screen and (max-width: 768px) {
    .ep-lamina .dobra-02.only-mobile .feature__content {
        display: flex !important;
        justify-content: center;
        align-items: center;
        grid-template-columns: none;
        width: 100%;
        margin-top: -20px;
    }
    
    .ep-lamina .dobra-02.only-mobile .feature__content .card {
        margin: 0 auto;
    }
}

/* =========================================
   DOBRA 03 (AirFryer + Comidas)
   ========================================= */
.dobra-03 {
    padding: 200px 0!important;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}

.dobra-03 .feature__content {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.dobra-03 .img-full {
    width: 100%;
    height: auto;
    display: block;
    max-width: 1920px;
    margin: 0 auto;
}

.dobra-03 .receitas__texto p {
    font-family: "elza", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.2;
    color: #FF8200;
    margin: 0;
}

/* Desktop Dobra 03 */
@media screen and (min-width: 950px) {
    .dobra-03 .receitas__texto {
        position: absolute;
        top: 0;
        right: 20px;
        text-align: right;
        z-index: 2;
        width: 100%;
        max-width: 30%;
    }
    
    .dobra-03 .receitas__texto p {
        margin-right: 2%; 
    }
}

/* Mobile Dobra 03 */
@media screen and (max-width: 950px) {
    .dobra-03 {
        padding: 0px 0!important;
    }

    .dobra-03 .feature__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .dobra-03 .receitas__texto {
        position: static;
        text-align: right;
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .dobra-03 .receitas__texto p {
        font-size: 20px;
        margin: 20px;
    }

    .dobra-03 .img-full {
        max-width: 400px;
    }
}
@media screen and (min-width: 950px) and (max-width: 1400px) {
    .dobra-03 .receitas__texto {
        max-width: 50%;
    }
}
/* =========================================
   DOBRA "ASSA FRITA" (Imagem sobreposta)
   ========================================= */
.dobra-assa-frita {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
}

.dobra-assa-frita .text-block h3 {
    font-family: "elza", sans-serif;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 20px 0;
}

.dobra-assa-frita .text-block p {
    font-family: "elza", sans-serif;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.4;
    margin: 0;
}

/* Desktop Dobra Assa Frita (Faixa Laranja Infinita) */
@media screen and (min-width: 769px) {
    .dobra-assa-frita {
        padding: 100px 0;
    }

    .dobra-assa-frita .feature__content {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        align-items: center;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }

    .dobra-assa-frita .text-block {
        grid-column: 1 / 9; 
        grid-row: 1;
        z-index: 1; 
        align-self: center; 
        background-color: transparent; 
        padding: 80px 40px 80px 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .dobra-assa-frita .text-block::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100vw;
        width: 300vw;
        background-color: #FF8200;
        z-index: -1;
    }

    .dobra-assa-frita .text-block h3 {
        font-size: 42px;
        max-width: none;
    }
    
    .dobra-assa-frita .text-block p {
        font-size: 18px;
        max-width: 380px; 
    }

    .dobra-assa-frita .image-block {
        grid-column: 5 / -1;
        grid-row: 1;
        z-index: 10; 
        margin-top: 0;
        position: relative;
        text-align: right;
    }

    .dobra-assa-frita .image-block img {
        border-radius: 60px; 
        padding: 0;
       
        max-width: 100%;
        margin-top: 0px; 
        margin-left: 80px;
        height: auto;
    }
}

/* Mobile Dobra Assa Frita (Empilhado) */
@media screen and (max-width: 768px) {
    .dobra-assa-frita .feature__content {
        display: flex;
        flex-direction: column;
    }

    .dobra-assa-frita .text-block {
        background-color: #FF8200;
        padding: 50px 25px 250px 25px;
        text-align: left;
    }

    .dobra-assa-frita .text-block h3 {
        font-size: 32px;
        max-width: 70%;
    }

    .dobra-assa-frita .text-block p {
        font-size: 16px;
        max-width: 90%;
        margin-bottom: 20px;
    }

    .dobra-assa-frita .image-block img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 40px 40px 0 0;
        margin-top: -250px; 
        position: relative;
        z-index: 1;
        padding: 0 15px;
    }
}

/* =========================================
   DOBRA 08 (Especificações)
   ========================================= */
.ep-lamina .dobra-08 .feature__content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 90px;
    align-items: center;
}

.ep-lamina .dobra-08 .feature__content > .text__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ep-lamina .dobra-08 .feature__content > .text__content > .feature__title {
    max-width: 420px;
}

.ep-lamina .dobra-08 .feature__content > .text__content > p.feature__description {
    max-width: 420px;
    line-height: normal;
}

.ep-lamina .dobra-08 .feature__content > .text__content > p.feature__description > span {
    font-weight: 600;
}

.ep-lamina .dobra-08 .feature__content > .text__content > p.feature__description:last-child {
    margin-top: 30px;
}

.ep-lamina .dobra-08 .feature__content .image {
    max-width: 1120px;
}

@media screen and (max-width: 1650px) {
    .ep-lamina .dobra-08 .feature__content {
        flex-direction: column-reverse;
        align-items: center;
        gap: 30px;
    }
    .ep-lamina .dobra-08 .feature__content > .text__content {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .ep-lamina .dobra-08 .feature__content > .text__content > .feature__title {
        max-width: 270px;
    }
    .ep-lamina .dobra-08 .feature__content > .text__content > p.feature__description {
        max-width: 270px;
    }
    .ep-lamina .dobra-08 .feature__content > .text__content > p.feature__description:last-child {
        margin: 0;
    }
}

/* =========================================
   DOBRA 09 (Footer)
   ========================================= */
.ep-lamina .dobra-09 {
    margin: 0px auto;
    margin-top: 20px;
    padding: 2.5% 56px;
    background-color: #0050DC;
    border-radius: 20px 20px 0 0 ;
    width: 100%;
    max-width: 1920px;
}

.ep-lamina .dobra-09 .feature__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ep-lamina .dobra-09 .feature__content > .image {
    max-width: 242px;
    height: 91px;
    border-radius: 0 !important;
}

.ep-lamina .dobra-09 .feature__content > .text__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ep-lamina .dobra-09 .feature__content > .text__content > .line > .feature__description {
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}

.ep-lamina .dobra-09 .feature__content > .text__content > .line > .feature__description > span {
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .ep-lamina .dobra-09 {
        margin: 0 11px;
        margin-top: 60px;
        border-radius: 10px;
        padding: 12px 13px;
        width: 100%;
        justify-self: center;
        height: 70px;
        align-items: center;
    }

    .ep-lamina .dobra-09 .feature__content > .image {
        max-width: 122px;
        height: auto;
    }

    .ep-lamina .dobra-09 .feature__content > .text__content {
        gap: 4px;
    }

    .ep-lamina .dobra-09 .feature__content > .text__content > .line > .feature__description {
        font-size: 10px;
    }
}
/* =========================================
   DOBRA POTÊNCIA (1.350 W)
   ========================================= */

/* Configuração Geral */
.dobra-potencia {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: 0; /* A imagem encosta no fundo se necessário */
}

.dobra-potencia .feature__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Remove padding lateral excessivo se houver na global, 
       mas mantém o suficiente para não colar na borda */
}

.dobra-potencia .text-container {
    max-width: 1400px;
    width: 100%;
    margin-bottom: 40px;
}

/* Ajustes finos de Tipografia para esta dobra */
.dobra-potencia .feature__title {
    color: #FF8200; /* Garante o laranja */
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

.dobra-potencia .feature__description {
    color: #2F2F2F; /* Cinza escuro padrão */
}


/* --- VERSÃO DESKTOP (Centralizado) --- */
@media screen and (min-width: 769px) {
    .dobra-potencia {
        padding-top: 80px;
    }

    .dobra-potencia .text-container {
        margin-top: 30px;
        text-align: center; /* Centraliza o texto no desktop */
        margin-bottom: 60px;
    }

    /* Ajuste da imagem desktop para não estourar 1920px */
    .dobra-potencia .image.only-desktop {
        max-width: 100%;
        width: 100%; 
        /* Se quiser limitar a largura da imagem como na referência, 
           pode usar max-width: 1200px; e margin: 0 auto; */
    }
}


/* --- VERSÃO MOBILE (Alinhado à Esquerda) --- */
@media screen and (max-width: 768px) {
    .dobra-potencia {
        padding-top: 40px;
    }

    .dobra-potencia .text-container {
        text-align: left; /* Texto alinhado à esquerda no mobile */
        padding: 0 20px; /* Garante margem lateral no texto */
        margin-bottom: 30px;
    }

    .dobra-potencia .feature__title {
        margin-top: 100px;
        font-size: 28px; /* Ajuste de tamanho para caber bem */
        line-height: 1.1;
    }

    .dobra-potencia .feature__description {
        font-size: 16px;
        max-width: 300px; /* Limita a largura da leitura */
    }

    .dobra-potencia .image.only-mobile {
        width: 100%;
        
        margin: 0 auto;
    }
}
/* =========================================
   DOBRA TAMANHO (4,2L)
   ========================================= */

.dobra-tamanho {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden; /* Evita que elementos vazem */
}

/* Títulos e Textos Específicos desta dobra */
.dobra-tamanho .feature__title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

.dobra-tamanho .feature__description {
    color: #fff;
    line-height: 1.3;
}

/* O Card Laranja com bordas arredondadas */
.dobra-tamanho .orange-card {
    background-color: #FF8200;
    border-radius: 30px;
    padding: 15% 15% 15% 20%;
    margin-top: -25%;
    margin-bottom: 10%;
}

/* O Selo de Garantia */
.dobra-tamanho .warranty-badge {
    display: inline-block;
    background-color: #FF8200;
    color: #fff;
    font-family: "elza", sans-serif;
    font-weight: 600;
    font-size: 30px;
    padding: 10px 30px;
    border-radius: 50px; /* Formato de pílula */
    margin-top: 30px;
    text-align: center;
    margin-left: 20%;
    
}

/* --- VERSÃO DESKTOP --- */
@media screen and (min-width: 769px) {
    .dobra-tamanho {
        padding: 80px 0;
    }

    .dobra-tamanho .feature__content {
        display: flex;
        flex-direction: row; /* Imagem esquerda, Texto direita */
        align-items: center;
        justify-content: center;
        gap: 0px; /* Sem gap, controlaremos com margem se precisar */
        max-width: 100%;
        margin: 0 auto;
        padding: 0 0px;
    }

    /* Área das Imagens */
    .dobra-tamanho .tamanho-images {
        flex: 1;
        display: flex;
        justify-content: flex-end; /* Encosta a imagem perto do texto */
        z-index: 1; /* Fica atrás ou no mesmo nível */
    }

    .dobra-tamanho .image-desktop {
       
        width: 150%;
        margin-right: -50%;
        /* Ajuste para cortar a imagem na esquerda se necessário, igual à referência */
        object-fit: contain; 
    }

    /* Área do Texto */
    .dobra-tamanho .tamanho-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 0;
        padding-left: 20px; /* Pequeno respiro entre imagem e texto */
        
    }

    .dobra-tamanho .orange-card {
        max-width: 80%;
        /* Se quiser que o card sobreponha a imagem como na ref, use margin-left negativa: */
        /* margin-left: -50px; */
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }
    
    .dobra-tamanho .feature__title {
        font-size: 36px;
    }
    
    .dobra-tamanho .feature__description {
        font-size: 22px;
    }
}
/* --- VERSÃO laptop --- */
@media screen and (min-width: 800px) and (max-width: 1366px) {
.dobra-tamanho .orange-card {
    max-width: 100%;
    background-color: #FF8200;
    border-radius: 30px;
    padding: 15% 15% 15% 20%;
    margin-top: -10%;
}
    .dobra-tamanho .image-desktop {
        width: 130%;
        margin-right: -30%;
        object-fit: contain;
    }
}
/* --- VERSÃO MOBILE --- */
@media screen and (max-width: 768px) {
    .dobra-tamanho .orange-card {
        margin-top: 0%;
    }
    .dobra-tamanho .feature__content {
        display: flex;
        flex-direction: column;
        padding: 0 0px;
    }

    /* 1. MUDAR A ORDEM: Texto primeiro, Imagem depois */
    .dobra-tamanho .tamanho-info {
        order: 1;
        width: 95%;
        position: relative;
        z-index: 1; /* Fica ATRÁS da imagem na parte inferior */
    }

    .dobra-tamanho .tamanho-images {
        order: 2;
        width: 100%;
        position: relative;
        z-index: 2; /* Fica NA FRENTE do card */
        margin-top: -60px; /* SOBREPOSIÇÃO: Puxa a imagem para cima do card */
        display: flex;
        justify-content: center;
    }

    /* Estilo do Card no Mobile */
    .dobra-tamanho .orange-card {
        margin-top: 10%;
        padding: 40px 30px 150px 30px; /* Padding bottom gigante para dar espaço à imagem */
        border-radius: 30px;
        margin-left: 2.5%;
        margin-left: 2.5%;
        text-align: left;
    }

    .dobra-tamanho .feature__title {
        font-size: 28px;
    }

    .dobra-tamanho .feature__description {
        font-size: 16px;
        max-width: 300px;
    }

    /* Estilo da Imagem Mobile */
    .dobra-tamanho .image-mobile {
        width: 100%;
        height: auto;
        margin-top: -20%;
    }

    /* Esconde o selo de garantia no mobile se quiser ficar igual à referência, 
       ou mantenha se preferir. Na referência mobile ele não aparece. */
    .dobra-tamanho .warranty-badge {
        display: none; 
    }
}
/* =========================================
   DOBRA ESPAÇO INTERNO (Mobile/Tablet Only)
   ========================================= */

/* 1. Esconde no Desktop por padrão */
.dobra-espaco-interno {
    display: none;
}

/* 2. Mostra apenas em Tablets e Celulares (até 991px) */
@media screen and (max-width: 769px) {
    
    .dobra-espaco-interno {
        display: block;
        padding: 40px 20px; /* Margem de segurança nas laterais */
        width: 100%;
        max-width: 500px; /* Limita a largura para não ficar esticado no tablet */
        margin: 0 auto;
    }

    .dobra-espaco-interno .feature__content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Estilo da Imagem do Cesto */
    .dobra-espaco-interno .basket-image {
        margin-top: 100px;
        width: 100%;
        max-width: 380px; /* Tamanho máximo do cesto */
        height: auto;
        position: relative;
        z-index: 2; /* Garante que a imagem fique NA FRENTE do card laranja */
        display: block;
    }

    /* Estilo do Card Laranja */
    .dobra-espaco-interno .orange-card {
        background-color: #FF8200;
        width: 95%;
        border-radius: 40px; /* Cantos bem arredondados */
        text-align: center;
        position: relative;
        z-index: 1; /* Fica ATRÁS da imagem */
        
        /* O SEGREDO: Margem negativa para subir e encontrar a imagem */
        margin-top: -80px; 
        
        /* Padding topo grande para o texto não bater na imagem */
        padding: 100px 30px 50px 30px; 
    }

    /* Tipografia Específica desta dobra */
    .dobra-espaco-interno .feature__title {
        color: #ffffff;
        font-weight: 600;
        font-size: 28px;
        margin-bottom: 15px;
    }

    .dobra-espaco-interno .feature__description {
        color: #ffffff;
        font-size: 16px;
        line-height: 1.4;
    }
}
/* =========================================
   DOBRA CAPACIDADE (Cestos de Alimentos)
   ========================================= */

.dobra-capacidade {
    padding: 60px 0;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
}

.dobra-capacidade .feature__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 80%;
    margin: 0 auto;
    padding: 0 20px;
}

/* Container dos 3 itens */
.dobra-capacidade .capacity-grid {
    display: flex;
    justify-content: space-between; /* Espalha os itens */
    gap: 40px;
    width: 100%;
    margin-bottom: 60px;
}

/* Estilo individual de cada item */
.dobra-capacidade .capacity-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    flex: 1; /* Faz todos terem a mesma largura base */
}

.dobra-capacidade .capacity-item img {
    width: 110%;
    height: auto;

    margin-bottom: 25px;
    /* Caso a imagem não tenha sombra embutida, descomente abaixo: */
    /* filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); */
}

.dobra-capacidade .capacity-item .caption {
    font-family: "elza", sans-serif;
    font-weight: 600; /* Negrito conforme a imagem */
    color: #FF8200;
    font-size: 24px;
    line-height: 1.2;
}

/* Disclaimer (Texto pequeno no rodapé) */
.dobra-capacidade .disclaimer-text p {
    font-family: "elza", sans-serif;
    color: #666666; /* Cinza escuro */
    font-size: 14px;
    text-align: center;
}

/* --- VERSÃO MOBILE / TABLET --- */
@media screen and (max-width: 991px) {
    
    .dobra-capacidade {
        padding: 40px 0;
    }

    .dobra-capacidade .capacity-grid {
        flex-direction: column; /* Empilha um embaixo do outro */
        gap: 60px; /* Mais espaço entre os itens no mobile */
        align-items: center;
    }

    .dobra-capacidade .capacity-item {
        max-width: 400px; /* Limita a largura no mobile */
    }

    .dobra-capacidade .capacity-item img {
        margin-bottom: 15px;
    }

    .dobra-capacidade .capacity-item .caption {
        font-size: 20px; /* Fonte um pouco menor */
    }
    
    .dobra-capacidade .disclaimer-text p {
        font-size: 10px;
        padding: 0 20px;
    }
}
/* =========================================
   DOBRA CONTROLE DE TEMPERATURA
   ========================================= */

.dobra-controle-temperatura {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: 0; /* A imagem encosta no fundo ou na próxima seção */
    overflow: hidden;
}

.dobra-controle-temperatura .feature__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1920px; /* Largura controlada para o card não ficar muito largo */
    margin: 0 auto;
}

/* O Card Laranja */
.dobra-controle-temperatura .orange-card-control {
    background-color: #FF8200;
    width: 70%;
    border-radius: 40px; /* Arredondamento conforme referência */
    text-align: center;
    padding: 60px 20px 300px 20px; /* Padding inferior GRANDE para dar espaço para a imagem entrar */
    position: relative;
    z-index: 1;
}

/* Tipografia */
.dobra-controle-temperatura .feature__title {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
}

.dobra-controle-temperatura .feature__description {
    color: #ffffff;
    line-height: 1.3;
    font-size: 18px;
}

/* Container da Imagem */
.dobra-controle-temperatura .image-knobs-container {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2; /* Fica na frente do card laranja */
    
    /* O SEGREDO: Margem negativa para subir sobre o card laranja */
    margin-top: -300px; 
}

.dobra-controle-temperatura .image-knobs-container img {
    width: 100%;
    
    height: auto;
    display: block;
    /* Se a imagem for quadrada, border-radius ajuda, se for png recortado, não precisa */
    border-radius: 30px 30px 0 0; 
}


/* --- VERSÃO DESKTOP --- */
@media screen and (min-width: 769px) {
    .dobra-controle-temperatura {
        padding-top: 80px;
    }

    .dobra-controle-temperatura .feature__title {
        font-size: 42px;
    }
}


/* --- VERSÃO MOBILE --- */
@media screen and (max-width: 768px) {
    .dobra-controle-temperatura {
        padding-top: 40px;
    }

    .dobra-controle-temperatura .orange-card-control {
        border-radius: 30px;
        /* No mobile, o padding inferior pode ser menor se a imagem subir menos */
        padding: 40px 20px 100px 20px; 
    }

    .dobra-controle-temperatura .feature__title {
        font-size: 28px;
    }

    .dobra-controle-temperatura .feature__description {
        font-size: 16px;
        max-width: 300px;
        margin: 0 auto;
    }

    .dobra-controle-temperatura .image-knobs-container {
        /* No mobile a imagem sobe um pouco menos proporcionalmente */
        margin-top: -80px; 
    }
}
/* =========================================
   DOBRA ESPECIFICAÇÕES TÉCNICAS
   ========================================= */

.dobra-especificacoes {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden; /* Importante para cortar o excesso da faixa laranja */
}

/* Tipografia */
.dobra-especificacoes .feature__title {
    color: #fff; /* Título branco no fundo laranja */
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
}

.dobra-especificacoes .specs-details p {
    font-family: "elza", sans-serif;
    color: #2F2F2F;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.dobra-especificacoes strong {
    font-weight: 600;
}

/* --- VERSÃO DESKTOP --- */
@media screen and (min-width: 960px) {
    
    .dobra-especificacoes {
        /* Mantém colado no topo */
        padding-top: 0 !important; 
        padding-bottom: 80px; 
        margin-top: 0 !important;
    }

    .dobra-especificacoes .feature__content {
        display: grid;
        /* Ajuste do Grid: 45% para texto, 55% para imagem para dar mais espaço */
        grid-template-columns: 45% 55%; 
        align-items: center; /* Centraliza verticalmente */
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 50px;
        position: relative;
    }

    /* Coluna da Esquerda */
    .dobra-especificacoes .specs-left-col {
        position: relative;
        z-index: 1;
        padding-top: 0; 
    }

    /* A Faixa Laranja (Mantém o truque da largura infinita) */
    .dobra-especificacoes .specs-header-orange {
        margin-top: -100px; /* Ajuste fino para colar no topo */
        background-color: #FF8200;
        padding: 220px 40px 0px 0;
        z-index: 1;
        
        /* Truque para ir até o final da tela à esquerda */
        margin-left: -100vw; 
        padding-left: 100vw; 
        width: 200vw; 
        
        margin-bottom: 40px;
        border-radius: 0 40px 40px 0;
    }

    .dobra-especificacoes .feature__title {
        font-size: 42px;
        max-width: 80%;
    }

    .dobra-especificacoes .specs-details {
        padding-left: 0;
        max-width: 350px;
    }

    /* --- CORREÇÃO DA IMAGEM AQUI --- */
    
    /* Coluna da Imagem */
    .dobra-especificacoes .specs-image-col {
        position: relative;
        z-index: 2; /* Fica na frente do laranja */
        margin: 0; /* Removemos margens da coluna */
        display: flex;
        align-items: center;
    }

    /* A Imagem em si */
    .dobra-especificacoes .specs-image-col img {
        /* Define que a imagem será 115% da largura da sua coluna */
        width: 130%; 
        max-width: none; /* Permite que ela cresça além de 100% */
        height: auto;
        
        /* Puxa a imagem 15% para a esquerda para fazer a sobreposição */
        margin-left: -30%; 
        
        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15));
    }
    .specs-extra{
        margin-bottom: 300px!important;
    }
}


/* --- VERSÃO MOBILE --- */
@media screen and (max-width: 960px) {
    
    .dobra-especificacoes .feature__content {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0; /* Remove padding lateral do container principal para a faixa encostar */
    }

    /* 1. Faixa Laranja no Topo */
    .dobra-especificacoes .specs-header-orange {
        background-color: #FF8200;
        width: 100%;
        padding: 40px 20px;
        border-radius: 0 0 30px 0; /* Um charme na ponta inferior direita, opcional */
        margin-bottom: 30px;
    }

    .dobra-especificacoes .feature__title {
        font-size: 32px;
    }

    /* 2. Texto */
    .dobra-especificacoes .specs-details {
        padding: 0 20px;
        margin-bottom: 30px;
    }

    .dobra-especificacoes .specs-details p {
        font-size: 16px;
    }

    /* 3. Imagem */
    .dobra-especificacoes .specs-image-col {
        padding: 0 20px;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
    }

    .dobra-especificacoes .specs-image-col img {
        width: 100%;

        height: auto;
    }
    .dobra-capacidade .feature__content {
        margin-top: 100px;
    }
}