.laranja {
    color: #ff9d01;
}

body {
    font-family: 'Syne', sans-serif !important;
}

/* Primeiro Container (Img) */
.container__mulher {
    padding: 60px 5%;
    padding-top: 55px;
    margin-top: 50px;
    max-width: 1420px !important;
    padding-bottom: 120px;
}

.container__mulher-div1 {
    display: flex;
    flex-direction: column;
    gap: 68px;
}

.container__mulher-div1--div {
    display: flex;
    gap: 20px;
    align-items: center;
}

.container__mulher-div1--div_icone-baixar {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.img-moça {
    width: 92%;
    max-width: 374px;
    height: auto;
}

.img-mobile-fiscal {
    display: none !important;
}

.linha-baixo,
.container__mulher-h1 {
    color: #000;
    font-family: Syne;
    font-weight: 600;
}

.linha-baixo {
    font-size: 45px;
    text-decoration: underline;
}

.container__mulher-h1 {
    width: 694px;
    height: 103px;
    flex-shrink: 0;
    color: #000;
    font-family: 'Syne', sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container__mulher-p {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.63;
    font-family: Syne;
    color: #000;
}

.container__mulher-a1,
.container__mulher-a2 {
    border-radius: 9px;
    font-family: Syne;
    font-weight: 700;
    padding: 15px 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    cursor: pointer;
}

.container__mulher-a1 {
    background: #ff9d01;
    color: #fff;
    font-size: 24px;
    width: 274px;
    height: 61px;
    text-decoration: none;
}

.container__mulher-a1:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    background-color: #FF9D01;
    transform: translateY(-3px);
    color: #FFF;
}

.container__mulher-a2 {
    width: 216px;
    height: 61px;
    border: 1px solid #e4e4e4;
    background: #fff;
    color: #ff9d01;
    font-size: 19px;
    gap: 8px;
    text-align: center;
    text-decoration: none;
}

.container__mulher-a2:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    transform: translateY(-3px);
    color: #ff9d01;
}

.container__mulher-a2:hover .container__mulher-div1--div_icone-baixar {
    animation: downloadAnimation 0.5s ease forwards;
}

@keyframes downloadAnimation {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(100%);
        opacity: 0;
    }
    51% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.container__mulher > div {
    gap: 100px;
    flex-wrap: nowrap !important;
}


/* Segundo Container (Grafite) */
.container__grafite {
    width: 100%;
    height: 720px;
    background: url(../../img/modulos/fiscal/nova-lp-fiscal/Fundo.png) 100% / cover no-repeat;
}

.container__grafite-titulo {
    color: #FFF;
    text-align: center;
    font-family: 'Syne', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 139.019%; /* 47.267px */
    padding-top: 21px;
}

.card {
    background-color: transparent;
    border: none;
    padding-top: 50px;
    gap: 16px;
}

.card-title {
    color: var(--CNM-Branco, #FFF);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
}

.card-text {
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 21px */
}

.card > svg {
    margin: 0 auto;
}

.card-linha {
    position: relative;
    border-radius: 0;
}

.card-linha::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 243px;
    height: 1px;
    background: white;
}

/* Terceiro Container (carrousel) */
.container__carrousel {
    height: 450px;
    background: var(--Laranja-CNM, #FF9D01);
    padding-top: 0px;
    margin-top: 0px;
}

.container__carrousel-titulo {
    color: #FFF;
    font-family: Syne;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 139.019%; /* 47.267px */
}

.container__carrousel-div1 {
    padding: 47px 109px;
    display: flex;
    justify-content: space-between; /* para empurrar o <a> à direita */
    align-items: center;
}

.botao-conversar {
    display: flex;
    align-items: center;           /* alinha o texto e o SVG na vertical */
    border-radius: 9px;
    background: #FFF;
    padding: 14px 15px;
    color: #FF8E01;
    text-decoration: none;
    text-align: center;
    width: 216px;
    justify-content: space-between;
}

.texto-link {
    display: flex;
    flex-direction: column;       /* quebra “Vamos” e “Conversar” em coluna */
    font-weight: bold;
    line-height: 1.2;
    width: 157px;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    transition: 0.3s;
}

.botao-conversar:hover {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

.icone-link svg {
    display: block;
}

/* Define a animação de balanço */
@keyframes shake {
0% { transform: translateX(0); }
20% { transform: translateX(-2px); }
40% { transform: translateX(2px); }
60% { transform: translateX(-2px); }
80% { transform: translateX(2px); }
100% { transform: translateX(0); }
}

/* Aplica a animação apenas no hover do botão */
.botao-conversar:hover .icone-link svg {
    animation: shake 0.4s ease-in-out infinite;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Corrigido: para loop perfeito, use -50% */
    }
}

.slider {
    overflow: hidden;
    position: relative;
    width: 100vw;
    margin: 40px auto;
}

.slide-track {
    display: flex;
    will-change: transform; /* Devemos ser gentis com o navegador - informar o que vamos animar. */
    animation: scroll-left 30s linear infinite;
}


.slider:hover .slide-track {
    animation-play-state: paused;
}

.slide-track img {
    width: 240px;
    padding: 0 20px;
    flex-shrink: 0;
    object-fit: contain;
}

/* Quarto Container (Forms) */
.container__forms {
    position: relative;
}

.container__forms-titulo {
    color: var(--CNM-cinza, #3A434D);
    text-align: center;
    font-family: Syne;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 139.019%; /* 47.267px */
}

.container__forms-divchefe {
    display: flex;
    justify-content: center;
    padding-top: 68px;
    gap: 138px;
    position: relative;
    z-index: 1;
}

.container__forms-titulolateral {
    color: var(--CNM-Laranja, #FF9D01);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Syne;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 150% */
}

.container__forms-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    z-index: 1;
    margin-top: 112px;
}

.container__forms-cards > div {
    display: flex;
    flex-direction: row;
    gap: 10px;
    border-radius: 6px;
    background: var(--CNM-Branco, #FFF);
    align-items: center;
    z-index: 1;
    padding: 8px;
}

.container__forms-cards > div > p {
    color: var(--CNM-cinza, #3A434D);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    display: flex;
    margin-bottom: 0px;
    gap: 5px;
}



.container__forms-cards > div > img {
    width: 30.021px;
    height: 30.021px;
    transform: rotate(-0.388deg);
    flex-shrink: 0;
    aspect-ratio: 30.02/30.02;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

/* Formulario */
form {
    width: 100%;
    max-width: 624px;
    min-height: 504px;
    margin: 0 auto;
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--Neutral-colors-400, #E1E4ED);
    background: #FFF;
    /* Neutral/Shadow 02 */
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    z-index: 1;
}

.form-title {
    color: var(--Black-5, #2B2F32);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Syne;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 171.429% */
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 32px;
    width: 100%;
    margin-bottom: 32px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    color: var(--Neutral-colors-600, #6d758f);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: "liga" off, "clig" off;

    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px;
    margin-bottom: 8px;
}

.form-input {
    color: var(--Neutral-colors-600, #6d758f);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--Neutral-colors-300, #f1f3f7);
    background: var(--Neutral-colors-100, #fff);

    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.form-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 13px;
    color: #2b2f32;
    line-height: 1.5;
}

.form-checkbox > label > span > a {
    color: blue;
    text-decoration: underline;
}

.form-checkbox input[type="checkbox"] {
    margin-top: 2px;
    accent-color: #ff9d01;
    color: white;
    margin-right: 20px;
    width: 15px !important;
    height: 15px !important;
}

.form-button {
    background-color: #ff9d01;
    color: white;
    font-family: Syne;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    cursor: pointer;
    align-self: center !important;
    transition: background 0.3s ease;
    align-items: center;
}

.form-button:hover {
    background-color: #e88d00;
}

.form-divider {
    height: 1px;
    width: 100%;
    background-color: #f1f3f7;
    margin: 12px 0 24px;
}

.required {
    color: red;
}

.form-input-senha {
    width: 100% !important;
}

/* Rodape forms */
.container__forms-rodape {
    background-color: #ff9d01;
    padding: 20px;
    width: 1198px;
    margin: 0 auto;
    border-radius: 8px 8px 0px 0px;
    position: relative;
    z-index: 1;
}

.container__forms-rodape > div > svg {
    border-radius: 8px;
    background: #FFF;
    padding: 8px;
    
}

.container__forms-rodape > div {
    gap: 20px;
}

.container__forms-rodape > div > p {
    color: var(--CNM-Branco, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Syne;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    display: flex;
    margin-bottom: 0px;
}

.linha-laranja-decorativa {
    position: absolute;
    height: 311px;    
    border-radius: 252px 0px 0px 8px;
    background-color: #FF9D01;
    bottom: 300px;    
    left: 5%;
    right: 0%;
    z-index: 0;
}


/* Quinto container (carrousel granito) */
.container__carrouselgranito {
    width: 100%;
    height: 720px;
    background: url(../../img/modulos/fiscal/nova-lp-fiscal/Fundo.png) 100% / cover no-repeat;
    margin-top: 0px;
    position: relative; /* necessário para o wrapper posicionar-se à direita dela */
}

/* Wrapper posicionado na direita da section */
.img-google-wrapper {
  position: absolute;
  top: 20%;
  right: 0;
  transform: translateY(-50%);
  overflow: hidden;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* imagem encostada na esquerda do bg */
  width: 0; /* animaremos isso */
  opacity: 0;
}

/* Faixa branca: ocupa 100% da wrapper */
.img-google-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: white;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  z-index: 1;
}

/* Imagem: sobre o fundo */
.img-google {
  position: relative;
  z-index: 2;
  max-width: 100%;
  opacity: 0;
  transform: translateX(100%);
}

/* Animação conjunta ao acionar */
.img-google-wrapper.show {
  animation: wrapperExpand 0.9s ease forwards;
}

.img-google-wrapper.show .img-google {
  animation: slideInRight 0.8s ease forwards 0.2s;
}

@keyframes wrapperExpand {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 320px; /* largura total do fundo branco + imagem */
    opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.texto-laranja {
    background-color: #ff9d01;
    padding: 3px 20px;
}

.container__carrouselgranito-titulo {
    color: #FFF;
    text-align: center;
    font-family: Syne;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px; /* 162.5% */
    
}

.container__carrouselgranito-textofinal {
    text-align: center;
    border-radius: 9px;
    background: var(--CNM-Branco, #FFF);
    padding: 7px 40px;
    width: 274px;
    height: 61px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 91.667% */
    text-align: center;
    text-decoration: none;
    color: var(--CNM-cinza, #3A434D);
}

.container__carrouselgranito-textofinal:hover {
    transition: 0.3s;
    color: #ff9d01;
}

.container__carrouselgranito-textodiv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 95px;
}

/* Sexto container (tipos) */
.container__tipos {
    padding: 65px;
    padding-bottom: 0;
}

.container__tipos-divchefe {
    position: relative;
    scroll-snap-type: y mandatory;
}

.container__tipos-divchefe_n1,
.container__tipos-divchefe_n2,
.container__tipos-divchefe_n3 {
    position: sticky;
    top: 10%;
    min-height: 90vh;
    scroll-snap-align: start;
    z-index: 1;
    transition: opacity 0.5s ease;
}

.container__tipos-divchefe_n1,
.container__tipos-divchefe_n2,
.container__tipos-divchefe_n3 {
    overflow-y: auto;
}

.container__tipos-divchefe_n1 { z-index: 1; }
.container__tipos-divchefe_n2 { z-index: 2; }
.container__tipos-divchefe_n3 { z-index: 3; }

.fade-in-section {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.is-visible {
    opacity: 1;
}

/* Primeiro Quadrado */
.container__tipos-divchefe_n1 {
    background: #EAEAEA;
    border-radius: 50px 50px 0px 0px;
    padding: 41px;
    width: 90%;
    margin: 0 auto;
}

.container__tipos-divchefe_n1-titulo {
    color: var(--CNM-cinza, #3A434D);
    font-family: Syne;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px; /* 130% */
}

.pequeno {
    color: var(--CNM-cinza, #3A434D);
    font-family: Syne;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

.container__tipos-divchefe_n1-divchefe {
    display: flex;
    gap: 123px;
    justify-content: space-evenly;
}

.container__tipos-divchefe_n1-divchefe_divlista-lista_li {
    color: var(--CNM-cinza, #3A434D);
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px; /* 215% */
    list-style-type: square;
}

.container__tipos-divchefe_n1-divchefe_divlista-lista {
    gap: 47px;
    display: flex;
    flex-direction: column;
    padding-top: 87px;
}

.container__tipos-divchefe_n1-divchefe_divlista-textofinal {
    color: var(--CNM-cinza, #3A434D);
    text-align: end;
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px; /* 215% */
    padding-top: 70px;
}

/* Segundo Quadrado */
.container__tipos-divchefe_n2 {
    border-radius: 50px 50px 0px 0px;
    background: var(--CNM-cinza, #82888E);
    width: 90%;
    margin: 0 auto;
    padding: 66px;
}

.container__tipos-divchefe_n2-titulo {
    color: var(--CNM-Branco, #FFF);
    text-align: center;
    font-family: Syne;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px; /* 130% */
}

.pequeno-2 {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

.container__tipos-divchefe_n2-divchefe {
    display:  flex;
    padding: 22px;
    justify-content: space-evenly;
}

.container__tipos-divchefe_n2-divchefe_divlista-textoinicial {
    color: var(--CNM-Branco, #FFF);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px; /* 215% */
}

.container__tipos-divchefe_n2-divchefe_divlista {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
}

.container__tipos-divchefe_n2-divchefe_divlista-lista_li {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px; /* 215% */
    list-style-type: square;
}

.container__tipos-divchefe_n2-divchefe_divlista-textofinal {
    color: var(--CNM-Branco, #FFF);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px; /* 175% */
}

/* Terceiro Quadrado */
.container__tipos-divchefe_n3-titulo {
    color: var(--CNM-Branco, #FFF);
    text-align: center;
    font-family: Syne;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px; /* 130% */
}

.pequeno-3 {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

.container__tipos-divchefe_n3 {
    border-radius: 50px 50px 0px 0px;
    background: var(--CNM-cinza, #3A434D);
    padding: 66px;
    width: 90%;
    margin: 0 auto;
}

.container__tipos-divchefe_n3-divchefe {
    display: flex;
    padding-top: 67px;
    justify-content: space-evenly;
}

.container__tipos-divchefe_n3-divchefe_divlista {
    display: flex;
    flex-direction: column;
    gap: 31px ;
}

.container__tipos-divchefe_n3-divchefe_divlista-textoinicial {
    color: var(--CNM-Branco, #FFF);
    text-align: center;
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px; /* 215% */
}

.container__tipos-divchefe_n2-divchefe_divlista-aviso {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    border: 1px solid #FFF;
    border-radius: 16px;
    padding: 8px 16px;
    width: 90%;
    margin: 0 auto;
}

.container__tipos-divchefe_n2-divchefe_divlista-textolista {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px; /* 235% */
}

.container__tipos-divchefe_n3-divchefe_divlista-lista_li {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px; /* 235% */
}

.container__tipos-divchefe_n3-divchefe_divlista-btn {
    color: var(--CNM-cinza, #3A434D);
    text-align: center;
    font-family: Syne;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 91.667% */
    border-radius: 9px;
    background: var(--CNM-Branco, #FFF);
    padding: 8px 31px;
    width: 214px;
    margin: 0 auto;
    text-decoration: none;
}

.container__tipos-divchefe_n3-divchefe_divlista-btn:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.container__tipos-divchefe_n3-divchefe-divimg_img {
    display: flex;
    align-items: end;
}

.ver-exemplo-btn {
    display: none;
}

.container__quebralaranja-divchefe-div1_imgmobile {
    display: none !important;
}

/* Setimo Container (faixa laranja) */
.container__quebralaranja {
    background-color: #FF9D01;
    margin-top: 0px;
    padding: 66px;
}

.container__quebralaranja-divchefe {
    display: flex;
    flex-direction: row;
    gap: 80px;
}

.container__quebralaranja-divchefe-div2 {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.container__quebralaranja-divchefe-div2_p1 {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px; /* 138.235% */
}

.container__quebralaranja-divchefe-div2_p2 {
    color: var(--CNM-Branco, #FFF);
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px; /* 185% */
}

.container__quebralaranja-divchefe-div2_divbtns {
    display: flex;
    flex-direction: row;
    gap: 110px  ;
}

.container__quebralaranja-divchefe-div2_divbtns-btn1 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    border-radius: 9px;
    background: var(--CNM-Branco, #FFF);
    padding: 20px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
}

.container__quebralaranja-divchefe-div2_divbtns-btn1_texto {
    color: var(--CNM-cinza, #3A434D);
    text-align: center;
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 125% */
}

.container__quebralaranja-divchefe-div2_divbtns-btn1:hover,
.container__quebralaranja-divchefe-div2_divbtns-btn2:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.container__quebralaranja-divchefe-div2_divbtns-btn2 {
    border-radius: 9px;
    background: var(--CNM-Branco, #FFF);
    color: var(--CNM-cinza, #3A434D);
    text-align: center;
    font-family: Syne;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 138.889% */
    display: flex; 
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-decoration: none;
}

/* Setimo Container (cards) */
.container__modulos {
    padding: 60px 5%;
}

.container__modulos-h2 {
    font-family: Syne;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: start;
}

.container__modulos-cards {
    padding-top: 30px;
    text-align: center;
    border: none;
    flex-wrap: wrap;
}

.card {
    border: none !important;
}

.container__cards--topo {
    background-color: #ff9d01;
    border-radius: 8px !important;
    border: none;

}

.container__cards--titulo {
    color: #000;
    font-family: Syne;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 24px;
}

.container__cards-subtitulo {
    color: rgba(26, 26, 26, 0.53);
    font-family: Syne;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

.container__cards-saiba-mais {
    padding: 12px 18px;
    background: #ff9d01;
    border-radius: 6px;
    color: white;
    transition: all 0.6s ease;
    font-weight: bold;
    width: 100%;
}

.container__cards-saiba-mais:hover {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    transform: translateY(-2px);
}

.container__cards-chama-a-gente {
    display: inline-block;
    color: #ff9d01;
    font-family: Syne;
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 80px;

}

.whatsapp-chama-a-gente {
    margin-left: 5px;
}

.container__cards-chama-a-gente:hover {
    text-decoration: none;
    color: #ff9d01;
}

.container__clientes {
    padding: 100px 8%;
    height: auto;
    background-color: #fff;
    text-align: center;
}

.container__clientes-h2,
.container__clientes-h3 {
    font-family: Syne;
    color: #000;
    font-size: 34px;
    line-height: 1.4;
    margin: 0;
}

.container__clientes-h2 {
    font-weight: 500;
    text-align: start;    
}

.container__clientes-h3 {
    font-weight: 600;
    margin-top: 8px;
    text-align: end;
}

.texto-sublinhado {
    font-weight: 600;
    text-decoration: underline;
}

.carousel-container {
    position: relative;
    overflow: hidden;
    max-width: 900px;
    margin: 70px auto 0;
    padding: 0 40px;
    box-sizing: border-box;
}

.carousel-track {
    display: flex;
    gap: 20px;
    cursor: grab;
    user-select: none;
    transition: transform 0.35s ease;
}

.carousel-slide {
    min-width: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.carousel-slide img {
    width: 420px;
    object-fit: cover;
    border-radius: 8px;
}

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    color: #ff9d01;
    font-size: 30px;
    cursor: pointer;
    z-index: 1;
    padding: 10px;
}

.prev-btn {
    left: -10px;
}

.next-btn {
    right: -10px;
}

.container__clientes-botao {
    display: flex;
    justify-content: center;
    margin-top: 43px;
    background-color: #ff9d01;
    padding: 12px 20px;
    color: white;
    font-size: 22px;
    font-weight: 700;
    border-radius: 8px;
    width: 290px;
    margin: 43px auto 0;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s ease;
}

.container__clientes-botao:hover {
    color: #fff;
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

/* Carrossel Segmentos Mobile */
 /* Carrossel Segmentos Mobile */
    .carousel-container-segmentos {
        overflow: hidden;
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    
    .carousel-track-segmentos {
        display: flex;
        transition: transform 0.35s ease;
        gap: 16px;
    }
    
    .carousel-slide-segmentos {
        min-width: 90%;
        flex-shrink: 0;
    }
    
    .carousel-slide-segmentos .card {
        width: 100%;
        font-size: 14px;
        border: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }
    
    .carousel-slide-segmentos .card-img-top {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
    .carousel-slide-segmentos .card-body {
        padding: 16px;
        text-align: center;
    }
    
    .carousel-slide-segmentos .container__cards--titulo {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    
    .carousel-slide-segmentos .container__cards-subtitulo {
        font-size: 13px;
        line-height: 1.5;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 16px;
    }
    
    .carousel-slide-segmentos .container__cards-saiba-mais {
        font-size: 13px;
        padding: 10px 14px;
        border-radius: 6px;
        width: 100%;
        font-weight: bold;
        background: #ff9d01;
        color: white;
        text-transform: uppercase;
    }
    
    .carousel-btn {
        background: none;
        border: none;
        color: #ff9d01;
        font-size: 28px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        padding: 10px;
        cursor: pointer;
    }
    
    .prev-btn-segmentos {
        left: -5px;
    }
    
    .next-btn-segmentos {
        right: -5px;
    }
    

/* Oitavo Container (FAQ) */

.faq__item {
    margin-bottom: 16px;
}

.faq__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    color: #1D1D21;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    transition: background-color 0.3s ease;
}

.faq__toggle {
    font-size: 20px;
    background: none;
    border: none;
    color: #f97316;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.faq__answer {
    display: none;
    padding: 10px 0;
    font-size: 15px;
    color: var(--Cinza, #7E7E7E);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.faq__answer > p {
    margin-bottom: 0px !important;
}

.faq__item.active .faq__answer {
    display: block;
    max-height: 500px; /* valor alto suficiente para o conteúdo */
    opacity: 1;
}

.faq__item.active .faq__toggle {
    transform: rotate(180deg);
}

.faq__divider {
    border: 0;
    border-top: 1px solid #f97316;
    margin-top: 8px;
}

.container__faq-divfinal {
    text-align: center;
    display: flex;
    gap: 5px;
    flex-direction: column;
    padding-top: 40px;
}

.container__faq-divfinal-ancora {
    padding: 10px;
    background-color: #ff9d01;
    border-radius: 20px;
    color: white;
    width: 20%;
    margin: 0 auto;
    transition: 0.3s;
}

.container__faq-divfinal-ancora:hover {
    color: white;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
}

.div-lista-nova {
    display: none;
}

/* Responsividade */
@media (min-width: 1110px) and (max-width: 1380px) {
    .container__tipos-divchefe_n1-divchefe_divlista-lista_li,
    .container__tipos-divchefe_n2-divchefe_divlista-textoinicial {
        font-size: 1rem;
    }

    .container__tipos-divchefe_n2-divchefe_divlista-lista_li {
        font-size: 1rem;
        line-height: 20px;
    }

    .container__tipos-divchefe_n2-divchefe_divlista {
        gap: 20px;
    }

    .container__tipos-divchefe_n2-divchefe {
        padding: 10px;
    }

    .container__tipos-divchefe_n2-divchefe_divlista > ul {
        margin-bottom: 0px;
        gap: 40px;
        display: flex;
        flex-direction: column;
    }

    .container__tipos-divchefe_n3-divchefe-divimg_img > img {
        width: 100%;
    }

    .container__tipos-divchefe_n3-divchefe_divlista-textoinicial,
    .container__tipos-divchefe_n2-divchefe_divlista-aviso {
        font-size: 1rem;
    }

    .container__tipos-divchefe_n3-divchefe {
        padding-top: 20px;
    }

    .container__tipos-divchefe_n2-divchefe {
        gap: 20px;
    }

    .container__tipos-divchefe_n2-divchefe_divlista-textofinal {
        font-size: 1.2rem;
    }

    .container__tipos-divchefe_n2-divchefe_divlista-textoinicial {
        margin-bottom: 0px;
        line-height: 20px;
        font-size: 1.2rem;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-textofinal {
        padding-top: 50px;
    }

    .container__tipos-divchefe_n2 {
        padding-top: 10px;
    }

    .container__tipos-divchefe_n3-divchefe_divlista-textoinicial {
        margin-bottom: 0px;
    }

    .container__tipos-divchefe_n3-divchefe_divlista-lista_li {
        font-size: 1rem;
    }

    .container__tipos-divchefe_n2-divchefe_divlista-textolista {
        margin-bottom: 0px;
    }

    .container__tipos-divchefe_n1-divchefe-divimg_img,
    .container__tipos-divchefe_n2-divchefe-divimg_img {
        width: 100%;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-lista {
        padding-top: 20px;
        gap: 20px;
    }
}


@media (min-width: 768px) and (max-width: 1100px) {
    .container__mulher {
        padding: 20px;
    }

    .img-mobile-fiscal {
        display: none !important;
    }

    .container__mulher-h1 {
        text-align: center;
        width: auto;
    }

    .container__mulher-p {
        text-align: center;
    }

    .container__mulher-a1,
    .container__mulher-a2 {
        margin: 0 auto;
    }

    .container__grafite,
    .container__carrousel {
        height: auto;
    }

    .container__carrousel {
        padding: 10px;
    }

    .container__forms-divchefe {
        flex-direction: column-reverse;
    }

    .img-laranjao {
        display: none;
    }

    .container__forms-rodape {
        width: auto;
    }

    .container__forms-rodape > div {
        gap: 10px;
    }

    .linha-laranja-decorativa {
        display: none;
    }

    .container__forms-cards {
        background-color: #ff9d01;
        padding: 20px;
        gap: 10px;
        margin-top: 0px;
    }

    .container__tipos-divchefe_n1 {
        width: 100%;
    }

    .container__tipos-divchefe_n1-divchefe{
        flex-direction: column;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-lista  {
        gap: 27px;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-textofinal {
        text-align: center;
    }

    .container__tipos-divchefe_n1-divchefe-divimg {
        justify-content: center;
        display: flex;
    }

    .container__tipos-divchefe_n2-divchefe {
        flex-direction: column;
    }

    .container__tipos-divchefe_n2,
    .container__tipos-divchefe_n3 {
        width: 100%;
    }

    .container__tipos-divchefe_n2-divchefe-divimg_img {
        margin: 0 auto;
        display: flex !important;
    }

    .container__tipos-divchefe_n3-divchefe {
        flex-direction: column;
        gap: 20px;
    }

    .container__tipos-divchefe_n1,
    .container__tipos-divchefe_n2,
    .container__tipos-divchefe_n3 {
        position: static; /* 👈 Desativa o sticky nessas resoluções */
        min-height: unset;
        overflow: visible;
        margin-top: 0;
        border-radius: 0px;
    }
    

    .container__tipos-divchefe_n3-divchefe-divimg_img {
        justify-content: center;
    }

    .container__quebralaranja-divchefe {
        flex-direction: column;
    }

    .container__quebralaranja-divchefe-div2_p1
    {
        text-align: center;
    }
    
    .container__quebralaranja-divchefe-div2_p2 {
        text-align: center;
    }

    .container__quebralaranja-divchefe-div2_divbtns {
        justify-content: center;
    }

   .container__quebralaranja-divchefe-div1{
        justify-content: center;
        display: flex;
    }

    .img-moça {
        display: none !important;
    }

    .div-lista-nova {
        display: none;
    }

    .container__quebralaranja-divchefe-div1_imgmobile {
        display: none;
    }
}


@media (max-width: 767px) {
    form {
        max-width: 90%;
    }

    .container__faq {
        padding: 35px;
    }

    section {
        padding: 24px;
    }

    .img-mobile-fiscal {
        display: block !important;
        width: 100%;
    }

    .container__mulher > div {
        display: flex;
        flex-direction: column;
    }

    .div-lista-nova {
        display: block;
    }

    .form-row {
            grid-template-columns: repeat(1, 1fr);
    }

    .container__tipos {
        margin-top: 60px;
        padding: 0px;
    }

    .container__carrousel-div1 {
        flex-direction: column;
        padding: 20px;
    }

    .container__carrousel-titulo {
        text-align: center;
    }

    .carousel-slide img {
        width: 300px;
    }

    .container__mulher {
        padding: 20px;
    }

    .container__mulher-h1 {
        text-align: center;
        width: auto;
        font-size: 2rem;
    }

    .container__mulher-div1 {
        gap: 30px;
    }

    .container__mulher-p {
        font-size: 1rem;
    }

    .container__mulher-p {
        text-align: center;
    }

    .container__mulher-a1,
    .container__mulher-a2 {
        margin: 0 auto;
        font-size: 1rem;
    }

    .container__grafite,
    .container__carrousel {
        height: auto;
    }

    .container__carrousel {
        padding: 10px;
    }

    .container__forms-divchefe {
        flex-direction: column-reverse;
        gap: 0px;
        padding-top: 10px;
    }

    .img-laranjao {
        display: none;
    }

    .cardss {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        padding: 20px;
    }

    .card-linha::after {
        display: none;
    }

    .container__forms-rodape {
        width: auto;
        text-align: center;
        align-items: center;
        margin: 0 auto;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .container__forms-rodape > div {
        gap: 10px;
    }

    .container__forms-rodape > div:last-child {
         grid-column: 1 / -1; /* ocupa a linha inteira */
        justify-self: center; /* centraliza horizontalmente */
    }

    .linha-laranja-decorativa {
        display: none;
    }

    .container__forms-cards,
    .container__forms-titulolateral {
        display: none;
    }

    .container__tipos-divchefe_n3, .container__tipos-divchefe_n2, .container__tipos-divchefe_n1 {
        width: 100%;
    }

    .container__tipos-divchefe_n1 {
        width: 100%;
    }

    .container__tipos-divchefe_n1-divchefe {
        flex-direction: column;
        gap: 0px;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-lista {
        padding-top: 10px;
    }

    .container__tipos-divchefe_n3,
    .container__tipos-divchefe_n2,
    .container__tipos-divchefe_n1 {
        padding: 40px;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-lista  {
        gap: 37px;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-lista_li {
        line-height: 25px;
    }

    .container__tipos-divchefe_n1-titulo {
        padding-bottom: 20px;
    }

    .container__modulos-h2 {
        font-size: 1.5rem;
    }

    .container__tipos-divchefe_n1-divchefe_divlista {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .container__tipos-divchefe_n1-divchefe_divlista-textofinal {
        text-align: center;
        padding-top: 10px;
        line-height: 20px;
    }

    .container__tipos-divchefe_n1-divchefe-divimg {
        justify-content: center;
        display: flex;
    }

    .continuação-cinza {
        width: 100%;
    }

    .container__tipos-divchefe_n2-divchefe {
        flex-direction: column;
        padding: 0px;
    }

    .container__tipos-divchefe_n2-divchefe-divimg_img{
        display: none !important;
    }

    .container__quebralaranja-divchefe {
        gap: 40px;
    }

    .ver-exemplo-btn {
        color: var(--CNM-cinza, #3A434D);
        text-align: center;
        font-family: Syne;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        border-radius: 9px;
        background: var(--CNM-Branco, #FFF);
        padding: 8px 31px;
        width: 214px;
        margin: 0 auto;
        text-decoration: none;
        border: none;
        display: flex;
    }

    .modal-img {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.9);
    }

    .modal-content {
        max-width: 90%;
        max-height: 80%;
        object-fit: contain;
        margin: 0 auto;
    }

    .close-modal {
        display: none;
    }

    /* Impede scroll do body enquanto o modal estiver ativo */
    body.modal-open {
        overflow: hidden;
        height: 100vh;
    }

    /* Ocultar imagens diretas no layout mobile */
    .container__tipos-divchefe_n1-divchefe-divimg,
    .container__tipos-divchefe_n2-divchefe-divimg_img,
    .container__tipos-divchefe_n3-divchefe-divimg_img {
        display: none !important;
    }
    
    .container__quebralaranja-divchefe-div1_img {
        width: 100%;
        display: none !important;
    }

    .container__quebralaranja-divchefe-div1_imgmobile {
        display: block !important;
    }

    .container__quebralaranja {
        padding: 20px;
    }

    .continuação-cinza-escuro {
        width: 100%;
    }

    .container__tipos-divchefe_n3-divchefe {
        flex-direction: column;
        gap: 20px;
        padding-top: 10px;
    }

    .container__tipos-divchefe_n3-divchefe-divimg_img {
        justify-content: center;
    }

    .container__quebralaranja-divchefe {
        flex-direction: column;
    }

    .container__quebralaranja-divchefe-div2_p1 {
        display: none;
    }
    
    .container__quebralaranja-divchefe-div2_p2 {
        text-align: center;
    }

    .container__quebralaranja-divchefe-div2_divbtns {
        justify-content: center;
        gap: 10px;
    }

    .slide-track {
        width: 100%;
        padding: 10px
    }

    .slide-track img {
        width: 200px;
    }

    .slider {
        width: auto;
    }

    .container__quebralaranja-divchefe-div1{
        justify-content: center;
        display: flex;
        width: auto;
    }

    .img-moça {
        display: none !important; 
    }

    /* Carrouseis mobile */
        .carousel-slide-segmentos {
            max-width: 45% !important;
            padding-left: 45px;
        }
    
        .carousel-slide-segmentos .card-img-top {
            background-color: #ff9d01;
        }
    
        .carousel-slide-segmentos .container__cards--titulo {
            font-size: 15px;
        }
    
        .carousel-slide-segmentos .container__cards-subtitulo {
            font-size: 12px;
        }
    
        .carousel-slide-segmentos .container__cards-saiba-mais {
            font-size: 12px;
            padding: 8px 12px;
        }
    
        .carousel-btn {
            font-size: 26px;
        }
    
        .container__modulos-cards {
            display: none !important;
        }
    
        .carousel-slide-modulos {
            max-width: 100%;
            width: 100%;
            padding: 20px;
        }
        
        .carousel-slide-modulos .modulo-card {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 480px;
            width: 330px;
            position: relative;
            overflow: hidden;
        }
    
        .carousel-slide-modulos .modulo-card__img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }
    
        .carousel-slide-modulos .modulo-card__title {
            font-size: 16px;
        }
    
        .carousel-slide-modulos .modulo-card__text {
            font-size: 13px;
            line-height: 1.3;
        }
    
        .carousel-slide-modulos .modulo-card__overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 16px 12px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent 60%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            text-align: center;
            z-index: 2;
        }
        
        .carousel-btn {
            font-size: 24px;
        }
    
        .container__modulos-2__cards {
            display: none !important;
        }

        .container__tipos-divchefe_n3-divchefe_divlista-textoinicial,
        .container__tipos-divchefe_n2-divchefe_divlista-aviso,
        .container__tipos-divchefe_n2-divchefe_divlista-textolista,
        .container__tipos-divchefe_n3-divchefe_divlista-lista_li,
        .container__tipos-divchefe_n2-divchefe_divlista-textoinicial,
        .container__tipos-divchefe_n2-divchefe_divlista-lista_li,
        .container__tipos-divchefe_n2-divchefe_divlista-textofinal,
        .container__tipos-divchefe_n1-divchefe_divlista-lista_li,
        .container__tipos-divchefe_n1-divchefe_divlista-textofinal {
            font-size: 1rem;
        }

        .container__tipos-divchefe_n2-divchefe_divlista-aviso {
            line-height: 25px;
        }

        .container__tipos-divchefe_n3-divchefe_divlista-textoinicial {
            line-height: 20px;
        }

        .container__tipos-divchefe_n3-divchefe_divlista > ul {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .container__tipos-divchefe_n3-divchefe_divlista-lista_li {
            line-height: 20px;
        }

        .container__tipos-divchefe_n2-divchefe_divlista-textolista {
            margin-bottom: 0px;
        }

        .container__tipos-divchefe_n3-titulo,
        .container__tipos-divchefe_n2-titulo,
        .container__tipos-divchefe_n1-titulo {
            font-size: 1.5rem;
        }

        .pequeno-3,
        .pequeno-2,
        .pequeno {
            font-size: 1.2rem;
            line-height: 5px;
        }

        .cardss {
            display: none !important;
        }

        .carousel-container-grafite {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            overflow: hidden;
            padding: 0 40px; /* espaço lateral para os botões */
            box-sizing: border-box;
        }

        .carousel-track-grafite {
        display: flex;
        gap: 16px;
        transition: transform 0.35s ease;
        will-change: transform;
        }

        .carousel-slide-grafite {
        flex-shrink: 0;
        width: 100%; /* ocupa toda a área visível (dentro do padding) */
        margin: 0 auto;
        }

        /* Botões */
        .carousel-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: white;
        border: none;
        font-size: 2rem;
        padding: 0 10px;
        cursor: pointer;
        z-index: 10;
        color: #ff8e01;
        font-weight: bold;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
        }

        .card {
            padding-top: 50px;
        }

        .prev-btn-grafite {
        left: 0;
        }

        .next-btn-grafite {
        right: 0;
        }   
        
        .carousel-container {
            padding-top: 70px;
        }

        .img-google-wrapper {
            top: 38%;
        }

        .container__tipos-divchefe_n2-divchefe_divlista > ul {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .container__tipos-divchefe_n2-divchefe_divlista-textoinicial {
            line-height: 20px;
        }

        .container__tipos-divchefe_n2-divchefe_divlista-lista_li {
            line-height: 20px;
        }

        .container__carrouselgranito-textodiv {
            margin-top: 15px;
        }

        .container__grafite-titulo,
        .container__carrousel-titulo,
        .container__forms-titulo
        {
            font-size: 1.5rem;
        }

        .container__carrouselgranito-titulo {
            font-size: 1.5rem;
        }

        .img-google-wrapper.show {
            animation: wrapperExpandMobile 0.8s ease forwards;
        }

        @keyframes wrapperExpandMobile {
            from {
            width: 0;
            opacity: 0;
            }
            to {
            width: 260px; /* menor no mobile */
            opacity: 1;
            }
        }
}

.modal-img {
    display: none;
}