/* ================================================================
   Multionic Child — sections.css
   Estilos das seções/shortcodes, organizados por página.
   Novas seções são adicionadas conforme cada página é implementada.
   ================================================================ */

/* ================================================================
   GLOBAL — CTA Final [mto_cta_final]
   ================================================================ */
.mto-cta-final {
    padding-block: var(--mto-section-py);
    border-top:    1px solid var(--mto-border);
    overflow:      hidden;
    position:      relative;
}

/* Ícone gigante de fundo (decorativo) */
.mto-cta-final::before {
    content:     '';
    position:    absolute;
    top:         50%;
    left:        50%;
    transform:   translate(-50%, -50%);
    width:       450px;
    height:      450px;
    background:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B529B' stroke-width='1'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat;
    opacity:     0.03;
    pointer-events: none;
    z-index:     0;
}

.mto-cta-final-inner {
    position:    relative;
    z-index:     1;
    text-align:  center;
}

.mto-cta-final-title {
    font-size:      clamp(22px, 3vw, 40px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
    cursor:         default;
}

.mto-cta-final-subtitle {
    font-size:   clamp(16px, 2vw, 20px);
    color:       var(--mto-black);
    max-width:   680px;
    margin:      0 auto 48px;
    font-weight: var(--mto-fw-regular);
    line-height: 1.65;
}

.mto-cta-final-actions {
    display:     flex;
    flex-wrap:   wrap;
    justify-content: center;
    gap:         16px;
}

@media (max-width: 640px) {
    .mto-cta-final { padding-block: var(--mto-section-py-sm); }
}

/* ================================================================
   GLOBAL — Hero Interno [mto_hero_interno]
   ================================================================ */
.mto-hero-interno {
    position:         relative;
    display:          flex;
    align-items:      center;
    overflow:         hidden;
    background-color: var(--mto-primary-dark);
    padding-top:      80px; /* altura do header fixo */
}

.mto-hero-interno-bg {
    position:       absolute;
    inset:          0;
    pointer-events: none;
    z-index:        0;
}
.mto-hero-interno-bg img {
    width:      100%;
    height:     100%;
    object-fit: cover;
}

.mto-hero-interno-overlay {
    position:       absolute;
    inset:          0;
    z-index:        1;
    pointer-events: none;
}

.mto-hero-interno-content {
    position:   relative;
    z-index:    2;
    padding-block: 80px;
    width:      100%;
}

/* Breadcrumb */
.mto-hero-breadcrumb {
    display:     flex;
    align-items: center;
    gap:         8px;
    margin-bottom: 16px;
    flex-wrap:   wrap;
}
.mto-hero-breadcrumb-link {
    font-size:   13px;
    color:       rgba(255,255,255,0.70);
    text-decoration: none;
    transition:  color var(--mto-transition);
}
.mto-hero-breadcrumb-link:hover { color: var(--mto-white); }
.mto-hero-breadcrumb-sep {
    color:     rgba(255,255,255,0.40);
    font-size: 13px;
}
.mto-hero-breadcrumb-current {
    font-size:   13px;
    color:       rgba(255,255,255,0.90);
    font-weight: var(--mto-fw-medium);
}

/* Badge */
.mto-hero-badge {
    display:        inline-block;
    padding:        4px 12px;
    font-size:      11px;
    font-weight:    var(--mto-fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background:     rgba(255,255,255,0.15);
    color:          var(--mto-white);
    margin-bottom:  16px;
}

/* Título */
.mto-hero-interno-title {
    font-size:      clamp(28px, 4.5vw, 52px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
    line-height:    1.12;
    margin-bottom:  24px;
    max-width:      700px;
}

/* Subtítulo */
.mto-hero-interno-subtitle {
    font-size:   clamp(16px, 2vw, 20px);
    color:       var(--mto-white);
    font-weight: var(--mto-fw-regular);
    line-height: 1.65;
    margin-bottom: 16px;
    max-width:   640px;
}

/* 2º parágrafo */
.mto-hero-interno-nota {
    font-size:   clamp(15px, 1.8vw, 18px);
    color:       var(--mto-white);
    font-weight: var(--mto-fw-regular);
    line-height: 1.65;
    margin-bottom: 32px;
    max-width:   640px;
}

/* Ações */
.mto-hero-interno-actions {
    display:   flex;
    flex-wrap: wrap;
    gap:       16px;
    margin-bottom: 20px;
}

/* Nota rodapé */
.mto-hero-interno-nota-rodape {
    font-size: 13px;
    color:     rgba(255,255,255,0.70);
    margin-top: 8px;
}

/* ================================================================
   GLOBAL — Formulário de Contato [mto_contato_form]
   py-20 bg-white — grid 2 cols: esquerda texto, direita form
   ================================================================ */

/* Seção: py-20 bg-white */
.mto-contato-form-section {
    padding-block: 80px; /* py-20 */
}

/* Grid: grid-cols-1 lg:grid-cols-2 gap-16 items-start */
.mto-contato-form-grid {
    display:     grid;
    gap:         64px; /* gap-16 */
    align-items: start;
}
@media (min-width: 1024px) {
    .mto-contato-form-grid { grid-template-columns: 1fr 1fr; }
}

/* Coluna esquerda: text-left flex flex-col justify-center h-full */
.mto-contato-form-texto {
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    text-align:      left;
    height:          100%;
}

/* H2: text-2xl md:text-3xl font-bold text-[#3B529B] mb-4 uppercase leading-tight */
.mto-contato-form-title {
    font-size:      clamp(24px, 2.5vw, 30px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    line-height:    1.25; /* leading-tight */
    margin-bottom:  16px; /* mb-4 */
}

/* H3: text-lg md:text-xl font-bold text-[#3B529B] mb-4 uppercase leading-tight */
.mto-contato-form-subtitle-h3 {
    font-size:      clamp(18px, 2vw, 20px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    line-height:    1.25;
    margin-bottom:  16px;
}

/* Texto: text-gray-750 text-base md:text-lg font-normal mb-8 leading-relaxed */
.mto-contato-form-texto-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #374151; /* gray-750 */
    font-weight:   var(--mto-fw-regular);
    line-height:   1.625; /* leading-relaxed */
    margin-bottom: 32px; /* mb-8 */
}

/* Checklist: space-y-4 mb-10 text-left */
.mto-contato-checklist {
    display:        flex;
    flex-direction: column;
    gap:            16px; /* space-y-4 */
    margin-bottom:  40px; /* mb-10 */
    list-style:     none;
    padding:        0;
    margin-left:    0;
}

/* Item: flex items-center gap-3 */
.mto-contato-checklist-item {
    display:     flex;
    align-items: center;
    gap:         12px; /* gap-3 */
}

/* ✔: text-[#6DB0DF] font-bold text-lg */
.mto-contato-check-icon {
    color:       var(--mto-secondary);
    font-weight: var(--mto-fw-bold);
    font-size:   18px;
    flex-shrink: 0;
}

/* Label: text-gray-800 text-sm md:text-base font-medium */
.mto-contato-check-label {
    color:       #1f2937; /* gray-800 */
    font-size:   clamp(14px, 1.5vw, 16px);
    font-weight: var(--mto-fw-medium);
}

/* CTA esquerda: bg-[#6DB0DF] !px-10 !py-4 uppercase text-sm font-bold shadow-md
   inline-flex — largura automática pelo conteúdo */
/* w-full mobile, sm:w-auto desktop
   align-self: flex-start impede esticamento quando pai é flex-col */
.mto-contato-form-cta {
    display:          inline-flex;
    align-items:      center;
    justify-content:  center;
    align-self:       flex-start;    /* impede stretch na coluna flex */
    width:            100%;          /* w-full mobile */
    background-color: var(--mto-secondary);
    color:            #ffffff;
    padding:          16px 40px;     /* py-4 px-10 */
    font-size:        14px;          /* text-sm */
    font-weight:      var(--mto-fw-bold);
    text-transform:   uppercase;
    border-radius:    0;
    box-shadow:       0 4px 6px rgba(0,0,0,0.10);
    text-decoration:  none;
    text-align:       center;
    transition:       all 0.3s ease;
    white-space:      nowrap;
}
@media (min-width: 640px) {
    .mto-contato-form-cta { width: auto; } /* sm:w-auto */
}
.mto-contato-form-cta:hover {
    background-color: #5ca0cf;
    color:            #ffffff;
}

/* Coluna direita — form box:
   bg-gray-50 p-8 md:p-10 rounded-none border border-gray-100 shadow-sm */
.mto-contato-form-box {
    background:  #f9fafb; /* bg-gray-50 */
    padding:     32px;    /* p-8 */
    border:      1px solid #f3f4f6; /* border-gray-100 */
    box-shadow:  0 1px 3px rgba(0,0,0,0.06); /* shadow-sm */
}
@media (min-width: 768px) {
    .mto-contato-form-box { padding: 40px; } /* md:p-10 */
}

/* Form: space-y-4 */
.mto-form {
    display:        flex;
    flex-direction: column;
    gap:            16px; /* space-y-4 */
}

/* Botão submit:
   bg-[#6DB0DF] hover:bg-[#5ca0cf] w-full py-4 text-sm font-bold
   tracking-tight shadow-none border-none uppercase mt-4
   Nota: margin-top:0 pois o gap do .mto-form já aplica o space-y-4 */
.mto-form-submit {
    width:            100%;
    background-color: var(--mto-secondary);
    color:            #ffffff;
    padding:          16px 24px; /* py-4 */
    font-size:        14px;      /* text-sm */
    font-weight:      var(--mto-fw-bold);
    letter-spacing:   -0.02em;   /* tracking-tight */
    text-transform:   uppercase;
    border:           none;
    box-shadow:       none;
    margin-top:       0;
    cursor:           pointer;
    border-radius:    0;
    font-family:      var(--mto-font);
    transition:       background-color 0.3s ease;
    display:          block;
    text-align:       center;
}
.mto-form-submit:hover { background-color: #5ca0cf; }

/* ================================================================
   HOME — Hero com Vídeo [mto_hero_home]
   ================================================================ */
.mto-hero-home {
    position:         relative;
    width:            100%;
    overflow:         hidden;
    background:       #000;
    margin-top:       80px; /* altura do header fixo */
    min-height:       620px;
}
@media (min-width: 768px)  { .mto-hero-home { min-height: 650px; } }
@media (min-width: 1024px) { .mto-hero-home { min-height: 700px; } }

.mto-hero-home-video {
    position:       absolute;
    inset:          0;
    width:          100%;
    height:         100%;
    filter:         grayscale(1) brightness(0.5);
    pointer-events: none;
}
.mto-hero-home-iframe {
    position:  absolute;
    top:       50%;
    left:      50%;
    transform: translate(-50%, -50%);
    width:     177.78vh;
    height:    56.25vw;
    min-width: 100%;
    min-height: 100%;
    border:    0;
}
.mto-hero-home-overlay {
    position:   absolute;
    inset:      0;
    background: rgba(0,0,0,0.40);
    pointer-events: none;
}
.mto-hero-home-content {
    position:      relative;
    z-index:       2;
    display:       flex;
    align-items:   center;
    min-height:    inherit;
    padding-block: 64px;
}
.mto-hero-home-inner {
    max-width: 800px;
    text-align: left;
}
.mto-hero-home-title {
    font-size:      clamp(18px, 2.5vw, 26px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
    line-height:    1.2;
    margin-bottom:  32px;
    letter-spacing: 0;
}
.mto-hero-home-subtitle {
    display:     block;
    font-weight: var(--mto-fw-regular);
    font-size:   clamp(14px, 2vw, 20px);
    margin-top:  8px;
}
.mto-hero-home-text {
    font-size:     clamp(15px, 2vw, 20px);
    color:         var(--mto-white);
    font-weight:   var(--mto-fw-medium);
    line-height:   1.65;
    margin-bottom: 40px;
    max-width:     640px;
}
.mto-hero-home-btn {
    text-transform: uppercase;
}

/* ================================================================
   HOME — Trust Section [mto_trust_section]
   ================================================================ */
.mto-trust {
    position:    relative;
    z-index:     10;
    padding:     0 16px;
    margin-top:  -24px;
}
@media (min-width: 768px) { .mto-trust { margin-top: -112px; } }

.mto-trust .mto-container {
    max-width: 1280px;
}

.mto-trust-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   16px;
    align-items:           stretch;
}
@media (min-width: 768px) {
    .mto-trust-grid { grid-template-columns: 5fr 7fr; gap: 20px; }
}

/* Coluna esquerda — glassmorphism */
.mto-trust-left {
    background:   rgba(59,82,155,0.98);
    backdrop-filter: blur(12px);
    border:       1px solid rgba(255,255,255,0.20);
    padding:      48px;
    display:      flex;
    align-items:  center;
    box-shadow:   0 25px 60px rgba(0,0,0,0.25);
    min-height:   300px;
    cursor:       default;
    transition:   border-color var(--mto-transition);
}
.mto-trust-left:hover { border-color: rgba(255,255,255,0.30); }

@media (min-width: 1024px) { .mto-trust-left { padding: 64px; } }

.mto-trust-title {
    font-size:      clamp(28px, 3.5vw, 45px);
    font-weight:    var(--mto-fw-bold);
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height:    1.1;
    color:          var(--mto-white);
    /* Shimmer sobreescrito inline via shimmer-text */
}

/* Coluna direita — cards empilhados */
.mto-trust-right {
    display:        flex;
    flex-direction: column;
    gap:            16px;
}
@media (min-width: 768px) { .mto-trust-right { gap: 20px; } }

.mto-trust-card {
    flex:            1;
    backdrop-filter: blur(12px);
    border:          1px solid rgba(255,255,255,0.10);
    padding:         24px 32px;
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    text-align:      center;
    box-shadow:      0 12px 32px rgba(0,0,0,0.15);
    transition:      transform 0.3s ease, border-color 0.3s ease;
}
.mto-trust-card:hover {
    transform:    scale(1.01);
    border-color: rgba(255,255,255,0.20);
}

.mto-trust-card-label {
    font-size:      11px;
    font-weight:    var(--mto-fw-semibold);
    color:          rgba(255,255,255,0.80);
    text-transform: uppercase;
    letter-spacing: 0.20em;
    margin-bottom:  6px;
}
.mto-trust-card-title {
    font-size:      clamp(20px, 3vw, 30px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height:    1;
    margin-bottom:  6px;
}
.mto-trust-card-text {
    font-size:   13px;
    color:       rgba(255,255,255,0.90);
    font-weight: var(--mto-fw-regular);
}

/* ================================================================
   HOME — Solutions Grid [mto_solutions]
   ================================================================ */
.mto-solutions {
    padding-block: var(--mto-section-py);
    background:    var(--mto-white);
}

.mto-solutions-header {
    text-align:    center;
    margin-bottom: 64px;
}
.mto-solutions-title {
    font-size:      var(--mto-fs-h2);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  16px;
}
.mto-solutions-subtitle {
    font-size:   clamp(15px, 2vw, 18px);
    color:       var(--mto-black);
    max-width:   520px;
    margin:      0 auto;
    font-weight: var(--mto-fw-regular);
}

.mto-solutions-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   0;
}
@media (min-width: 640px)  { .mto-solutions-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px)  { .mto-solutions-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .mto-solutions-grid { grid-template-columns: repeat(4, 1fr); } }

.mto-solution-card {
    position:    relative;
    aspect-ratio: 1 / 1;
    overflow:    hidden;
    display:     block;
    cursor:      pointer;
}
.mto-solution-card-img,
.mto-solution-card-placeholder {
    position:   absolute;
    inset:      0;
    width:      100%;
    height:     100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}
.mto-solution-card-placeholder {
    background: var(--mto-primary);
}
.mto-solution-card:hover .mto-solution-card-img { transform: scale(1.10); }

.mto-solution-card-overlay-dark {
    position:   absolute;
    inset:      0;
    background: rgba(0,0,0,0.25);
    transition: opacity 0.3s ease;
}
.mto-solution-card:hover .mto-solution-card-overlay-dark { opacity: 0; }

.mto-solution-card-overlay-hover {
    position:   absolute;
    inset:      0;
    background: rgba(59,82,155,0.85);
    opacity:    0;
    transition: opacity 0.3s ease;
}
.mto-solution-card:hover .mto-solution-card-overlay-hover { opacity: 1; }

.mto-solution-card-content {
    position: absolute;
    inset:    0;
    padding:  24px;
    display:  flex;
    flex-direction: column;
    align-items:    center;
    justify-content: center;
    text-align:     center;
}
.mto-solution-card-title {
    font-size:      clamp(13px, 1.5vw, 17px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
    letter-spacing: 0.20em;
    line-height:    1.3;
    transition:     opacity 0.5s ease, transform 0.5s ease;
}
.mto-solution-card:hover .mto-solution-card-title {
    opacity:   0;
    transform: scale(0.95);
}
.mto-solution-card-text {
    font-size:   12px;
    color:       var(--mto-white);
    font-weight: var(--mto-fw-medium);
    line-height: 1.55;
    max-width:   90%;
    opacity:     0;
    transform:   translateY(16px);
    transition:  opacity 0.5s ease 0.05s, transform 0.5s ease 0.05s;
    position:    absolute;
    padding:     24px;
}
.mto-solution-card:hover .mto-solution-card-text {
    opacity:   1;
    transform: translateY(0);
}

.mto-solutions-footer {
    margin-top: 64px;
    text-align: center;
}
.mto-solutions-link {
    display:        inline-flex;
    align-items:    center;
    gap:            8px;
    font-size:      13px;
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-secondary);
    text-transform: uppercase;
    letter-spacing: 0.10em;
    text-decoration: none;
    transition:     gap 0.3s ease, color 0.3s ease;
}
.mto-solutions-link:hover { gap: 16px; color: var(--mto-hover); }

/* ================================================================
   HOME — Challenges [mto_challenges]
   ================================================================ */
.mto-challenges {
    padding-block:    96px;
    background-color: var(--mto-primary);
    overflow:         hidden;
    position:         relative;
}

.mto-challenges-header {
    text-align:    center;
    margin-bottom: 64px;
}
.mto-challenges-title {
    font-size:      var(--mto-fs-h2);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
}

.mto-challenges-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
}
@media (min-width: 768px)  { .mto-challenges-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-challenges-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } }

.mto-challenge-card {
    background:  var(--mto-white);
    padding:     32px;
    border:      1px solid #f1f5f9;
    box-shadow:  var(--mto-shadow-sm);
    position:    relative;
    display:     flex;
    flex-direction: column;
    gap:         12px;
    transition:  box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    overflow:    hidden;
}
.mto-challenge-card:hover {
    box-shadow:  var(--mto-shadow-lg);
    transform:   translateY(-4px);
    border-color: rgba(109,176,223,0.20);
}
.mto-challenge-icon {
    width:            48px;
    height:           48px;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    background-color: rgba(109,176,223,0.10);
    color:            var(--mto-secondary);
    transition:       background 0.3s ease, color 0.3s ease;
    flex-shrink:      0;
}
.mto-challenge-card:hover .mto-challenge-icon {
    background-color: var(--mto-secondary);
    color:            var(--mto-white);
}
.mto-challenge-card-title {
    font-size:   clamp(16px, 1.8vw, 20px);
    font-weight: var(--mto-fw-bold);
    color:       var(--mto-primary);
    transition:  color 0.3s ease;
}
.mto-challenge-card:hover .mto-challenge-card-title { color: var(--mto-secondary); }
.mto-challenge-card-text {
    font-size:   14px;
    color:       #4b5563;
    line-height: 1.65;
    font-weight: var(--mto-fw-regular);
}
.mto-challenge-card-line {
    position:   absolute;
    left:       0;
    bottom:     0;
    width:      0;
    height:     2px;
    background: var(--mto-secondary);
    transition: width 0.5s ease;
}
.mto-challenge-card:hover .mto-challenge-card-line { width: 100%; }

.mto-challenges-cta {
    text-align: center;
    margin-top: 64px;
}

/* ================================================================
   HOME — Clients Marquee [mto_clients]
   ================================================================ */
.mto-clients {
    padding-block: var(--mto-section-py);
    background:    var(--mto-white);
    overflow:      hidden;
    border-top:    1px solid #f9fafb;
}
.mto-clients-header-wrap {
    text-align:    center;
    margin-bottom: 48px;
}
.mto-clients-title {
    font-size:      var(--mto-fs-h2);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  16px;
}
.mto-clients-subtitle {
    font-size:   clamp(15px, 1.8vw, 18px);
    color:       var(--mto-black);
    max-width:   560px;
    margin:      0 auto;
    font-weight: var(--mto-fw-regular);
    line-height: 1.65;
}

.mto-clients-marquee-wrap {
    position:   relative;
    width:      100%;
    overflow:   hidden;
    border-top:    1px solid var(--mto-border);
    border-bottom: 1px solid var(--mto-border);
    background: var(--mto-white);
}
.mto-clients-marquee {
    display:   flex;
    width:     max-content;
    animation: mto-marquee 60s linear infinite;
    padding-block: 48px;
}
.mto-clients-marquee-wrap:hover .mto-clients-marquee {
    animation-play-state: paused;
}
@keyframes mto-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.mto-clients-logo-item {
    flex-shrink: 0;
    padding:     0 32px;
    transition:  transform 0.3s ease;
}
.mto-clients-logo-item:hover { transform: scale(1.10); }
.mto-clients-logo-img {
    height:     40px;
    width:      auto;
    object-fit: contain;
    filter:     brightness(1.02) contrast(1.05);
}
@media (min-width: 768px)  { .mto-clients-logo-img { height: 48px; } }
@media (min-width: 1024px) { .mto-clients-logo-img { height: 56px; } }

/* ================================================================
   HOME — Differentials [mto_differentials]
   py-24 bg-[#75BFBA] — grid 3 cols, últimos 2 centralizados
   ================================================================ */
.mto-differentials {
    padding-block:    96px; /* py-24 */
    background-color: #75BFBA;
}
.mto-differentials .mto-container {
    max-width: 1280px; /* max-w-7xl */
}

/* Título: text-2xl md:text-3xl lg:text-4xl font-bold text-white uppercase mb-4 */
.mto-differentials-header {
    text-align:    center;
    margin-bottom: 64px; /* mb-16 */
}
.mto-differentials-title {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
    margin-bottom:  16px;
}

/* Grid: grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-12 gap-y-16 */
.mto-differentials-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   64px 48px; /* gap-y-16 gap-x-12 */
}
@media (min-width: 768px) {
    .mto-differentials-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
    .mto-differentials-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Item: flex items-start gap-6 */
.mto-differential-item {
    display:     flex;
    align-items: flex-start;
    gap:         24px; /* gap-6 */
}

/* Últimos 2 itens (idx >= 3): lg:translate-x-[50%]
   No WordPress não há :nth-child fácil por idx,
   então usamos a classe mto-differential-item--offset adicionada via PHP */
@media (min-width: 1024px) {
    .mto-differential-item--offset {
        transform: translateX(50%);
    }
}

/* Ícone circular herdado de components.css — apenas override de cor para esta seção */
.mto-differentials .mto-icon-circle {
    background-color: #018E6D;
    box-shadow:       0 4px 12px rgba(0,0,0,0.15);
}

/* Texto: flex flex-col justify-center pt-2 */
.mto-differential-text {
    display:        flex;
    flex-direction: column;
    justify-content: center;
    padding-top:    8px; /* pt-2 */
}

/* Título: text-lg font-bold text-white mb-2 leading-tight */
.mto-differential-title {
    font-size:     18px; /* text-lg */
    font-weight:   var(--mto-fw-bold);
    color:         var(--mto-white);
    margin-bottom: 8px; /* mb-2 */
    line-height:   1.25; /* leading-tight */
}

/* Descrição: text-white/90 font-normal text-sm leading-relaxed max-w-md */
.mto-differential-desc {
    font-size:   14px; /* text-sm */
    color:       rgba(255,255,255,0.90); /* text-white/90 */
    font-weight: var(--mto-fw-regular);
    line-height: 1.625; /* leading-relaxed */
    max-width:   448px; /* max-w-md */
}

/* ================================================================
   HOME — Certifications [mto_certifications]
   ================================================================ */
.mto-certifications {
    padding-block: var(--mto-section-py);
    background:    var(--mto-white);
}
.mto-certifications-header {
    text-align:    center;
    margin-bottom: 64px;
}
.mto-certifications-title {
    font-size:      var(--mto-fs-h2);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  16px;
}
.mto-certifications-subtitle {
    font-size:   clamp(15px, 1.8vw, 18px);
    color:       var(--mto-black);
    max-width:   520px;
    margin:      0 auto;
    line-height: 1.65;
}

.mto-certifications-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   32px;
    max-width:             800px;
    margin:                0 auto;
}
@media (min-width: 768px) { .mto-certifications-grid { grid-template-columns: repeat(2, 1fr); } }

.mto-cert-card {
    display:     flex;
    gap:         16px;
    padding:     32px;
    background:  var(--mto-bg-light);
    border:      1px solid var(--mto-border);
    box-shadow:  var(--mto-shadow-sm);
    align-items: flex-start;
}
.mto-cert-icon {
    color:       var(--mto-primary);
    flex-shrink: 0;
    margin-top:  2px;
}
.mto-cert-title {
    font-size:      13px;
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom:  8px;
}
.mto-cert-text {
    font-size:   13px;
    color:       #374151;
    line-height: 1.65;
}

/* ================================================================
   HOME — Contact Block [mto_contact_block]
   py-20 bg-[#3B529B] — imagem com lg:-mt-40 lg:-mb-40
   ================================================================ */
.mto-contact-block {
    padding-block: 80px; /* py-20 */
    position:      relative;
}
.mto-contact-block-grid {
    display:     grid;
    gap:         48px;   /* gap-12 */
    align-items: center;
}
@media (min-width: 1024px) {
    .mto-contact-block-grid { grid-template-columns: 1fr 1fr; }
}

/* Coluna imagem: order-2 lg:order-1 — com overlap vertical em desktop */
.mto-contact-block-img-col {
    order:    2;
    position: relative;
}
@media (min-width: 1024px) {
    .mto-contact-block-img-col {
        order:         1;
        margin-top:    -160px; /* lg:-mt-40 */
        margin-bottom: -160px; /* lg:-mb-40 */
    }
}
.mto-contact-block-img {
    width:          100%;
    height:         auto;
    object-fit:     contain;
    pointer-events: none;
}

/* Coluna texto: order-1 lg:order-2 text-left */
.mto-contact-block-text-col {
    order:      1;
    text-align: left;
}
@media (min-width: 1024px) { .mto-contact-block-text-col { order: 2; } }

/* text-2xl md:text-3xl lg:text-4xl font-bold mb-6 uppercase text-white */
.mto-contact-block-title {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-white);
    text-transform: uppercase;
    margin-bottom:  24px; /* mb-6 */
    line-height:    1.15;
}

/* text-white/80 text-lg md:text-xl mb-10 font-normal leading-relaxed */
.mto-contact-block-text {
    font-size:     clamp(18px, 2vw, 20px);
    color:         rgba(255,255,255,0.80);
    line-height:   1.625; /* leading-relaxed */
    font-weight:   var(--mto-fw-regular);
    margin-bottom: 40px;  /* mb-10 */
}

/* Botão do Contact Block
   bg-[#6DB0DF] hover:bg-[#5ca0cf] px-8 py-4 text-sm font-bold tracking-tight */
.mto-contact-block-btn {
    display:         inline-block;
    background-color: #6DB0DF;
    color:           #ffffff;
    padding:         16px 32px; /* py-4 px-8 */
    font-size:       14px;      /* text-sm */
    font-weight:     700;       /* font-bold */
    letter-spacing:  -0.02em;   /* tracking-tight */
    border-radius:   0;         /* rounded-none */
    border:          none;
    box-shadow:      none;      /* shadow-none */
    text-align:      center;
    text-decoration: none;
    text-transform:  none;
    cursor:          pointer;
    transition:      background-color 0.3s ease, transform 0.3s ease;
    width:           100%;      /* w-full mobile */
}
@media (min-width: 640px) {
    .mto-contact-block-btn { width: auto; } /* sm:w-auto */
}
.mto-contact-block-btn:hover {
    background-color: #5ca0cf;
    color:            #ffffff;
}
.mto-contact-block-btn:active {
    transform: scale(0.95);
}

/* ================================================================
   HOME — FAQ [mto_home_faq]
   ================================================================ */
/* py-24 = 96px, bg-[#6DB0DF], border-t border-gray-100 */
.mto-home-faq {
    padding-block: 96px;
    border-top:    1px solid #f3f4f6;
}
/* max-w-4xl = 896px */
.mto-home-faq-inner { max-width: 896px; }

/* text-center mb-16 */
.mto-home-faq-header {
    text-align:    center;
    margin-bottom: 64px;
}
/* text-2xl md:text-3xl font-bold text-white mb-4 uppercase */
.mto-home-faq-title {
    font-size:      clamp(24px, 3vw, 30px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
    margin-bottom:  16px;
}

/* space-y-4 = gap 16px */
.mto-home-faq-list {
    display:        flex;
    flex-direction: column;
    gap:            16px;
}

/* bg-[#3B529B] border-none rounded-none shadow-sm overflow-hidden text-left */
.mto-faq-item {
    background:  var(--mto-primary);
    border:      none;
    overflow:    hidden;
    box-shadow:  0 1px 3px rgba(0,0,0,0.06);
    text-align:  left;
}

/* w-full flex items-center justify-between px-6 py-5 text-left hover:opacity-95 */
.mto-faq-trigger {
    padding:    20px 24px; /* py-5 px-6 */
    gap:        16px;
    color:      #fff;
    text-align: left;
}
.mto-faq-trigger:hover { opacity: 0.95; }

/* font-bold text-white text-base md:text-lg pr-4 */
.mto-faq-question {
    font-size:   clamp(16px, 1.6vw, 18px); /* text-base md:text-lg */
    font-weight: 700;
    color:       #fff;
    text-align:  left;
    flex:        1;
    padding-right: 16px; /* pr-4 */
}
/* Chevron: w-5 h-5 = 20px, flex-shrink-0 */
.mto-faq-trigger .mto-accordion-trigger-icon {
    flex-shrink: 0;
}
.mto-faq-trigger .mto-accordion-trigger-icon svg {
    width:  20px;  /* w-5 */
    height: 20px;  /* h-5 */
    stroke: #fff;
}
.mto-faq-answer {
    padding:     0 24px 24px;
    font-size:   16px;
    color:       #fff;
    font-weight: 500;
    line-height: 1.65;
}

/* mt-16 flex flex-col sm:flex-row items-center justify-center gap-6 */
.mto-home-faq-cta {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             24px;
    margin-top:      64px;
}
@media (min-width: 640px) {
    .mto-home-faq-cta { flex-direction: row; }
}

/* Btn primário: w-full sm:w-auto px-8 py-4 bg-[#3B529B] text-white
   font-bold uppercase tracking-wider hover:bg-[#2c407c] shadow-sm
   flex items-center justify-center gap-2 hover:scale-[1.02] */
.mto-faq-btn-primary {
    width:           100%;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    padding:         16px 32px;
    background:      var(--mto-primary);
    color:           #fff;
    font-size:       14px;
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  0.05em;
    text-decoration: none;
    box-shadow:      0 1px 3px rgba(0,0,0,0.10);
    transition:      background 0.3s ease, transform 0.3s ease;
}
.mto-faq-btn-primary:hover {
    background: #2c407c;
    color:      #fff;
    transform:  scale(1.02);
}
@media (min-width: 640px) { .mto-faq-btn-primary { width: auto; } }

/* Btn outline: border-2 border-white text-white
   hover:bg-white hover:text-[#3B529B] hover:border-white */
.mto-faq-btn-outline {
    width:           100%;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    padding:         16px 32px;
    background:      transparent;
    color:           #fff;
    font-size:       14px;
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  0.05em;
    text-decoration: none;
    border:          2px solid #fff;
    transition:      background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.mto-faq-btn-outline:hover {
    background: #fff;
    color:      var(--mto-primary);
    transform:  scale(1.02);
}
@media (min-width: 640px) { .mto-faq-btn-outline { width: auto; } }

/* ================================================================
   PÁGINAS INTERNAS — Seções específicas
   Adicionadas conforme cada página é implementada nas próximas etapas.
   ================================================================ */

/* ================================================================
   PÁGINAS DE LINHA DE PRODUTO [mto_linha_page]
   ================================================================ */

/* Hero */
.mto-lp-hero {
    position:    relative;
    min-height:  700px;
    display:     flex;
    align-items: center;
    overflow:    hidden;
    background:  var(--mto-primary-dark);
    padding-top: 80px; /* header fixo */
}
.mto-lp-hero-bg { position: absolute; inset: 0; z-index: 0; }
.mto-lp-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.mto-lp-hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.50); }
.mto-lp-hero-content { position: relative; z-index: 1; padding-block: 80px; width: 100%; }
.mto-lp-hero-badge {
    display:        block;
    font-size:      10px;           /* text-[10px] */
    font-weight:    700;            /* font-bold */
    text-transform: uppercase;
    letter-spacing: 0.4em;         /* tracking-[0.4em] */
    color:          rgba(255,255,255,0.90); /* opacity-90 */
    margin-bottom:  12px;          /* mb-3 */
    font-family:    var(--mto-font);
}
@media (min-width: 768px) {
    .mto-lp-hero-badge { font-size: 14px; } /* md:text-sm */
}
.mto-lp-hero-titulo {
    font-size:      30px;           /* text-3xl */
    font-weight:    700;            /* font-black */
    color:          #fff;
    text-transform: uppercase;
    line-height:    1.25;           /* leading-tight */
    letter-spacing: -0.025em;      /* tracking-tight */
    margin-bottom:  32px;          /* mb-8 */
    max-width:      1200px;
}
@media (min-width: 768px) {
    .mto-lp-hero-titulo { font-size: 48px; } /* md:text-5xl */
}
.mto-lp-hero-desc {
    font-size:   clamp(16px, 2vw, 20px);
    color:       rgba(255,255,255,0.90);
    font-weight: var(--mto-fw-medium);
    line-height: 1.65;
    max-width:   672px; /* max-w-2xl */
}

/* Menu de categorias (overlap) */
.mto-lp-categorias-wrap {
    position:   relative;
    z-index:    20;
    margin-top: -48px;
    margin-bottom: 48px;
}
.mto-lp-categorias-container { padding-inline: 0; }
@media (min-width: 768px) { .mto-lp-categorias-container { padding-inline: 16px; } }
.mto-lp-categorias-bar {
    background: #014486;
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
    padding:    24px 40px;
    display:    flex;
    flex-direction: column;
    align-items: center;
    gap:        24px;
}
.mto-lp-categorias-label {
    font-size:      10px;        /* text-[10px] */
    font-weight:    700;
    color:          rgba(255,255,255,0.60);
    text-transform: uppercase;
    letter-spacing: 0.4em;       /* tracking-[0.4em] */
    border-bottom:  1px solid rgba(255,255,255,0.10);
    padding-bottom: 16px;
    width:          100%;
    text-align:     center;
}
@media (min-width: 768px) {
    .mto-lp-categorias-label { font-size: 12px; } /* md:text-xs */
}
.mto-lp-categorias-links {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             32px;
    overflow-x:      auto;
    width:           100%;
    padding-bottom:  4px;
    flex-wrap:       nowrap;
}
.mto-lp-cat-link {
    font-size:       13px;
    font-weight:     var(--mto-fw-medium);
    color:           rgba(255,255,255,0.80);
    white-space:     nowrap;
    text-decoration: none;
    transition:      color 0.2s ease;
}
.mto-lp-cat-link:hover         { color: var(--mto-secondary); }
.mto-lp-cat-link--ativo        { color: #00D1FF; }

/* Grade de produtos */
.mto-lp-produtos { padding-block: 96px; background: #fff; }
.mto-lp-produtos-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   32px;
    align-items:           start;
}
@media (min-width: 768px)  { .mto-lp-produtos-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-lp-produtos-grid { grid-template-columns: repeat(3, 1fr); } }

/* Card de produto */
.mto-prod-card {
    background:    #F8F9FA;
    border:        1px solid #f3f4f6;
    display:       flex;
    flex-direction: column;
    height:        100%;
    overflow:      hidden;
    transition:    box-shadow 0.3s ease;
}
.mto-prod-card:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.10); }

/* Imagem */
.mto-prod-card-img-wrap {
    position:        relative;
    width:           100%;
    aspect-ratio:    1 / 1;
    overflow:        hidden;
    background:      #F8F9FA;
    border-bottom:   1px solid #f9fafb;
    padding:         16px;
}
.mto-prod-card-img {
    width:      100%;
    height:     100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}
.mto-prod-card:hover .mto-prod-card-img { transform: scale(1.05); }

/* Badge líder de vendas */
/* Badge Líder de Vendas — fiel ao original React */
.mto-prod-bestseller-badge {
    position:                  absolute;
    top:                       0;
    right:                     0;
    z-index:                   10;
    display:                   flex;
    align-items:               center;
    gap:                       10px;       /* gap-2.5 */
    background:                var(--mto-secondary);
    color:                     #fff;
    padding:                   16px 20px; /* py-4 px-5 */
    border-bottom-left-radius: 0 !important;
    box-shadow:                0 8px 24px rgba(0,0,0,0.20);
}
/* Círculo com estrela: w-8 h-8 rounded-full border-2 border-white/40 */
.mto-prod-bs-star {
    display:          flex;
    align-items:      center;
    justify-content:  center;
    width:            32px;
    height:           32px;
    min-width:        32px;
    border-radius:    0 !important;
    border:           2px solid rgba(255,255,255,0.40);
    flex-shrink:      0;
}
/* Texto: flex-col leading-[1] */
.mto-prod-bs-texto {
    display:        flex;
    flex-direction: column;
    line-height:    1;
}
/* text-[14px] font-bold uppercase tracking-tight opacity-90 */
.mto-prod-bs-top {
    display:        block;
    font-size:      14px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    opacity:        0.90;
}
/* text-[16px] font-black uppercase tracking-tight */
.mto-prod-bs-bottom {
    display:        block;
    font-size:      16px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: -0.025em;
}

/* Body do card */
.mto-prod-card-body { padding: 32px; display: flex; flex-direction: column; flex-grow: 1; }
.mto-prod-card-nome {
    font-size:      20px;
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
    min-height:     4.5rem;
    display:        flex;
    align-items:    center;
}

/* Highlights */
.mto-prod-highlights { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.mto-prod-highlight-tag {
    font-size:        10px;
    font-weight:      var(--mto-fw-bold);
    text-transform:   uppercase;
    letter-spacing:   0.05em;
    color:            var(--mto-secondary);
    background:       rgba(109,176,223,0.08);
    padding:          4px 8px;
}

/* Descrição */
.mto-prod-card-desc {
    font-size:   14px;
    color:       #000;
    line-height: 1.625;
    display:     -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:    hidden;
}

/* Conteúdo expandido */
.mto-prod-card-extra { padding: 0 32px 32px; border-top: 1px solid #f3f4f6; }
.mto-prod-card-extra[hidden] { display: none; }

.mto-prod-indicacao {
    background: #fff;
    padding:    24px;
    margin-block: 24px;
    border:     1px solid #f3f4f6;
}
.mto-prod-label {
    display:        block;
    font-size:      10px;
    font-weight:    var(--mto-fw-bold);
    color:          #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom:  8px;
}
.mto-prod-indicacao-texto {
    font-size:   16px;
    font-weight: var(--mto-fw-bold);
    color:       var(--mto-primary);
    line-height: 1.3;
}
.mto-prod-embalagem { margin-bottom: 32px; }
.mto-prod-embalagem-row { display: flex; align-items: flex-start; gap: 12px; margin-top: 8px; }
.mto-prod-embalagem-row svg { color: #9ca3af; flex-shrink: 0; margin-top: 2px; }
.mto-prod-embalagem-texto { font-size: 12px; color: #6b7280; font-weight: var(--mto-fw-medium); line-height: 1.4; }

/* Botões do card expandido */
.mto-prod-card-actions { display: flex; flex-direction: column; gap: 16px; }
.mto-prod-btn-primary {
    display:          block;
    width:            100%;
    padding:          16px;
    background:       var(--mto-secondary);
    color:            #fff;
    font-size:        12px;
    font-weight:      var(--mto-fw-bold);
    text-transform:   uppercase;
    letter-spacing:   0.1em;
    text-align:       center;
    text-decoration:  none;
    border:           none;
    transition:       background 0.2s ease;
}
.mto-prod-btn-primary:hover { background: var(--mto-hover); color: #fff; }
.mto-prod-btn-secondary {
    display:          block;
    width:            100%;
    padding:          16px;
    background:       var(--mto-bg-light);
    color:            var(--mto-primary);
    font-size:        12px;
    font-weight:      var(--mto-fw-bold);
    text-transform:   uppercase;
    letter-spacing:   0.1em;
    text-align:       center;
    text-decoration:  none;
    border:           none;
    transition:       background 0.2s ease;
}
.mto-prod-btn-secondary:hover { background: #d1d5db; }

/* Botão toggle saiba mais */
.mto-prod-toggle {
    margin-top:      auto;
    width:           100%;
    background:      var(--mto-primary);
    color:           #fff;
    padding:         14px 24px;
    font-size:       14px;
    font-weight:     var(--mto-fw-bold);
    text-transform:  uppercase;
    letter-spacing:  0.05em;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    cursor:          pointer;
    border:          none;
    font-family:     var(--mto-font);
    transition:      background 0.2s ease;
}
.mto-prod-toggle:hover { background: var(--mto-brand-hover); }
.mto-prod-toggle svg   { transition: transform 0.2s ease; flex-shrink: 0; }

/* Introdução */
.mto-lp-intro { padding-block: 96px; background: #f9fafb; border-block: 1px solid #f3f4f6; position: relative; overflow: visible; }
.mto-lp-intro-grid {
    display:     grid;
    gap:         48px;
    align-items: center;
}
@media (min-width: 1024px) {
    .mto-lp-intro-grid    { grid-template-columns: 1fr 1fr; }
    .mto-lp-intro-img-col {
        position:      relative;
        z-index:       10;
        margin-bottom: -128px; /* lg:mb-[-8rem] — imagem vaza para dentro da seção azul */
    }
}
.mto-lp-intro-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    var(--mto-fw-bold);
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
}
.mto-lp-intro-p { font-size: clamp(16px, 1.8vw, 18px); color: #000; line-height: 1.65; }
.mto-lp-intro-img { width: 100%; height: auto; box-shadow: 0 20px 40px rgba(0,0,0,0.10); }

/* Bloco comercial (azul) */
.mto-lp-comercial { padding-top: 80px; padding-bottom: 80px; background: var(--mto-primary); position: relative; z-index: 1; }
.mto-lp-comercial-grid {
    display:     grid;
    gap:         48px;
    align-items: center;
}
@media (min-width: 1024px) {
    .mto-lp-comercial-grid    { grid-template-columns: 1fr 1fr; gap: 80px; }
    .mto-lp-comercial-img-col {
        margin-top:    -160px; /* lg:-mt-40 — vaza para cima sobre a seção intro */
        margin-bottom: -160px; /* lg:-mb-40 — vaza para baixo sobre a próxima seção */
        position:      relative;
        z-index:       10;
    }
}
.mto-lp-comercial-img { width: 100%; height: auto; object-fit: contain; }
.mto-lp-comercial-titulo {
    font-size:      clamp(22px, 3vw, 36px);
    font-weight:    var(--mto-fw-bold);
    color:          #fff;
    text-transform: uppercase;
    margin-bottom:  32px;
    line-height:    1.15;
}
.mto-lp-comercial-p { font-size: clamp(16px, 1.8vw, 20px); color: #fff; line-height: 1.65; margin-bottom: 48px; }
.mto-lp-comercial-btn {
    display:         inline-block;
    background:      var(--mto-secondary);
    color:           #fff;
    padding:         20px 40px;
    font-size:       14px;
    font-weight:     var(--mto-fw-bold);
    text-transform:  uppercase;
    text-decoration: none;
    letter-spacing:  -0.02em;
    transition:      background 0.3s ease;
}
.mto-lp-comercial-btn:hover { background: #fff; color: var(--mto-primary); }

/* Embalagens */
.mto-lp-embalagens { padding-block: 96px; background: #fff; }
.mto-lp-embalagens-grid {
    display:     grid;
    gap:         64px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-lp-embalagens-grid { grid-template-columns: 1fr 1fr; } }
.mto-lp-embalagens-titulo { font-size: clamp(22px, 2.5vw, 30px); font-weight: var(--mto-fw-bold); color: var(--mto-primary); text-transform: uppercase; margin-bottom: 24px; }
.mto-lp-embalagens-p { font-size: clamp(16px, 1.8vw, 18px); color: #000; line-height: 1.65; margin-bottom: 32px; }
.mto-lp-embalagens-list { display: flex; flex-direction: column; gap: 16px; list-style: none; margin-bottom: 32px; }
.mto-lp-embalagens-item { display: flex; align-items: center; gap: 12px; }
.mto-check-icon { color: var(--mto-secondary); font-weight: var(--mto-fw-bold); font-size: 18px; flex-shrink: 0; }
.mto-lp-embalagens-item span:last-child { font-size: 16px; font-weight: var(--mto-fw-semibold); color: var(--mto-primary); }
.mto-lp-embalagens-img { width: 110%; height: auto; object-fit: contain; }

/* Navegação de categorias (grid visual) */
.mto-lp-nav-cats { padding-block: 96px; background: var(--mto-bg-light); border-block: 1px solid #f3f4f6; }
.mto-lp-nav-cats-header { margin-bottom: 48px; }
.mto-lp-nav-cats-titulo { font-size: clamp(20px, 2.5vw, 28px); font-weight: var(--mto-fw-bold); color: var(--mto-primary); text-transform: uppercase; margin-bottom: 8px; }
.mto-lp-nav-cats-sub { font-size: 18px; color: #000; }

/* Sua marca */
.mto-lp-sua-marca { padding-block: 96px; background: #fff; overflow: hidden; }
.mto-lp-sua-marca-grid { display: grid; gap: 64px; align-items: center; }
@media (min-width: 1024px) { .mto-lp-sua-marca-grid { grid-template-columns: 1fr 1fr; } }
.mto-lp-sua-marca-img { width: 100%; height: auto; }
.mto-lp-sua-marca-titulo { font-size: clamp(22px, 2.5vw, 30px); font-weight: var(--mto-fw-bold); color: var(--mto-primary); text-transform: uppercase; margin-bottom: 24px; }
.mto-lp-sua-marca-p { font-size: clamp(16px, 1.8vw, 18px); color: #000; line-height: 1.65; margin-bottom: 32px; }
.mto-lp-sua-marca-btn {
    display:         inline-block;
    background:      var(--mto-secondary);
    color:           #fff;
    padding:         20px 40px;
    font-size:       12px;
    font-weight:     var(--mto-fw-bold);
    text-transform:  uppercase;
    text-decoration: none;
    transition:      background 0.2s ease;
}
.mto-lp-sua-marca-btn:hover { background: var(--mto-hover); color: #fff; }

/* FAQ da linha */
.mto-lp-faq { padding-block: 96px; background: var(--mto-secondary); border-top: 1px solid #f3f4f6; }
.mto-lp-faq-inner { max-width: 896px; }
.mto-lp-faq-header { text-align: center; margin-bottom: 64px; }
.mto-lp-faq-titulo { font-size: clamp(22px, 3vw, 36px); font-weight: var(--mto-fw-bold); color: #fff; text-transform: uppercase; }

/* ================================================================
   PÁGINA — Segmentos Atendidos [mto_segmentos_page]
   ================================================================ */

/* 1. Hero — h-[700px] bg-[#014486] bg-cover bg-center */
.mto-seg-hero {
    position:            relative !important;
    min-height:          700px !important;
    height:              700px !important;
    display:             flex !important;
    align-items:         center !important;
    overflow:            hidden !important;
    background-color:    #014486 !important;
    background-size:     cover !important;
    background-position: center !important;
    background-repeat:   no-repeat !important;
    padding-top:         80px !important;
    box-sizing:          border-box !important;
}
.mto-seg-hero-bg {
    position:            absolute !important;
    inset:               0 !important;
    top:                 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background-size:     cover !important;
    background-position: center !important;
    background-repeat:   no-repeat !important;
    z-index:             0 !important;
}
.mto-seg-hero-overlay {
    position:       absolute !important;
    inset:          0 !important;
    top:            0 !important;
    left:           0 !important;
    right:          0 !important;
    bottom:         0 !important;
    background:     rgba(1,68,134,0.60) !important;
    pointer-events: none !important;
    z-index:        1 !important;
}
.mto-seg-hero-content {
    position: relative !important;
    z-index:  2 !important;
    width:    100% !important;
}
.mto-seg-hero-grid {
    display:               grid !important;
    grid-template-columns: 1fr !important;
    gap:                   40px !important;
    align-items:           center !important;
}
@media (min-width: 1024px) {
    .mto-seg-hero-grid { grid-template-columns: 1fr 1fr !important; gap: 64px !important; }
}
.mto-seg-hero-texto {
    display:         flex !important;
    flex-direction:  column !important;
    justify-content: center !important;
    text-align:      left !important;
}
.mto-seg-hero-titulo {
    font-size:      clamp(28px, 4vw, 48px) !important;
    font-weight:    700 !important;
    color:          #ffffff !important;
    text-transform: uppercase !important;
    line-height:    1.15 !important;
    white-space:    nowrap !important;
    margin-bottom:  24px !important;
    display:        block !important;
}
.mto-seg-hero-p {
    font-size:     clamp(16px, 2vw, 20px) !important;
    color:         #ffffff !important;
    font-weight:   400 !important;
    line-height:   1.625 !important;
    margin-bottom: 16px !important;
    display:       block !important;
}
.mto-seg-hero-p:last-child { margin-bottom: 0 !important; }

/* 2. Cards de Segmentos — py-16 md:py-24 bg-white */
.mto-seg-cards {
    padding-block: 96px;
    background:    #fff;
    position:      relative;
    overflow:      hidden;
}
/* Header: max-w-3xl mb-12 md:mb-16 text-left */
.mto-seg-cards-header {
    max-width:     768px;
    margin-bottom: 64px;
    text-align:    left;
}
/* h2: text-2xl md:text-3xl lg:text-4xl font-bold text-[#014486] mb-4 uppercase */
.mto-seg-cards-titulo {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    var(--mto-fw-bold);
    color:          #014486;
    text-transform: uppercase;
    margin-bottom:  16px;
}
/* p1: text-base md:text-lg text-[#333333] mb-3 leading-relaxed */
.mto-seg-cards-p1 {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #333333;
    line-height:   1.625;
    margin-bottom: 12px;
}
/* p2: text-base md:text-lg text-[#666666] leading-relaxed font-normal */
.mto-seg-cards-p2 {
    font-size:   clamp(16px, 1.8vw, 18px);
    color:       #666666;
    line-height: 1.625;
    font-weight: var(--mto-fw-regular);
}

/* Grid: grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 */
.mto-seg-cards-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
}
@media (min-width: 640px)  { .mto-seg-cards-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-seg-cards-grid { grid-template-columns: repeat(3, 1fr); } }

/* Card: bg-white p-6 border border-slate-100 shadow-sm flex items-center
   hover:shadow-xl hover:-translate-y-1 hover:border-[#6DB0DF]/20 overflow-hidden */
.mto-seg-card {
    background:      #fff;
    padding:         24px;
    border:          1px solid #f1f5f9;
    box-shadow:      0 1px 3px rgba(0,0,0,0.06);
    position:        relative;
    display:         flex;
    align-items:     center;
    gap:             24px;
    text-decoration: none;
    overflow:        hidden;
    transition:      box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.mto-seg-card:hover {
    box-shadow:   0 20px 40px rgba(0,0,0,0.10);
    transform:    translateY(-4px);
    border-color: rgba(109,176,223,0.20);
}

/* Ícone: w-12 h-12 bg-[#6DB0DF]/10 text-[#6DB0DF] group-hover:bg-[#6DB0DF] group-hover:text-white */
.mto-seg-card-icon {
    width:            48px;
    height:           48px;
    min-width:        48px;
    background-color: rgba(109,176,223,0.10);
    color:            var(--mto-secondary);
    display:          flex;
    align-items:      center;
    justify-content:  center;
    transition:       background-color 0.3s ease, color 0.3s ease;
}
.mto-seg-card:hover .mto-seg-card-icon {
    background-color: var(--mto-secondary);
    color:            #fff;
}

/* Nome: text-[#3B529B] font-bold text-base md:text-lg leading-tight group-hover:text-[#6DB0DF] */
.mto-seg-card-nome {
    color:       var(--mto-primary);
    font-weight: var(--mto-fw-bold);
    font-size:   clamp(16px, 1.8vw, 18px);
    line-height: 1.3;
    transition:  color 0.3s ease;
}
.mto-seg-card:hover .mto-seg-card-nome { color: var(--mto-secondary); }

/* Linha animada: absolute left-0 bottom-0 w-0 h-[2px] bg-[#6DB0DF] group-hover:w-full */
.mto-seg-card-line {
    position:   absolute;
    left:       0;
    bottom:     0;
    width:      0;
    height:     2px;
    background: var(--mto-secondary);
    transition: width 0.5s ease;
}
.mto-seg-card:hover .mto-seg-card-line,
.mto-seg-dif-card:hover .mto-seg-card-line { width: 100%; }

/* 3. Diferenciais — py-16 md:py-24 bg-[#6DB0DF] */
.mto-seg-difs {
    padding-block: 96px;
    background:    var(--mto-secondary);
}
/* Header: max-w-3xl mb-12 md:mb-16 text-left */
.mto-seg-difs-header {
    max-width:     768px;
    margin-bottom: 64px;
    text-align:    left;
}
/* h2: text-2xl md:text-3xl lg:text-4xl font-bold text-white mb-4 */
.mto-seg-difs-titulo {
    font-size:   clamp(24px, 3vw, 36px);
    font-weight: var(--mto-fw-bold);
    color:       #fff;
    margin-bottom: 16px;
}
/* p: text-base md:text-lg text-white/90 leading-relaxed */
.mto-seg-difs-p {
    font-size:   clamp(16px, 1.8vw, 18px);
    color:       rgba(255,255,255,0.90);
    line-height: 1.625;
}

/* Grid: grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 */
.mto-seg-difs-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
}
@media (min-width: 640px)  { .mto-seg-difs-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-seg-difs-grid { grid-template-columns: repeat(4, 1fr); gap: 32px; } }

/* Card diferencial: bg-white p-8 border border-slate-100 shadow-sm flex flex-col
   hover:shadow-xl hover:-translate-y-1 overflow-hidden */
.mto-seg-dif-card {
    background:  #fff;
    padding:     32px;
    border:      1px solid #f1f5f9;
    box-shadow:  0 1px 3px rgba(0,0,0,0.06);
    position:    relative;
    display:     flex;
    flex-direction: column;
    overflow:    hidden;
    transition:  box-shadow 0.3s ease, transform 0.3s ease;
}
.mto-seg-dif-card:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.10);
    transform:  translateY(-4px);
}

/* Ícone: w-12 h-12 bg-[#6DB0DF]/10 text-[#6DB0DF] mb-6 */
.mto-seg-dif-icon {
    width:            48px;
    height:           48px;
    background-color: rgba(109,176,223,0.10);
    color:            var(--mto-secondary);
    display:          flex;
    align-items:      center;
    justify-content:  center;
    margin-bottom:    24px;
    transition:       background-color 0.3s ease;
}

/* h3: text-lg md:text-xl font-bold text-[#3B529B] mb-3 group-hover:text-[#6DB0DF] */
.mto-seg-dif-titulo {
    font-size:     clamp(16px, 1.8vw, 20px);
    font-weight:   var(--mto-fw-bold);
    color:         var(--mto-primary);
    margin-bottom: 12px;
    transition:    color 0.3s ease;
    line-height:   1.3;
}
.mto-seg-dif-card:hover .mto-seg-dif-titulo { color: var(--mto-secondary); }

/* p: text-gray-600 text-sm md:text-base font-normal leading-relaxed */
.mto-seg-dif-desc {
    font-size:   clamp(14px, 1.5vw, 16px);
    color:       #4b5563;
    font-weight: var(--mto-fw-regular);
    line-height: 1.625;
}

/* 4. Bloco de Conversão — pt-16 pb-0 lg:pt-20 bg-white border-t */
.mto-seg-conv {
    padding-top:    80px;
    padding-bottom: 0;
    background:     #fff;
    border-top:     1px solid #e5e7eb;
    position:       relative;
}

/* Grid: grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-end */
.mto-seg-conv-grid {
    display:     grid;
    gap:         48px;
    align-items: end;
}
@media (min-width: 1024px) {
    .mto-seg-conv-grid { grid-template-columns: 1fr 1fr; gap: 80px; }
}

/* Imagem: relative lg:-mt-36 z-10 self-end */
.mto-seg-conv-img-col {
    position:   relative;
    align-self: end;
    z-index:    10;
}
@media (min-width: 1024px) {
    .mto-seg-conv-img-col { margin-top: -144px; } /* lg:-mt-36 */
}
.mto-seg-conv-img {
    width:      100%;
    height:     auto;
    object-fit: contain;
    object-position: bottom;
    display:    block;
}

/* Texto: text-left py-10 lg:py-16 */
.mto-seg-conv-texto {
    padding-block: 40px;
    text-align:    left;
}
@media (min-width: 1024px) {
    .mto-seg-conv-texto { padding-block: 64px; }
}

/* h2: text-2xl md:text-3xl lg:text-4xl font-bold mb-6 uppercase text-[#014486] */
.mto-seg-conv-titulo {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    var(--mto-fw-bold);
    color:          #014486;
    text-transform: uppercase;
    margin-bottom:  24px;
    line-height:    1.15;
}

/* p: text-[#333333] text-base md:text-lg font-normal leading-relaxed mb-4/mb-8 */
.mto-seg-conv-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #333333;
    font-weight:   var(--mto-fw-regular);
    line-height:   1.625;
    margin-bottom: 16px;
}
.mto-seg-conv-p:last-of-type { margin-bottom: 32px; }

/* Botão: bg-[#6DB0DF] text-white px-10 py-5 font-bold uppercase tracking-tight hover:bg-[#014486] */
.mto-seg-conv-btn {
    display:          inline-block;
    background-color: var(--mto-secondary);
    color:            #fff;
    padding:          20px 40px;
    font-size:        14px;
    font-weight:      var(--mto-fw-bold);
    text-transform:   uppercase;
    letter-spacing:   -0.02em;
    text-decoration:  none;
    transition:       background-color 0.3s ease;
}
.mto-seg-conv-btn:hover {
    background-color: #014486;
    color:            #fff;
}

/* ================================================================
   PÁGINA — Sua Marca, Nossa Produção
   ================================================================ */

/* 1. Hero */
/* Hero Sua Marca — fiel ao HTML original */
.mto-sm-hero {
    position:            relative !important;
    height:              700px !important;
    min-height:          700px !important;
    display:             flex !important;
    align-items:         center !important;
    overflow:            hidden !important;
    background-color:    #014486 !important;
    background-size:     cover !important;
    background-position: center !important;
    background-repeat:   no-repeat !important;
    padding-top:         80px !important; /* header fixo */
}
.mto-sm-hero-bg {
    position:            absolute !important;
    inset:               0 !important;
    background-size:     cover !important;
    background-position: center !important;
    background-repeat:   no-repeat !important;
    z-index:             0 !important;
}
.mto-sm-hero-overlay {
    position:   absolute !important;
    inset:      0 !important;
    background: rgba(1,68,134,0.60) !important; /* bg-[#014486]/60 */
    z-index:    1 !important;
    pointer-events: none !important;
}
.mto-sm-hero-content {
    position: relative !important;
    z-index:  2 !important;
    width:    100% !important;
}
/* grid grid-cols-1 lg:grid-cols-12 gap-12 items-center */
.mto-sm-hero-grid {
    display:               grid !important;
    grid-template-columns: 1fr !important;
    gap:                   48px !important; /* gap-12 */
    align-items:           center !important;
}
@media (min-width: 1024px) {
    .mto-sm-hero-grid {
        grid-template-columns: repeat(12, 1fr) !important; /* lg:grid-cols-12 */
    }
    .mto-sm-hero-texto      { grid-column: span 6 !important; } /* lg:col-span-6 */
    .mto-sm-hero-col-vazia  { grid-column: span 6 !important; display: block !important; }
}
.mto-sm-hero-col-vazia { display: none; }

/* h1: text-3xl md:text-4xl lg:text-[42px] font-black uppercase
   leading-tight tracking-tight mb-6 */
.mto-sm-hero-titulo {
    font-size:      clamp(30px, 3.5vw, 42px) !important; /* lg:text-[42px] */
    font-weight:    700 !important;                        /* font-black */
    color:          #ffffff !important;
    text-transform: uppercase !important;
    line-height:    1.25 !important;                       /* leading-tight */
    letter-spacing: -0.025em !important;                   /* tracking-tight */
    margin-bottom:  24px !important;                       /* mb-6 */
}

/* p1: text-white text-base md:text-lg font-medium leading-relaxed mb-6 */
.mto-sm-hero-p1 {
    font-size:     clamp(16px, 1.8vw, 18px) !important;
    color:         #ffffff !important;
    font-weight:   500 !important;                         /* font-medium */
    line-height:   1.625 !important;                       /* leading-relaxed */
    margin-bottom: 24px !important;                        /* mb-6 */
}

/* p2: text-white/80 text-base leading-relaxed mb-8 */
.mto-sm-hero-p2 {
    font-size:     16px !important;
    color:         rgba(255,255,255,0.80) !important;      /* text-white/80 */
    font-weight:   400 !important;
    line-height:   1.625 !important;
    margin-bottom: 32px !important;                        /* mb-8 */
}

/* Botão: bg-[#6DB0DF] px-8 py-4 uppercase text-sm font-bold
   tracking-wider shadow-md inline-flex items-center gap-3 */
.mto-sm-hero-btn {
    display:         inline-flex !important;
    align-items:     center !important;
    gap:             12px !important;                      /* gap-3 */
    background:      #6DB0DF !important;
    color:           #ffffff !important;
    padding:         16px 32px !important;                 /* py-4 px-8 */
    font-size:       14px !important;                      /* text-sm */
    font-weight:     700 !important;                       /* font-bold */
    text-transform:  uppercase !important;
    letter-spacing:  0.05em !important;                    /* tracking-wider */
    box-shadow:      0 4px 6px rgba(0,0,0,0.10) !important; /* shadow-md */
    text-decoration: none !important;
    border:          none !important;
    cursor:          pointer !important;
    transition:      background 0.3s ease !important;
}
.mto-sm-hero-btn:hover { background: #5ca0cf !important; color: #ffffff !important; }

/* 2. Produção Especializada */
.mto-sm-producao {
    padding-block:  96px;
    background:     #fff;
    border-bottom:  1px solid #f3f4f6;
}
.mto-sm-producao-header { max-width: 768px; margin-bottom: 64px; text-align: left; }
.mto-sm-producao-titulo {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    700;
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
}
.mto-sm-producao-sub {
    font-size:   clamp(16px, 1.8vw, 18px);
    color:       var(--mto-text-main);
    font-weight: 500;
    line-height: 1.65;
}
.mto-sm-prod-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   32px;
}
@media (min-width: 768px) { .mto-sm-prod-grid { grid-template-columns: repeat(3, 1fr); } }

/* Card: sem border-radius, shadow-[0_4px_20px_rgba(0,0,0,0.03)] */
.mto-sm-producao .mto-sm-prod-card,
.mto-sm-prod-card {
    background:      #fff;
    border:          1px solid #f3f4f6;
    border-radius:   0 !important;
    padding:         32px;
    box-shadow:      0 4px 20px rgba(0,0,0,0.03);
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
    position:        relative;
    transition:      box-shadow 0.3s ease, transform 0.3s ease;
}
.mto-sm-prod-card:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.10); /* hover:shadow-xl */
    transform:  translateY(-4px);              /* hover:-translate-y-1 */
}
/* Destaque: border-2 border-brand-secondary */
.mto-sm-prod-card--destaque {
    border:        2px solid var(--mto-secondary) !important;
    border-radius: 0 !important;
    box-shadow:    0 10px 30px rgba(8,119,225,0.08);
}
.mto-sm-prod-card--destaque:hover { box-shadow: 0 25px 50px rgba(8,119,225,0.15); }

/* Badge "Solução Completa": absolute -top-3.5 right-6 rounded-full */
.mto-sm-producao .mto-sm-prod-destaque-badge,
.mto-sm-prod-destaque-badge {
    position:       absolute;
    top:            -14px;
    right:          24px;
    background:     var(--mto-secondary);
    color:          #fff;
    font-size:      9px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding:        4px 12px;
    border-radius:  0 !important;
}

/* Badge de nível: sem arredondamento */
.mto-sm-prod-nivel-wrap { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.mto-sm-producao .mto-sm-prod-nivel,
.mto-sm-prod-nivel {
    font-size:      11px;             /* text-xs */
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.1em;            /* tracking-widest */
    color:          #014486;          /* text-[#014486] */
    background:     rgba(109,176,223,0.20); /* bg-[#6DB0DF]/20 */
    padding:        4px 12px;         /* px-3 py-1 */
    border-radius:  0 !important;
}
.mto-sm-prod-card--destaque .mto-sm-prod-nivel {
    color:      var(--mto-secondary);
    background: rgba(109,176,223,0.15); /* bg-brand-secondary/15 */
}
/* Imagem: my-6 h-36 md:h-44, max-h-32 md:max-h-40 */
.mto-sm-prod-img-wrap {
    display:         flex;
    align-items:     center;
    justify-content: center;
    margin-block:    24px;  /* my-6 */
    height:          144px; /* h-36 */
}
@media (min-width: 768px) { .mto-sm-prod-img-wrap { height: 176px; } } /* md:h-44 */
.mto-sm-prod-img {
    max-height:  128px; /* max-h-32 */
    width:       auto;
    object-fit:  contain;
    transition:  transform 0.3s ease;
}
@media (min-width: 768px) { .mto-sm-prod-img { max-height: 160px; } } /* md:max-h-40 */
.mto-sm-prod-img:hover { transform: scale(1.05); }
/* Título: text-xl md:text-2xl font-bold text-brand-primary uppercase mb-4 */
.mto-sm-prod-titulo {
    font-size:      20px;  /* text-xl */
    font-weight:    700;
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  16px;  /* mb-4 */
    line-height:    1.25;
}
@media (min-width: 768px) { .mto-sm-prod-titulo { font-size: 24px; } } /* md:text-2xl */
/* Desc: text-text-light text-base leading-relaxed mb-6 */
.mto-sm-prod-desc {
    font-size:     16px;   /* text-base */
    color:         #6b7280; /* text-text-light */
    line-height:   1.625;  /* leading-relaxed */
    margin-bottom: 24px;   /* mb-6 */
}
/* Footer: border-t border-gray-50 pt-4 flex items-center */
.mto-sm-prod-footer {
    border-top:  1px solid #f9fafb; /* border-gray-50 */
    padding-top: 16px;              /* pt-4 */
    display:     flex;
    align-items: center;
}
/* Label: text-brand-secondary text-xs font-bold uppercase tracking-widest */
.mto-sm-prod-label {
    font-size:      11px;  /* text-xs */
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.1em; /* tracking-widest */
    color:          var(--mto-secondary);
}

/* 3. Benefícios — reutiliza .mto-differentials */
.mto-sm-beneficios {
    padding-block:    96px;
    background-color: #75BFBA;
}
.mto-sm-beneficios .mto-container { max-width: 1280px; }
.mto-sm-beneficios-header { text-align: center; margin-bottom: 64px; }
.mto-sm-beneficios-titulo {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
}
.mto-sm-beneficios-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   48px;
}
@media (min-width: 768px)  { .mto-sm-beneficios-grid { grid-template-columns: repeat(2, 1fr); gap: 48px; } }
@media (min-width: 1024px) { .mto-sm-beneficios-grid { grid-template-columns: repeat(3, 1fr); gap: 48px 64px; } }

/* Item: ícone quadrado verde à esquerda, texto à direita */
.mto-sm-ben-item {
    display:     flex;
    align-items: flex-start;
    gap:         24px;
}

/* Ícone: quadrado 80x80 verde #018E6D */
.mto-sm-ben-icon {
    width:            80px;
    height:           80px;
    min-width:        80px;
    background-color: #018E6D;
    color:            #fff;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    flex-shrink:      0;
    border-radius:    0;
}
.mto-sm-ben-icon svg { width: 32px; height: 32px; }

/* Texto à direita */
.mto-sm-ben-texto { padding-top: 4px; }
.mto-sm-ben-titulo {
    font-size:     clamp(15px, 1.6vw, 18px);
    font-weight:   700;
    color:         #fff;
    margin-bottom: 8px;
    line-height:   1.25;
}
.mto-sm-ben-desc {
    font-size:   13px;
    color:       rgba(255,255,255,0.90);
    font-weight: 400;
    line-height: 1.65;
}

/* 4. Como Funciona */
.mto-sm-como-funciona {
    padding-block:  96px;
    background:     #fff;
    border-bottom:  1px solid #f3f4f6;
    overflow:       hidden;
}
.mto-sm-cf-header { text-align: center; max-width: 768px; margin: 0 auto 80px; }
.mto-sm-cf-titulo {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    700;
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  16px;
}
.mto-sm-cf-timeline { position: relative; margin-top: 32px; }
.mto-sm-cf-linha-h { display: none; }

.mto-sm-cf-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   48px;
    position:              relative;
    z-index:               1;
}
@media (min-width: 1024px) {
    .mto-sm-cf-grid {
        grid-template-columns: repeat(5, 1fr);
        gap:                   32px;
        align-items:           start;
    }
    /* Linha horizontal passando pelo centro dos quadrados */
    .mto-sm-cf-grid::before {
        content:    '';
        position:   absolute;
        top:        40px; /* metade do quadrado (80px / 2) */
        left:       calc(80px / 2);
        right:      calc(80px / 2);
        height:     1px;
        background: #e5e7eb;
        z-index:    0;
    }
}

.mto-sm-cf-etapa {
    display:        flex;
    flex-direction: column;
    align-items:    flex-start;
    text-align:     left;
    position:       relative;
    z-index:        1;
}

/* Número: quadrado (não círculo), azul secundário */
.mto-sm-cf-num {
    width:           80px;
    height:          80px;
    background:      var(--mto-secondary);
    border-radius:   0 !important; /* quadrado */
    display:         flex;
    align-items:     center;
    justify-content: center;
    color:           #fff;
    font-weight:     700;
    font-size:       24px;
    margin-bottom:   24px;
    flex-shrink:     0;
    transition:      transform 0.3s ease;
    position:        relative;
    z-index:         1;
}
.mto-sm-cf-etapa:hover .mto-sm-cf-num { transform: scale(1.05); }

.mto-sm-cf-etapa-titulo {
    font-size:     clamp(15px, 1.6vw, 18px);
    font-weight:   700;
    color:         var(--mto-primary);
    margin-bottom: 12px;
    line-height:   1.3;
}
.mto-sm-cf-etapa-desc {
    font-size:   clamp(13px, 1.4vw, 15px);
    color:       var(--mto-text-light);
    line-height: 1.65;
}

/* 5. Para Quem — reutiliza mto-seg-dif-card com fundo azul primário */
.mto-sm-para-quem {
    padding-block:    96px;
    background-color: var(--mto-primary);
    position:         relative;
    overflow:         hidden;
}
.mto-sm-pq-header { text-align: center; margin-bottom: 64px; }
.mto-sm-pq-titulo {
    font-size:      clamp(22px, 3vw, 32px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
}
.mto-sm-pq-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
    align-items:           stretch; /* todos os cards com mesma altura */
}
@media (min-width: 768px)  { .mto-sm-pq-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-sm-pq-grid { grid-template-columns: repeat(4, 1fr); gap: 32px; } }

/* Card: bg-white p-8 border border-slate-100 shadow-sm
   relative flex flex-col justify-between hover:shadow-xl hover:-translate-y-1 */
.mto-sm-pq-card {
    background:      #fff;
    padding:         32px;       /* p-8 */
    border:          1px solid #f1f5f9; /* border-slate-100 */
    box-shadow:      0 1px 3px rgba(0,0,0,0.06); /* shadow-sm */
    position:        relative;
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
    height:          100%;
    text-align:      left;
    transition:      box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    overflow:        hidden;
}
.mto-sm-pq-card:hover {
    box-shadow:   0 20px 40px rgba(0,0,0,0.10); /* hover:shadow-xl */
    transform:    translateY(-4px);               /* hover:-translate-y-1 */
    border-color: rgba(109,176,223,0.20);         /* hover:border-[#6DB0DF]/20 */
}

/* Ícone: w-12 h-12 bg-[#6DB0DF]/10 rounded-none text-[#6DB0DF] mb-6 */
.mto-sm-pq-icon {
    width:            48px;                      /* w-12 */
    height:           48px;                      /* h-12 */
    background-color: rgba(109,176,223,0.10);    /* bg-[#6DB0DF]/10 */
    border-radius:    0;                         /* rounded-none */
    display:          flex;
    align-items:      center;
    justify-content:  center;
    color:            var(--mto-secondary);      /* text-[#6DB0DF] */
    margin-bottom:    24px;                      /* mb-6 */
    transition:       background-color 0.3s ease, color 0.3s ease;
    flex-shrink:      0;
}
.mto-sm-pq-card:hover .mto-sm-pq-icon {
    background-color: var(--mto-secondary);
    color:            #fff;
}

/* Título: text-lg md:text-xl font-bold text-[#3B529B] mb-3 */
.mto-sm-pq-titulo {
    font-size:     clamp(18px, 1.8vw, 20px);
    font-weight:   700;
    color:         var(--mto-primary);
    margin-bottom: 12px;                         /* mb-3 */
    line-height:   1.3;
    transition:    color 0.3s ease;
}
.mto-sm-pq-card:hover .mto-sm-pq-titulo { color: var(--mto-secondary); }

/* Descrição: text-gray-600 text-sm md:text-base font-normal leading-relaxed */
.mto-sm-pq-desc {
    font-size:   clamp(14px, 1.5vw, 16px);
    color:       #4b5563;                        /* text-gray-600 */
    font-weight: 400;
    line-height: 1.625;                          /* leading-relaxed */
}

/* Linha animada: absolute left-0 bottom-0 w-0 h-[2px] bg-[#6DB0DF] group-hover:w-full */
.mto-sm-pq-line {
    position:   absolute;
    left:       0;
    bottom:     0;
    width:      0;
    height:     2px;
    background: var(--mto-secondary);
    transition: width 0.5s ease;
}
.mto-sm-pq-card:hover .mto-sm-pq-line { width: 100%; }

/* 6. O Que Podemos Produzir */
.mto-sm-o-que-produzimos {
    padding-top:    96px;
    padding-bottom: 64px; /* menos padding abaixo — bloco parceiros vem logo depois */
    background:     #fff;
    overflow:       hidden;
}
.mto-sm-oqp-header { text-align: center; max-width: 768px; margin: 0 auto 64px; }
.mto-sm-oqp-titulo {
    font-size:      clamp(24px, 3vw, 36px);
    font-weight:    700;
    color:          #014486;
    text-transform: uppercase;
    margin-bottom:  16px;
}
.mto-sm-oqp-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
}
@media (min-width: 640px)  { .mto-sm-oqp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-sm-oqp-grid { grid-template-columns: repeat(4, 1fr); } }

.mto-sm-oqp-card {
    background:  #fff;
    border:      1px solid #f1f5f9;
    box-shadow:  0 1px 3px rgba(0,0,0,0.06);
    padding:     24px;
    display:     flex;
    align-items: center;
    gap:         16px;
    position:    relative;
    overflow:    hidden;
    transition:  box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.mto-sm-oqp-card:hover {
    box-shadow:   0 20px 40px rgba(0,0,0,0.10);
    transform:    translateY(-4px);
    border-color: rgba(109,176,223,0.20);
}
.mto-sm-oqp-icon {
    width:            40px;
    height:           40px;
    min-width:        40px;
    background-color: rgba(109,176,223,0.10);
    color:            var(--mto-secondary);
    display:          flex;
    align-items:      center;
    justify-content:  center;
    flex-shrink:      0;
    transition:       background 0.3s ease, color 0.3s ease;
}
.mto-sm-oqp-card:hover .mto-sm-oqp-icon {
    background-color: var(--mto-secondary);
    color:            #fff;
}
.mto-sm-oqp-nome {
    font-weight: 700;
    font-size:   clamp(13px, 1.5vw, 16px);
    color:       var(--mto-primary);
    transition:  color 0.3s ease;
}
.mto-sm-oqp-card:hover .mto-sm-oqp-nome { color: var(--mto-secondary); }

/* 7. FAQ — reutiliza mto-home-faq com bg azul secundário */
.mto-sm-faq {
    padding-block:    96px;
    background-color: var(--mto-secondary);
    border-top:       1px solid #f3f4f6;
}
.mto-sm-faq-inner { max-width: 896px; }
.mto-sm-faq-header { text-align: center; margin-bottom: 64px; }
.mto-sm-faq-titulo {
    font-size:      clamp(22px, 3vw, 32px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
    margin-bottom:  16px;
}

/* Bloco Parceiros — Sua Marca (py-16 md:py-24 bg-white border-t) */
.mto-sm-parceiros {
    padding-block: 64px 96px;
    background:    #fff;
    border-top:    1px solid #f3f4f6;
}
.mto-sm-parceiros-inner { text-align: center; }

/* Título: text-2xl md:text-3xl font-bold uppercase text-[#014486] tracking-wider mb-3 */
.mto-sm-parceiros-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    text-transform: uppercase;
    color:          #014486;
    letter-spacing: 0.05em;
    margin-bottom:  12px;
}

/* Subtítulo: text-[#333333] text-base md:text-lg font-normal mb-12 */
.mto-sm-parceiros-sub {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #333333;
    font-weight:   400;
    margin-bottom: 48px;
}

/* Grid: grid-cols-2 md:grid-cols-4 gap-8 md:gap-12 items-center justify-items-center max-w-5xl mx-auto */
.mto-sm-parceiros-grid {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    gap:                   32px 48px;
    align-items:           center;
    justify-items:         center;
    max-width:             896px;
    margin:                0 auto;
}
@media (min-width: 768px) {
    .mto-sm-parceiros-grid { grid-template-columns: repeat(4, 1fr); gap: 32px 48px; }
}

/* Logo: max-h-20 md:max-h-24 w-auto object-contain hover:scale-105 */
.mto-sm-parceiros-logo {
    max-height:  80px;
    width:       auto;
    object-fit:  contain;
    transition:  transform 0.3s ease;
    display:     block;
}
@media (min-width: 768px) { .mto-sm-parceiros-logo { max-height: 96px; } }
.mto-sm-parceiros-item:hover .mto-sm-parceiros-logo { transform: scale(1.05); }

/* ================================================================
   PÁGINA — Sobre a Multionic
   ================================================================ */

/* 1. Hero */
.mto-sobre-hero {
    position:         relative !important;
    height:           700px !important;
    min-height:       700px !important;
    display:          flex !important;
    align-items:      center !important;
    overflow:         hidden !important;
    background-color: #014486 !important;
    padding-top:      80px !important;
}
.mto-sobre-hero-bg {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    z-index: 0 !important;
}
.mto-sobre-hero-overlay {
    position: absolute !important; inset: 0 !important;
    background: rgba(1,68,134,0.60) !important; z-index: 1 !important;
}
.mto-sobre-hero-content { position: relative !important; z-index: 2 !important; width: 100% !important; }
.mto-sobre-hero-grid {
    display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center;
}
@media (min-width: 1024px) {
    .mto-sobre-hero-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
    .mto-sobre-hero-col-vazia { display: block; }
}
.mto-sobre-hero-col-vazia { display: none; }
.mto-sobre-hero-titulo {
    font-size:      clamp(28px, 4vw, 48px) !important;
    font-weight:    700 !important;
    color:          #fff !important;
    text-transform: uppercase !important;
    line-height:    1.15 !important;
    margin-bottom:  24px !important;
}
.mto-sobre-hero-sub {
    display:     block !important;
    font-size:   clamp(18px, 2.5vw, 30px) !important;
    font-weight: 400 !important;
    margin-top:  8px !important;
    max-width:   580px !important;
    line-height: 1.3 !important;
}
.mto-sobre-hero-p {
    font-size:     clamp(16px, 1.8vw, 18px) !important;
    color:         #fff !important;
    line-height:   1.65 !important;
    margin-bottom: 16px !important;
}
.mto-sobre-hero-btn {
    display:         inline-flex;
    align-items:     center;
    background:      var(--mto-secondary);
    color:           #fff;
    padding:         20px 40px;
    font-size:       14px;
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  -0.02em;
    text-decoration: none;
    transition:      background 0.3s ease;
    margin-top:      8px;
}
.mto-sobre-hero-btn:hover { background: #5ca0cf; color: #fff; }

/* 2. Quem Somos */
.mto-sobre-qs {
    position:   relative;
    padding-block: 96px;
    overflow:   hidden;
    background: #000;
    color:      #fff;
    cursor:     pointer;
    border-top: 1px solid rgba(255,255,255,0.10);
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.mto-sobre-qs-video-bg {
    position: absolute; inset: 0; overflow: hidden; pointer-events: none;
}
.mto-sobre-qs-iframe {
    position: absolute; top: 50%; left: 50%;
    width: 177.78vh; height: 56.25vw;
    min-width: 100%; min-height: 100%;
    transform: translate(-50%,-50%);
    opacity: 0.50; filter: brightness(0.75);
    pointer-events: none; border: 0;
}
.mto-sobre-qs-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0.75), rgba(0,0,0,0.60));
}
.mto-sobre-qs-content { position: relative; z-index: 1; width: 100%; }
.mto-sobre-qs-grid {
    display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center;
}
@media (min-width: 1024px) {
    .mto-sobre-qs-grid { grid-template-columns: 8fr 4fr; }
}
.mto-sobre-qs-titulo {
    font-size:     clamp(24px, 3vw, 36px);
    font-weight:   700;
    color:         #fff;
    margin-bottom: 24px;
    text-shadow:   0 1px 3px rgba(0,0,0,0.3);
}
.mto-sobre-qs-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #fff;
    line-height:   1.65;
    margin-bottom: 16px;
    text-shadow:   0 1px 2px rgba(0,0,0,0.2);
}
.mto-sobre-qs-play-col {
    display:         flex;
    flex-direction:  column;
    align-items:     flex-end;
    justify-content: center;
}
.mto-sobre-qs-play-btn {
    display:        inline-flex;
    align-items:    center;
    gap:            12px;
    padding:        10px 16px;
    background:     rgba(0,0,0,0.40);
    backdrop-filter: blur(4px);
    border:         1px solid rgba(255,255,255,0.30);
    border-radius:  99px !important;
    color:          #fff;
    font-size:      11px;
    font-weight:    500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor:         pointer;
    transition:     background 0.3s ease, border-color 0.3s ease;
    font-family:    var(--mto-font);
}
.mto-sobre-qs-play-btn:hover {
    background:   rgba(0,0,0,0.60);
    border-color: rgba(255,255,255,0.60);
}
.mto-sobre-qs-play-icon {
    width:           28px;
    height:          28px;
    border-radius:   50% !important;
    background:      rgba(255,255,255,0.20);
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-shrink:     0;
}

/* Modal de vídeo */
.mto-video-modal {
    position: fixed; inset: 0; z-index: 99999;
    display:  flex; align-items: center; justify-content: center;
    padding:  16px;
}
.mto-video-modal[hidden] { display: none; }
.mto-video-modal-backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.90);
    backdrop-filter: blur(8px);
}
.mto-video-modal-inner {
    position:     relative;
    width:        100%;
    max-width:    1024px;
    aspect-ratio: 16/9;
    background:   #000;
    border:       1px solid rgba(255,255,255,0.20);
    z-index:      1;
}
.mto-video-modal-close {
    position:        absolute;
    top:             12px;
    right:           12px;
    z-index:         10;
    width:           40px;
    height:          40px;
    background:      rgba(0,0,0,0.80);
    border:          1px solid rgba(255,255,255,0.20);
    color:           #fff;
    display:         flex;
    align-items:     center;
    justify-content: center;
    cursor:          pointer;
    transition:      background 0.2s ease;
    font-family:     var(--mto-font);
}
.mto-video-modal-close:hover { background: #014486; }
.mto-video-modal-player { width: 100%; height: 100%; }
.mto-video-modal-iframe { width: 100%; height: 100%; border: 0; }

/* 3. História */
.mto-sobre-historia {
    position:   relative;
    padding-block: 64px 96px;
    background: var(--mto-secondary);
    overflow:   hidden;
    color:      #fff;
}
.mto-sobre-historia-dots {
    position:   absolute;
    inset:      0;
    background: radial-gradient(#fff 1.5px, transparent 1.5px);
    background-size: 20px 20px;
    opacity:    0.15;
    pointer-events: none;
}
.mto-sobre-historia-inner { position: relative; z-index: 1; }
.mto-sobre-historia-header { text-align: center; margin-bottom: 64px; }
.mto-sobre-historia-label {
    display:        block;
    font-size:      12px;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color:          rgba(255,255,255,0.90);
    margin-bottom:  8px;
}
.mto-sobre-historia-titulo {
    font-size:      clamp(22px, 3vw, 36px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.mto-sobre-historia-imgs { max-width: 1200px; margin: 0 auto; }
.mto-sobre-historia-img-d { display: none; width: 100%; height: auto; object-fit: contain; }
.mto-sobre-historia-img-m { display: block; width: 100%; height: auto; object-fit: contain; }
@media (min-width: 768px) {
    .mto-sobre-historia-img-d { display: block; }
    .mto-sobre-historia-img-m { display: none; }
}

/* 4. Valores — reutiliza mto-sobre-valores + mto-sm-pq-card */
.mto-sobre-valores {
    padding-block:    96px;
    background-color: var(--mto-primary);
    position:         relative;
    overflow:         hidden;
}
.mto-sobre-valores-header { text-align: center; margin-bottom: 64px; }
.mto-sobre-valores-titulo {
    font-size:      clamp(22px, 3vw, 32px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
}
.mto-sobre-valores-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
    align-items:           stretch;
}
@media (min-width: 768px)  { .mto-sobre-valores-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-sobre-valores-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } }

/* 5. Segmentos */
.mto-sobre-segmentos { padding-block: 64px 96px; background: #fff; }
.mto-sobre-segs-grid {
    display:     grid;
    gap:         40px 64px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-sobre-segs-grid { grid-template-columns: 1fr 1fr; } }
.mto-sobre-segs-titulo {
    font-size:     clamp(22px, 2.5vw, 36px);
    font-weight:   700;
    color:         #014486;
    margin-bottom: 24px;
    line-height:   1.25;
}
.mto-sobre-segs-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #333;
    line-height:   1.65;
    margin-bottom: 24px;
}
.mto-sobre-segs-sub {
    font-size:     clamp(16px, 1.8vw, 18px);
    font-weight:   600;
    color:         #014486;
    margin-bottom: 16px;
}
.mto-sobre-segs-list {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   12px;
    margin-bottom:         32px;
    list-style:            none;
}
@media (min-width: 640px) { .mto-sobre-segs-list { grid-template-columns: repeat(2, 1fr); } }
.mto-sobre-segs-item {
    display:     flex;
    align-items: flex-start;
    gap:         10px;
    font-size:   clamp(14px, 1.5vw, 16px);
    color:       #333;
}
.mto-sobre-segs-icon { color: var(--mto-secondary); flex-shrink: 0; margin-top: 2px; }
.mto-sobre-segs-btn {
    display:         inline-flex;
    align-items:     center;
    background:      #014486;
    color:           #fff;
    padding:         16px 32px;
    font-size:       14px;
    font-weight:     700;
    text-decoration: none;
    transition:      background 0.3s ease;
}
.mto-sobre-segs-btn:hover { background: var(--mto-secondary); color: #fff; }
.mto-sobre-segs-img { width: 100%; max-width: 512px; height: auto; object-fit: contain; }

/* 6. Estrutura (slideshow) */
.mto-sobre-estrutura {
    position:   relative;
    padding-block: 80px 112px;
    overflow:   hidden;
    background: #000;
    color:      #fff;
    min-height: 480px;
}
.mto-sobre-est-slides { position: absolute; inset: 0; }
.mto-sobre-est-slide {
    position: absolute; inset: 0;
    opacity:  0;
    transition: opacity 1.2s ease;
}
.mto-sobre-est-slide.is-active { opacity: 1; }
.mto-sobre-est-img {
    width: 100%; height: 100%; object-fit: cover;
}
.mto-sobre-est-overlay {
    position:   absolute;
    inset:      0;
    background: linear-gradient(to right, rgba(0,0,0,0.80), rgba(0,0,0,0.65), rgba(0,0,0,0.40));
    pointer-events: none;
}
.mto-sobre-est-content { position: relative; z-index: 1; width: 100%; }
.mto-sobre-est-texto { max-width: 768px; text-align: left; }
.mto-sobre-est-titulo {
    font-size:     clamp(22px, 3vw, 36px);
    font-weight:   700;
    color:         #fff;
    margin-bottom: 24px;
    line-height:   1.25;
    text-shadow:   0 1px 3px rgba(0,0,0,0.3);
}
.mto-sobre-est-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #fff;
    line-height:   1.65;
    margin-bottom: 16px;
    text-shadow:   0 1px 2px rgba(0,0,0,0.2);
}

/* 7. Nossos Números */
.mto-sobre-numeros { padding-block: 64px 96px; background: #fff; }
.mto-sobre-nums-header { max-width: 768px; margin-bottom: 48px; }
.mto-sobre-nums-titulo {
    font-size:   clamp(22px, 3vw, 36px);
    font-weight: 700;
    color:       #014486;
}
.mto-sobre-nums-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
    align-items:           stretch;
}
@media (min-width: 640px)  { .mto-sobre-nums-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-sobre-nums-grid { grid-template-columns: repeat(4, 1fr); gap: 32px; } }

.mto-sobre-num-card {
    position:        relative;
    overflow:        hidden;
    background:      var(--mto-secondary);
    padding:         24px 32px;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    text-align:      left;
    border:          1px solid rgba(255,255,255,0.20);
    box-shadow:      0 4px 12px rgba(0,0,0,0.10);
    transition:      box-shadow 0.3s ease, transform 0.3s ease;
    cursor:          pointer;
}
.mto-sobre-num-card:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    transform:  translateY(-4px);
}
/* Shine effect */
.mto-sobre-num-card::before {
    content:    '';
    position:   absolute;
    top:        0;
    left:       -100%;
    width:      75%;
    height:     100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.35), transparent);
    transform:  skewX(-25deg);
    transition: left 1s ease;
    pointer-events: none;
}
.mto-sobre-num-card:hover::before { left: 150%; }
.mto-sobre-num-valor {
    font-size:     clamp(24px, 3vw, 40px);
    font-weight:   700;
    color:         #fff;
    margin-bottom: 12px;
    line-height:   1;
    position:      relative;
    z-index:       1;
}
.mto-sobre-num-label {
    font-size:  clamp(14px, 1.5vw, 16px);
    color:      rgba(255,255,255,0.90);
    line-height: 1.4;
    font-weight: 400;
    position:   relative;
    z-index:    1;
}

/* 8. Presença Nacional */
.mto-sobre-presenca { padding-block: 64px 96px; background: var(--mto-secondary); }
.mto-sobre-pres-grid {
    display:     grid;
    gap:         40px 64px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-sobre-pres-grid { grid-template-columns: 1fr 1fr; } }
.mto-sobre-pres-titulo {
    font-size:     clamp(22px, 2.5vw, 36px);
    font-weight:   700;
    color:         #fff;
    margin-bottom: 24px;
    line-height:   1.25;
}
.mto-sobre-pres-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         rgba(255,255,255,0.95);
    line-height:   1.65;
    margin-bottom: 16px;
}
.mto-sobre-pres-img { width: 100%; max-width: 576px; height: auto; object-fit: contain; }

/* ================================================================
   PÁGINA — Contato
   ================================================================ */

/* 1. Hero */
.mto-contato-hero {
    position:         relative !important;
    height:           700px !important;
    min-height:       700px !important;
    display:          flex !important;
    align-items:      center !important;
    overflow:         hidden !important;
    background-color: #014486 !important;
    padding-top:      80px !important;
}
.mto-contato-hero-bg {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    z-index: 0 !important;
}
.mto-contato-hero-overlay {
    position: absolute !important; inset: 0 !important;
    background: rgba(1,68,134,0.60) !important; z-index: 1 !important;
}
.mto-contato-hero-content { position: relative !important; z-index: 2 !important; width: 100% !important; }
.mto-contato-hero-grid {
    display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center;
}
@media (min-width: 1024px) {
    .mto-contato-hero-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
    .mto-contato-hero-col-vazia { display: block; }
}
.mto-contato-hero-col-vazia { display: none; }
.mto-contato-hero-titulo {
    font-size:      clamp(28px, 4vw, 48px) !important;
    font-weight:    700 !important;
    color:          #fff !important;
    text-transform: uppercase !important;
    line-height:    1.15 !important;
    margin-bottom:  24px !important;
}
.mto-contato-hero-p {
    font-size:     clamp(16px, 1.8vw, 20px) !important;
    color:         #fff !important;
    line-height:   1.65 !important;
    margin-bottom: 16px !important;
}

/* 2. Como Podemos Ajudar */
.mto-contato-como-ajudar {
    padding-block:    64px;
    background-color: #F0F3F5;
    border-bottom:    1px solid #E5E7EB;
}
.mto-contato-ca-header { text-align: center; max-width: 768px; margin: 0 auto 48px; }
.mto-contato-ca-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    color:          #014486;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}
.mto-contato-ca-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
    align-items:           stretch;
}
@media (min-width: 640px)  { .mto-contato-ca-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-contato-ca-grid { grid-template-columns: repeat(4, 1fr); } }

/* Card: bg-white p-6 md:p-8 border border-[#E5E7EB] */
.mto-contato-ca-card {
    background:      #fff;
    padding:         24px 32px;
    border:          1px solid #E5E7EB;
    box-shadow:      0 1px 2px rgba(0,0,0,0.04);
    position:        relative;
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
    overflow:        hidden;
    transition:      box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    height:          100%;
}
.mto-contato-ca-card:hover {
    box-shadow:   0 20px 40px rgba(0,0,0,0.10);
    transform:    translateY(-4px);
    border-color: rgba(109,176,223,0.20);
}
/* Ícone: p-3 bg-[#F0F3F5] border border-[#E5E7EB] w-fit */
.mto-contato-ca-icon {
    display:          inline-flex;
    align-items:      center;
    justify-content:  center;
    padding:          12px;
    background:       #F0F3F5;
    border:           1px solid #E5E7EB;
    color:            var(--mto-secondary);
    margin-bottom:    16px;
    transition:       background 0.3s ease;
}
.mto-contato-ca-card:hover .mto-contato-ca-icon { background: rgba(109,176,223,0.15); }
.mto-contato-ca-card-titulo {
    font-size:     18px;
    font-weight:   700;
    color:         #014486;
    margin-bottom: 8px;
    transition:    color 0.3s ease;
}
.mto-contato-ca-card:hover .mto-contato-ca-card-titulo { color: var(--mto-secondary); }
.mto-contato-ca-card-desc {
    font-size:   14px;
    color:       #6B7280;
    line-height: 1.65;
}

/* 4. Canais de Atendimento */
.mto-contato-canais {
    padding-block:    96px;
    background-color: #75BFBA;
}
.mto-contato-canais-header { text-align: center; margin-bottom: 64px; }
.mto-contato-canais-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
    margin-bottom:  16px;
}
.mto-contato-canais-sub { font-size: 18px; color: #fff; font-weight: 400; }
.mto-contato-canais-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   32px;
    align-items:           stretch;
}
@media (min-width: 768px) {
    .mto-contato-canais-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.mto-contato-canal-card {
    background:     #fff;
    padding:        40px;
    border:         1px solid #f3f4f6;
    box-shadow:     0 1px 3px rgba(0,0,0,0.06);
    text-align:     center;
    display:        flex;
    flex-direction: column;
    align-items:    center;
    width:          100%;
    min-width:      0;
    box-sizing:     border-box;
    transition:     box-shadow 0.3s ease, transform 0.3s ease;
}
.mto-contato-canal-card:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.10);
    transform:  translateY(-4px);
}
.mto-contato-canal-icon-wrap {
    margin-bottom:   24px;
    padding:         16px;
    background:      #f9fafb;
}
.mto-contato-canal-icon { color: #018E6D; }
.mto-contato-canal-titulo {
    font-size:      16px;
    font-weight:    700;
    color:          #018E6D;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom:  12px;
}
.mto-contato-canal-info {
    font-size:   20px;
    font-weight: 700;
    color:       #018E6D;
    margin-bottom: 12px;
    word-break:  break-word;
    overflow-wrap: break-word;
    width:       100%;
}
.mto-contato-canal-sub {
    font-size:   14px;
    color:       rgba(0,0,0,0.60);
    line-height: 1.65;
}

/* 5. Atendimento Específico */
.mto-contato-atendimento {
    padding-block:  96px;
    background:     #fff;
    border-top:     1px solid #f3f4f6;
    overflow:       hidden;
    position:       relative;
    text-align:     center;
}
.mto-contato-atend-bg-icon {
    position:       absolute;
    top:            50%;
    left:           50%;
    transform:      translate(-50%,-50%);
    opacity:        0.03;
    pointer-events: none;
    color:          var(--mto-primary);
}
.mto-contato-atend-inner { position: relative; z-index: 1; max-width: 768px; margin: 0 auto; }
.mto-contato-atend-titulo {
    font-size:      clamp(22px, 3vw, 36px);
    font-weight:    700;
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
    line-height:    1.25;
}
.mto-contato-atend-texto {
    font-size:     clamp(16px, 1.8vw, 20px);
    color:         #000;
    line-height:   1.65;
    margin-bottom: 48px;
}
.mto-contato-atend-btn {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    background:      var(--mto-secondary);
    color:           #fff;
    padding:         20px 48px;
    font-size:       14px;
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  -0.02em;
    text-decoration: none;
    transition:      background 0.3s ease;
}
.mto-contato-atend-btn:hover { background: var(--mto-primary); color: #fff; }

/* 6. Localização */
.mto-contato-localizacao {
    padding-block:    96px;
    background-color: var(--mto-secondary);
}
.mto-contato-loc-grid {
    display:     grid;
    gap:         40px 64px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-contato-loc-grid { grid-template-columns: 1fr 1fr; } }
.mto-contato-loc-titulo {
    font-size:     clamp(22px, 2.5vw, 30px);
    font-weight:   700;
    color:         #fff;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.mto-contato-loc-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #fff;
    line-height:   1.65;
    margin-bottom: 32px;
}
.mto-contato-loc-info { display: flex; flex-direction: column; gap: 32px; }
.mto-contato-loc-item { display: flex; align-items: flex-start; gap: 16px; }
.mto-contato-loc-icon-wrap {
    width:           40px;
    height:          40px;
    min-width:       40px;
    background:      #014486;
    display:         flex;
    align-items:     center;
    justify-content: center;
    color:           #fff;
    flex-shrink:     0;
}
.mto-contato-loc-item-label {
    font-size:      10px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color:          #fff;
    margin-bottom:  4px;
}
.mto-contato-loc-item-texto { color: #fff; font-size: 16px; line-height: 1.6; }
.mto-contato-loc-mapa {
    position:    relative;
    aspect-ratio: 1/1;
    overflow:    hidden;
    background:  #f3f4f6;
}
@media (max-width: 1023px) { .mto-contato-loc-mapa { aspect-ratio: 16/9; } }
.mto-contato-loc-iframe { width: 100%; height: 100%; border: 0; display: block; }

/* 7. FAQ Contato (accordion duplo) */
.mto-contato-faq {
    padding-block:    96px;
    background-color: #062e4c;
    border-block:     1px solid #f3f4f6;
}
.mto-contato-faq-inner { max-width: 896px; }
.mto-contato-faq-header { text-align: center; margin-bottom: 64px; }
.mto-contato-faq-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
}
.mto-contato-faq-grupos { display: flex; flex-direction: column; gap: 16px; }

/* Grupo */
.mto-contato-faq-grupo {
    background: #093a5e;
    border:     1px solid rgba(255,255,255,0.10);
    overflow:   hidden;
}
.mto-contato-faq-grupo-btn {
    width:           100%;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         20px 24px;
    background:      transparent;
    border:          none;
    color:           #fff;
    font-size:       clamp(15px, 1.8vw, 18px);
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  0.05em;
    cursor:          pointer;
    text-align:      left;
    font-family:     var(--mto-font);
    transition:      background 0.2s ease;
    gap:             16px;
}
.mto-contato-faq-grupo-btn:hover { background: #0c4773; }
.mto-contato-faq-grupo-btn svg { flex-shrink: 0; transition: transform 0.2s ease; }

/* Corpo do grupo */
.mto-contato-faq-grupo-body {
    padding:    8px 16px 16px;
    border-top: 1px solid rgba(255,255,255,0.10);
    display:    flex;
    flex-direction: column;
    gap:        12px;
}
.mto-contato-faq-grupo-body[hidden] { display: none; }

/* Item de pergunta */
.mto-contato-faq-item { background: #97dcfe; overflow: hidden; }
.mto-contato-faq-item-btn {
    width:           100%;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         20px 24px;
    background:      transparent;
    border:          none;
    color:           #062e4c;
    font-size:       clamp(14px, 1.6vw, 16px);
    font-weight:     700;
    cursor:          pointer;
    text-align:      left;
    font-family:     var(--mto-font);
    gap:             16px;
    line-height:     1.4;
}
.mto-contato-faq-item-btn:hover { opacity: 0.95; }
.mto-contato-faq-item-btn svg { flex-shrink: 0; transition: transform 0.2s ease; }
.mto-contato-faq-item-body {
    padding:     0 24px 24px;
    color:       #062e4c;
    font-size:   clamp(14px, 1.5vw, 16px);
    font-weight: 500;
    line-height: 1.65;
}
.mto-contato-faq-item-body[hidden] { display: none; }

/* ================================================================
   PÁGINA — Nossos Produtos (SolutionsPage)
   ================================================================ */

/* 1. Hero */
.mto-produtos-hero {
    position:         relative !important;
    height:           700px !important;
    min-height:       700px !important;
    display:          flex !important;
    align-items:      center !important;
    overflow:         hidden !important;
    background-color: #014486 !important;
    padding-top:      80px !important;
}
.mto-produtos-hero-bg {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    z-index: 0 !important;
}
.mto-produtos-hero-overlay {
    position: absolute !important; inset: 0 !important;
    background: rgba(1,68,134,0.60) !important; z-index: 1 !important;
}
.mto-produtos-hero-content { position: relative !important; z-index: 2 !important; width: 100% !important; }
.mto-produtos-hero-grid {
    display:     grid;
    gap:         48px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-produtos-hero-grid { grid-template-columns: 1fr 1fr; gap: 48px; } }
.mto-produtos-hero-titulo {
    font-size:      clamp(28px, 4vw, 48px) !important;
    font-weight:    700 !important;
    color:          #fff !important;
    text-transform: uppercase !important;
    line-height:    1.15 !important;
    margin-bottom:  24px !important;
}
.mto-produtos-hero-p {
    font-size:   clamp(16px, 1.8vw, 20px) !important;
    color:       #fff !important;
    line-height: 1.65 !important;
}
.mto-produtos-hero-img-col {
    display:         flex;
    justify-content: center;
    align-items:     center;
}
.mto-produtos-hero-img-dir {
    max-height:  480px;
    width:       100%;
    object-fit:  contain;
}

/* 2. Intro */
.mto-produtos-intro {
    padding-block:  64px;
    background:     #f8f9fa;
    border-block:   1px solid #f3f4f6;
}
.mto-produtos-intro-inner { text-align: center; max-width: 896px; margin: 0 auto; }
.mto-produtos-intro-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
}
.mto-produtos-intro-p {
    font-size:   clamp(16px, 1.8vw, 18px);
    color:       #000;
    line-height: 1.65;
}

/* 3. Grid de Categorias */
.mto-produtos-cats { padding-block: 96px; background: #F8F9FA; border-bottom: 1px solid #f3f4f6; }
.mto-produtos-cats-grid {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   24px;
    align-items:           stretch;
}
@media (min-width: 640px)  { .mto-produtos-cats-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .mto-produtos-cats-grid { grid-template-columns: repeat(4, 1fr); } }

/* Card categoria */
.mto-produtos-cat-card {
    background:      #fff;
    border:          1px solid #f3f4f6;
    box-shadow:      0 1px 3px rgba(0,0,0,0.06);
    display:         flex;
    flex-direction:  column;
    height:          100%;
    overflow:        hidden;
    text-decoration: none;
    transition:      box-shadow 0.3s ease;
}
.mto-produtos-cat-card:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.10); }

/* Imagem: aspect-square */
.mto-produtos-cat-img-wrap {
    position:    relative;
    aspect-ratio: 1/1;
    overflow:    hidden;
    background:  #f9fafb;
    border-bottom: 1px solid #f9fafb;
}
.mto-produtos-cat-img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}
.mto-produtos-cat-card:hover .mto-produtos-cat-img { transform: scale(1.05); }

/* Corpo */
.mto-produtos-cat-body {
    padding:        32px;
    display:        flex;
    flex-direction: column;
    flex-grow:      1;
    text-align:     left;
}
.mto-produtos-cat-titulo {
    font-size:     clamp(15px, 1.6vw, 18px);
    font-weight:   700;
    color:         var(--mto-primary);
    text-transform: uppercase;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}
.mto-produtos-cat-texto {
    font-size:     14px;
    color:         #4b5563;
    line-height:   1.65;
    margin-bottom: 24px;
    flex-grow:     1;
}
.mto-produtos-cat-link {
    display:     inline-flex;
    align-items: center;
    gap:         6px;
    font-size:   12px;
    font-weight: 700;
    color:       var(--mto-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition:  gap 0.3s ease;
    margin-top:  auto;
}
.mto-produtos-cat-card:hover .mto-produtos-cat-link { gap: 10px; }

/* 4. Embalagens */
.mto-produtos-embalagens {
    padding-block:    96px;
    background-color: #333333;
    color:            #fff;
}
.mto-produtos-emb-grid {
    display:     grid;
    gap:         64px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-produtos-emb-grid { grid-template-columns: 1fr 1fr; } }
.mto-produtos-emb-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    color:          #fff;
    text-transform: uppercase;
    margin-bottom:  24px;
}
.mto-produtos-emb-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         rgba(255,255,255,0.90);
    line-height:   1.65;
    margin-bottom: 32px;
}
.mto-produtos-emb-list { list-style: none; display: flex; flex-direction: column; gap: 16px; }
.mto-produtos-emb-item { display: flex; align-items: center; gap: 12px; }
.mto-produtos-emb-check { color: #97DCFE; font-weight: 700; font-size: 18px; flex-shrink: 0; }
.mto-produtos-emb-item span:last-child { color: #fff; font-weight: 600; font-size: 16px; }
.mto-produtos-emb-img { width: 120%; max-width: none; object-fit: contain; }

/* 6. Sua Marca bloco branco */
.mto-produtos-sua-marca { padding-block: 96px; background: #fff; overflow: hidden; }
.mto-produtos-sm-grid {
    display:     grid;
    gap:         64px;
    align-items: center;
}
@media (min-width: 1024px) { .mto-produtos-sm-grid { grid-template-columns: 1fr 1fr; } }
.mto-produtos-sm-img { width: 100%; height: auto; }
.mto-produtos-sm-titulo {
    font-size:      clamp(22px, 2.5vw, 30px);
    font-weight:    700;
    color:          var(--mto-primary);
    text-transform: uppercase;
    margin-bottom:  24px;
}
.mto-produtos-sm-p {
    font-size:     clamp(16px, 1.8vw, 18px);
    color:         #000;
    line-height:   1.65;
    margin-bottom: 32px;
}
.mto-produtos-sm-btn {
    display:         inline-block;
    background:      var(--mto-primary);
    color:           #fff;
    padding:         20px 40px;
    font-size:       12px;
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  0.05em;
    text-decoration: none;
    transition:      background 0.3s ease;
}
.mto-produtos-sm-btn:hover { background: var(--mto-secondary); color: #fff; }

/* 7. Formulário */
.mto-produtos-form-section { padding-block: 96px; }