/*
Theme Name: AutoAI Theme
Theme URI: https://autoai.voxcin.com.au
Author: Voxcin Digital Creator
Description: Tema base minimalista para desenvolvimento do AutoAI.
Version: 1.0
*/

/* ============================
   LISTA DE NOTÍCIAS
============================ */
.lista-noticias {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: Verdana, sans-serif;
}

.lista-header h1 {
    font-size: 32px;
    margin-bottom: 30px;
}

.noticias-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.noticia-item h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.noticia-item h2 a {
    text-decoration: none;
    color: #0056b3;
}

.noticia-item h2 a:hover {
    text-decoration: underline;
}

.noticia-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.noticia-excerpt {
    font-size: 16px;
    line-height: 1.6;
}

.single-post .featured-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.single-post h1 {
    color: #0000ff;
}

/* ============================
   BLOCO VEJA MAIS
============================ */
.veja-mais-bloco {
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
    font-size: inherit;
}

.veja-mais-bloco h3 {
    margin-bottom: 15px;
    font-size: 22px;
    color: #0000ff;
}

.veja-mais-bloco ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.veja-mais-bloco ul li {
    margin-bottom: 10px;
}

.veja-mais-bloco ul li a {
    color: #0000ff;
    text-decoration: none;
    font-weight: 500;
}

.veja-mais-bloco ul li a:hover {
    text-decoration: underline;
}

/* ============================
   VEJA TAMBÉM — PREMIUM
============================ */
.veja-container {
    margin-top: 50px;
    padding: 20px;
    border-top: 4px solid #0056b3;
    background: #f9fbff;
    border-radius: 6px;
}

.veja-title {
    color: #0056b3;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}

.veja-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 20px;
    padding-bottom: 10px;
}

@media(max-width: 600px) {
    .veja-slider {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

.veja-card {
    min-width: 260px;
    max-width: 260px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
    text-decoration: none;
}

.veja-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.veja-thumb {
    width: 100%;
    height: 150px;
    object-fit: cover;
    background: #eaeaea;
}

.veja-card-title {
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
    color: #0056b3;
    line-height: 1.3;
}

.veja-card-excerpt {
    padding: 0 15px 15px;
    font-size: 15px;
    color: #444;
    line-height: 1.4;
}

.veja-cat {
    display: inline-block;
    margin: 10px 15px 0;
    padding: 4px 10px;
    background: #0056b3;
    color: white;
    font-size: 12px;
    border-radius: 4px;
}

.veja-btn {
    display: block;
    margin: 15px;
    padding: 10px;
    text-align: center;
    background: #0056b3;
    color: white;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s;
}

.veja-btn:hover {
    background: #003f80;
}

/* ============================
   SEÇÕES HOME
============================ */
.home-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 70px 20px;
    font-size: 22px;
    line-height: 1.6;
}

.home-section h2 {
    font-size: 40px;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 700;
}

.home-section ul {
    margin: 25px auto;
    max-width: 700px;
}

.home-section ul li {
    margin-bottom: 14px;
    font-size: 22px;
}

.faq details {
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.faq summary {
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
}

.footer-section {
    padding: 100px 20px;
    text-align: center;
    font-size: 22px;
}

/* ============================
   HERO CAROUSEL (PREMIUM)
============================ */
.hero-carousel {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    z-index: 10;
}

.carousel-container {
    position: relative;
    height: 100%;
}

.carousel-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;

    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-slide.active {
    opacity: 1;
    z-index: 2;
}

/* Overlay leve */
.carousel-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.25),
        rgba(0,0,0,0.45)
    );
    z-index: 1;
}

/* Texto centralizado */
.carousel-content {
    position: relative;
    max-width: 80%;
    text-align: center;
    color: #fff;
    z-index: 2;

    opacity: 0;
    animation: fadeInUp 1.2s ease forwards;
    animation-delay: 0.3s;
}

/* Título vermelho institucional */
.carousel-content h1 {
    color: #ff0000;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

/* Subtítulo */
.carousel-content p {
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}

/* Botão */
.cta-btn {
    display: inline-block;
    background-color: #0077b6;
    color: #fff;
    padding: 0.9rem 1.8rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.cta-btn:hover {
    background-color: #005f8a;
}

/* Navegação */
.carousel-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 3;
}

.carousel-nav span {
    cursor: pointer;
    font-size: 2.5rem;
    color: #fff;
    padding: 0 1rem;
    user-select: none;
    transition: color 0.3s ease;
}

.carousel-nav span:hover {
    color: #0077b6;
}

/* Bullets */
.carousel-bullets {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 3;
}

.carousel-bullets .bullet {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.6);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
}

.carousel-bullets .bullet.active {
    background: #0077b6;
}

/* ============================
   ANIMAÇÃO
============================ */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ============================
   RESPONSIVIDADE
============================ */
@media (max-width: 1024px) {
    .hero-carousel { height: 75vh; }
    .carousel-content h1 { font-size: 2.2rem; }
}

@media (max-width: 768px) {
    .hero-carousel { height: 70vh; }
    .carousel-content h1 { font-size: 1.8rem; }
}

@media (max-width: 480px) {
    .hero-carousel { height: 65vh; }
    .carousel-content h1 { font-size: 1.45rem; }
}
/* H1 branco apenas no slide da família */
.carousel-slide[style*="family.jpg"] .carousel-content h1 {
    color: #ffffff !important;
}
/* ============================
   SEÇÃO PREMIUM — DIFERENCIAIS MQUALITY
============================ */
.unique-mquality {
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
    text-align: center;
}

.unique-mquality h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 50px;
}

.unique-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.unique-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform .25s ease, box-shadow .25s ease;
    text-align: left;
}

.unique-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}






.unique-mquality h2 {
    color: #ff0000 !important;
}
/* Ícones dos cards */
.unique-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.unique-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.unique-card {
    text-align: center;
}

.unique-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.unique-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* ============================
   LINHA DO TEMPO MIGRATÓRIA
============================ */

.timeline-mquality {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
    text-align: center;
}

.timeline-mquality h2 {
    font-size: 42px;
    font-weight: 700;
    color: #ff0000;
    margin-bottom: 60px;
}

.timeline-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 40px;
}

.timeline-step {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

.timeline-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.timeline-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px auto;
}

.timeline-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ============================
   DEPOIMENTOS — VISUAL PREMIUM (LIMPO)
============================ */

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.testimonial-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease;
}

.testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 36px rgba(0,0,0,0.15);
}

/* THUMB */
.testimonial-thumb {
    position: relative;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin: 0 auto 25px auto;
}

.testimonial-thumb iframe {
    width: 100%;
    height: 315px;
    display: block;
    border: none;
}




/* MOBILE */
@media (max-width: 768px) {
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================
   COMO PODEMOS AJUDAR VOCÊ
============================ */

.services-mquality {
    max-width: 1200px;
    margin: 120px auto;
    padding: 0 20px;
    text-align: center;
}

.services-mquality h2 {
    font-size: 48px;
    font-weight: 700;
    color: #ff0000;
    margin-bottom: 20px;
}

.services-subtitle {
    font-size: 22px;
    color: #0000ff;
    margin-bottom: 60px;
}

/* GRID — 3 colunas em desktop */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* CARD */
.service-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    transition: transform .25s ease, box-shadow .25s ease;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 36px rgba(0,0,0,0.15);
}

/* ÍCONES */
.service-icon {
    font-size: 48px;
    margin-bottom: 20px;
}





/* RESPONSIVO */
@media (max-width: 992px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}
/* ============================
   CTA FINAL — CINEMATOGRÁFICA
============================ */

.cta-final-mq {
    position: relative;
    background: url('https://www.mquality.com.br/images/12apostlessml.jpg') center/cover no-repeat;
    padding: 140px 20px;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    margin: 120px auto;
    max-width: 1400px;
}

.cta-final-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.4), rgba(0,0,0,0.75));
}

.cta-final-content {
    position: relative;
    z-index: 2;
    color: #fff;
}

.cta-final-content h2 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}

.cta-final-content p {
    font-size: 22px;
    margin-bottom: 40px;
}

/* Botão principal */
.cta-final-btn {
    display: inline-block;
    background: #ff0000;
    color: #fff;
    padding: 18px 40px;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    transition: background .25s ease;
}

.cta-final-btn:hover {
    background: #cc0000;
}

/* Botão WhatsApp com SVG embutido */
.cta-final-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    background: #25d366;
    padding: 16px 32px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.cta-final-whatsapp::before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 .667C7.64.667.667 7.64.667 16c0 2.82.747 5.57 2.16 7.98L.667 31.333l7.52-2.093A15.24 15.24 0 0 0 16 31.333c8.36 0 15.333-6.973 15.333-15.333S24.36.667 16 .667zm0 27.306c-2.52 0-4.973-.667-7.093-1.933l-.507-.293-4.467 1.24 1.2-4.36-.32-.533A12.7 12.7 0 0 1 3.333 16c0-7 5.667-12.667 12.667-12.667S28.667 9 28.667 16 23 27.973 16 27.973zm7.053-9.24c-.387-.2-2.293-1.133-2.653-1.267-.36-.133-.627-.2-.893.2-.267.4-1.027 1.267-1.267 1.533-.24.267-.467.3-.853.1-.387-.2-1.64-.6-3.12-1.92-1.153-1.027-1.933-2.293-2.16-2.68-.227-.387-.02-.6.173-.8.18-.18.387-.467.58-.7.193-.233.26-.4.393-.667.133-.267.067-.5-.033-.7-.1-.2-.893-2.147-1.227-2.94-.32-.773-.647-.667-.893-.667-.227 0-.487-.033-.747-.033-.26 0-.68.1-1.04.5-.36.4-1.373 1.34-1.373 3.267 0 1.927 1.407 3.787 1.6 4.053.193.267 2.773 4.233 6.733 5.933 3.96 1.7 3.96 1.133 4.667 1.067.707-.067 2.293-.933 2.613-1.84.32-.907.32-1.687.227-1.853-.093-.167-.347-.267-.733-.467z'/%3E%3C/svg%3E");
}

.cta-final-whatsapp:hover {
    background: #1ebd5a;
}


/* ============================
   CTA FINAL — ESTILO PREMIUM
   ============================ */

.cta-final {
    background: linear-gradient(135deg, #004aad, #012b5b);
    padding: 80px 20px;
    text-align: center;
    color: white;
}

.cta-final-container {
    max-width: 900px;
    margin: 0 auto;
}

.cta-final h2 {
    font-size: 2.2rem;
    margin-bottom: 15px;
    font-weight: 700;
}

.cta-final p {
    font-size: 1.2rem;
    margin-bottom: 35px;
    opacity: 0.9;
}

.cta-final-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

/* Botão principal */
.btn-primary {
    background: #ff0000;
    color: white;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.btn-primary:hover {
    background: #cc0000;
}

/* Botão WhatsApp */
.btn-whatsapp {
    background: #25d366;
    color: white;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
}

.btn-whatsapp img {
    width: 26px;
    height: 26px;
}

.btn-whatsapp:hover {
    background: #1ebd5a;
}

/* MOBILE */
@media (max-width: 480px) {
    .cta-final h2 {
        font-size: 1.7rem;
    }

    .cta-final p {
        font-size: 1rem;
    }

    .btn-primary,
    .btn-whatsapp {
        width: 100%;
        justify-content: center;
    }
}

/* ============================
   POR ONDE COMEÇAR?
============================ */

.start-here-mquality {
    max-width: 900px;
    margin: 120px auto;
    text-align: center;
    padding: 0 20px;
}

.start-here-mquality h2 {
    font-size: 46px;
    font-weight: 700;
    color: #ff0000;
    margin-bottom: 20px;
}

.start-here-subtitle {
    font-size: 22px;
    color: #0000ff;
    margin-bottom: 40px;
}

.start-here-btn {
    display: inline-block;
    background: #0000ff;
    color: #fff;
    padding: 18px 40px;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    transition: background .25s ease;
}

.start-here-btn:hover {
    background: #0000cc;
}
/* ============================
   RODAPÉ INSTITUCIONAL PREMIUM
============================ */

.footer-mquality {
    background: #000;
    color: #fff;
    padding: 80px 20px 40px;
    margin-top: 120px;
}

.footer-grid {
    max-width: 1200px;
    margin: 0 auto 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.footer-col h3,
.footer-col h4 {
    color: #ff0000;
    font-size: 26px;
    margin-bottom: 20px;
}

.footer-col p,
.footer-col ul li {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-btn {
    display: inline-block;
    margin-top: 20px;
    background: #ff0000;
    color: #fff;
    padding: 14px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-size: 18px;
}

.footer-bottom {
    text-align: center;
    font-size: 16px;
    color: #aaa;
    margin-top: 40px;
}
/* ============================
   HERO CAROUSEL — MOBILE OPTIMIZADO (CLONE AUTOAI)
   ============================ */
@media (max-width: 480px) {

    /* Ajusta altura e proporção */
    .hero-carousel {
        height: 70vh;
        min-height: 480px;
    }

    /* Mantém foco no rosto e Opera House */
    .carousel-slide:first-child {
        background-image: url('https://autoai.voxcin.com.au/images/myselfopera4-mobile-4x5.jpg') !important;
        background-position: right center !important;
        background-size: cover;
    }

    /* Conteúdo mais compacto e legível */
    .carousel-content {
        max-width: 90%;
        left: 5%;
        bottom: 15%;
        text-align: left;
    }

    .carousel-content h1 {
        font-size: 1.4rem;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .carousel-content p {
        font-size: 1rem;
        margin-bottom: 12px;
    }

    .cta-btn {
        font-size: 1rem;
        padding: 10px 18px;
    }

    /* Bullets maiores e mais acessíveis */
    .carousel-bullets .bullet {
        width: 12px;
        height: 12px;
        margin: 0 4px;
    }

    /* Navegação ajustada para toque */
    .carousel-nav span {
        font-size: 22px;
        padding: 8px;
    }
}
/* ============================
   CTA FINAL — CORES AJUSTADAS
============================ */

.cta-final-mq h2 {
    color: #ff0000 !important; /* vermelho institucional */
}

.cta-final-mq p {
    color: #ffffff !important; /* branco puro */
}

/* ============================
   CTA FINAL — EFEITOS PREMIUM
============================ */

/* Stroke branco + sombra suave */
.cta-final-mq h2 {
    color: #ff0000;
    text-shadow:
        0 0 3px rgba(255,255,255,0.9),
        0 0 6px rgba(255,255,255,0.7);
}

/* Subtítulo com shadow suave */
.cta-final-mq p {
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0,0,0,0.55);
}

/* Fade-up cinematográfico */
.cta-final-mq .cta-final-content {
    opacity: 0;
    transform: translateY(25px);
    animation: fadeUpCta 1.2s ease forwards;
}

@keyframes fadeUpCta {
    0% { opacity: 0; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Modo inteligente de contraste */
.cta-final-mq[data-contrast="light"] h2,
.cta-final-mq[data-contrast="light"] p,
.cta-final-mq[data-contrast="light"] .cta-final-btn,
.cta-final-mq[data-contrast="light"] .cta-final-whatsapp {
    color: #000 !important;
    text-shadow: none !important;
}

.cta-final-mq[data-contrast="dark"] h2,
.cta-final-mq[data-contrast="dark"] p {
    color: #fff !important;
}
/* ============================
   CTA FINAL — EFEITOS PREMIUM
============================ */

/* Título vermelho com stroke leve azul escuro */
.cta-final-mq h2 {
    color: #ff0000;
    text-shadow:
        0 0 2px rgba(0,40,90,0.55),
        0 0 4px rgba(0,40,90,0.35);
}

/* Subtítulo branco com shadow forte */
.cta-final-mq p {
    color: #ffffff;
    text-shadow:
        0 3px 8px rgba(0,40,90,0.65),
        0 0 4px rgba(0,40,90,0.45);
}

/* Fade-up cinematográfico */
.cta-final-mq .cta-final-content {
    opacity: 0;
    transform: translateY(25px);
    animation: fadeUpCta 1.2s ease forwards;
}

@keyframes fadeUpCta {
    0% { opacity: 0; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}
/* ============================
   CTA FINAL — BOTÃO WHATSAPP PREMIUM
============================ */

.cta-final-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ff0000; /* vermelho institucional */
    color: #ffffff;
    padding: 16px 38px;
    border-radius: 50px; /* estilo pill */
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: background .25s ease;
}

/* Ícone WhatsApp branco (SVG inline, sem arquivo externo) */
.cta-final-whatsapp::before {
    content: "";
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 .667C7.64.667.667 7.64.667 16c0 2.82.747 5.57 2.16 7.98L.667 31.333l7.52-2.093A15.24 15.24 0 0 0 16 31.333c8.36 0 15.333-6.973 15.333-15.333S24.36.667 16 .667zm0 27.306c-2.52 0-4.973-.667-7.093-1.933l-.507-.293-4.467 1.24 1.2-4.36-.32-.533A12.7 12.7 0 0 1 3.333 16c0-7 5.667-12.667 12.667-12.667S28.667 9 28.667 16 23 27.973 16 27.973zm7.053-9.24c-.387-.2-2.293-1.133-2.653-1.267-.36-.133-.627-.2-.893.2-.267.4-1.027 1.267-1.267 1.533-.24.267-.467.3-.853.1-.387-.2-1.64-.6-3.12-1.92-1.153-1.027-1.933-2.293-2.16-2.68-.227-.387-.02-.6.173-.8.18-.18.387-.467.58-.7.193-.233.26-.4.393-.667.133-.267.067-.5-.033-.7-.1-.2-.893-2.147-1.227-2.94-.32-.773-.647-.667-.893-.667-.227 0-.487-.033-.747-.033-.26 0-.68.1-1.04.5-.36.4-1.373 1.34-1.373 3.267 0 1.927 1.407 3.787 1.6 4.053.193.267 2.773 4.233 6.733 5.933 3.96 1.7 3.96 1.133 4.667 1.067.707-.067 2.293-.933 2.613-1.84.32-.907.32-1.687.227-1.853-.093-.167-.347-.267-.733-.467z'/%3E%3C/svg%3E");
}

/* Hover */
.cta-final-whatsapp:hover {
    background: #cc0000; /* vermelho escurecido */
}

/* Mobile */
@media (max-width: 480px) {
    .cta-final-whatsapp {
        width: 100%;
        justify-content: center;
        font-size: 18px;
        padding: 14px 30px;
    }
}
/* ============================
   CTA FINAL — BOTÃO WHATSAPP PREMIUM (CORRIGIDO)
============================ */

.cta-final-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #ff0000;
    color: #ffffff;
    padding: 16px 38px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: background .25s ease;
    }

/* Ícone WhatsApp branco (SVG inline) */
.cta-final-whatsapp::before {
    content: "";
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 .667C7.64.667.667 7.64.667 16c0 2.82.747 5.57 2.16 7.98L.667 31.333l7.52-2.093A15.24 15.24 0 0 0 16 31.333c8.36 0 15.333-6.973 15.333-15.333S24.36.667 16 .667zm0 27.306c-2.52 0-4.973-.667-7.093-1.933l-.507-.293-4.467 1.24 1.2-4.36-.32-.533A12.7 12.7 0 0 1 3.333 16c0-7 5.667-12.667 12.667-12.667S28.667 9 28.667 16 23 27.973 16 27.973zm7.053-9.24c-.387-.2-2.293-1.133-2.653-1.267-.36-.133-.627-.2-.893.2-.267.4-1.027 1.267-1.267 1.533-.24.267-.467.3-.853.1-.387-.2-1.64-.6-3.12-1.92-1.153-1.027-1.933-2.293-2.16-2.68-.227-.387-.02-.6.173-.8.18-.18.387-.467.58-.7.193-.233.26-.4.393-.667.133-.267.067-.5-.033-.7-.1-.2-.893-2.147-1.227-2.94-.32-.773-.647-.667-.893-.667-.227 0-.487-.033-.747-.033-.26 0-.68.1-1.04.5-.36.4-1.373 1.34-1.373 3.267 0 1.927 1.407 3.787 1.6 4.053.193.267 2.773 4.233 6.733 5.933 3.96 1.7 3.96 1.133 4.667 1.067.707-.067 2.293-.933 2.613-1.84.32-.907.32-1.687.227-1.853-.093-.167-.347-.267-.733-.467z'/%3E%3C/svg%3E");
}

/* Hover */
.cta-final-whatsapp:hover {
    background: #cc0000;
}

/* ============================
   CTA FINAL — BOTÕES IGUAIS NO MOBILE
============================ */

@media (max-width: 480px) {

    .cta-final-mq .cta-final-btn,
    .cta-final-mq .cta-final-whatsapp {
        display: block;
        width: auto;              /* impede estouro */
        margin: 0 auto 14px auto; /* centraliza */
        padding: 14px 26px;       /* igual para ambos */
        font-size: 18px;          /* igual para ambos */
        text-align: center;
        border-radius: 50px;      /* pill */
    }

    .cta-final-mq .cta-final-whatsapp::before {
        width: 20px;
        height: 20px;
    }
}
/* ============================
   CARROSSEL — LEGIBILIDADE MOBILE PREMIUM
============================ */

@media (max-width: 480px) {

    /* Título maior e com stroke leve */
    .carousel-content h1 {
        font-size: 1.55rem !important;
        line-height: 1.35;
        text-shadow:
            0 0 2px rgba(0,40,90,0.55),
            0 0 4px rgba(0,40,90,0.35),
            0 3px 8px rgba(0,40,90,0.45);
    }

    /* Subtítulo maior e com sombra forte */
    .carousel-content p {
        font-size: 1.15rem !important;
        line-height: 1.45;
        text-shadow:
            0 3px 8px rgba(0,40,90,0.65),
            0 0 4px rgba(0,40,90,0.45);
    }

    /* Espaçamento interno para respirar */
    .carousel-content {
        padding: 0 18px;
    }
}
/* ============================
   POR QUE A MQUALITY É ÚNICA — VISUAL PREMIUM
============================ */

/* Grid mais espaçado */
.unique-grid {
    gap: 32px;
}

/* Cards mais elegantes */
.unique-card {
    padding: 28px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    text-align: center;
}

/* Ícones maiores */
.unique-card .unique-icon img {
    width: 80px;
    height: 80px;
    margin-bottom: 18px;
}





.unique-card .unique-link:hover {
    text-decoration: underline;
}

/* Mobile */
@media (max-width: 480px) {
    .unique-card {
        padding: 22px;
    }

    .unique-card .unique-icon img {
        width: 70px;
        height: 70px;
    }

    .unique-card h3 {
        font-size: 22px;
    }
}

.unique-card .unique-link:hover {
    text-decoration: underline;
}
/* Espaçamento premium entre cards */
.unique-grid {
    gap: 36px;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Espaçamento interno dos cards */
.unique-card {
    padding: 32px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}
@media (max-width: 480px) {
    .unique-card {
        padding: 24px;
    }
    .unique-grid {
        gap: 28px;
    }
}
/* ============================
   TIMELINE MIGRATÓRIA — VISUAL PREMIUM
============================ */

.timeline-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.timeline-step {
    background: #ffffff;
    padding: 36px 28px;
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    text-align: center;
    position: relative;
    transition: transform .25s ease, box-shadow .25s ease;
}

.timeline-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}

/* Número grande */
.timeline-number {
    font-size: 48px;
    font-weight: 800;
    color: #ff0000;
    margin-bottom: 12px;
}

/* Ícones maiores */
.timeline-icon img {
    width: 80px;
    height: 80px;
    margin-bottom: 18px;
}





/* MOBILE */
@media (max-width: 480px) {

    .timeline-step {
        padding: 28px 22px;
    }

    .timeline-number {
        font-size: 42px;
    }

    .timeline-icon img {
        width: 70px;
        height: 70px;
    }

   
}
/* ============================
   DEPOIMENTOS — VISUAL PREMIUM
============================ */

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.testimonial-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease;
}

.testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 36px rgba(0,0,0,0.15);
}

/* THUMB */
.testimonial-thumb {
    position: relative;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin: 0 auto 25px auto;
}

.testimonial-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* PLAY ICON — PNG TRANSPARENTE */
.testimonial-thumb .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    pointer-events: none;
    z-index: 10;
}

/* GARANTE QUE NENHUM FUNDO QUEBRE A TRANSPARÊNCIA */
.testimonial-card:hover .play-icon {
    background: none !important;
    transform: translate(-50%, -50%) scale(1.1);
}




/* MOBILE */
@media (max-width: 768px) {
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}


/* Ajuste correto para thumbs com <img> direto */
.testimonial-thumb {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

/* A imagem ocupa todo o espaço */
.testimonial-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* Ícone ▶ no canto inferior direito */
.testimonial-thumb .play-icon {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(255,0,0,0.9);
    color: #fff;
    font-size: 22px;
    padding: 8px 14px;
    border-radius: 50px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}
/* Thumb container */
.testimonial-thumb {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

/* A imagem ocupa toda a área */
.testimonial-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* Ícone centralizado sobre a imagem */
.testimonial-thumb .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,0,0,0.9);
    color: #fff;
    font-size: 32px;
    padding: 14px 20px;
    border-radius: 50px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}
/* Forçar o ícone a ficar no centro SEM SER SOBRESCRITO */
.testimonial-thumb {
    position: relative !important;
    overflow: hidden !important;
}

.testimonial-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Ícone centralizado de forma absoluta e prioritária */
.testimonial-thumb .play-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: rgba(255,0,0,0.9) !important;
    color: #fff !important;
    font-size: 32px !important;
    padding: 14px 20px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 99 !important;
}
/* CORREÇÃO DEFINITIVA — SELETOR MAIS FORTE QUE O AUTOAI */
.testimonial-card .testimonial-thumb > a > .play-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: rgba(255,0,0,0.9) !important;
    color: #fff !important;
    font-size: 32px !important;
    padding: 14px 20px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 999 !important;
}

/* GARANTIR QUE O CONTAINER É O REFERENCIAL */
.testimonial-card .testimonial-thumb {
    position: relative !important;
    overflow: hidden !important;
}
.testimonial-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.testimonial-thumb img {
    width: 100%;
    display: block;
}

/* Ícone PNG centralizado */
.testimonial-thumb .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    pointer-events: none;
    z-index: 10;
}
.testimonial-thumb {
    position: relative;
    overflow: hidden;
}

.testimonial-thumb img.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    pointer-events: none;
    z-index: 10;
}

/* ============================
   CTA PADRONIZADO
============================ */

.cta-button {
    display: inline-block;
    background: #0000ff;
    color: #ffffff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: background .25s ease;
    margin-top: 20px;
}

.cta-button:hover {
    background: #0000cc;
}


/* BOTÃO — VER TODOS OS DEPOIMENTOS */
.testimonials-cta {
    text-align: center !important;
    margin-top: 40px;
}



/* Hover visível no fundo azul escuro */
.testimonials-btn:hover {
    background: #cc0000 !important; /* vermelho escurecido */
}

/* ============================
   BOTÃO — VER TODOS OS DEPOIMENTOS
============================ */

.testimonials-cta {
    text-align: center;
    margin-top: 40px;
}



.testimonials-btn:hover {
    background: #cc0000; /* vermelho escurecido */
}

/* PADRONIZAÇÃO — LINKS DOS CARDS "POR QUE A MQUALITY" */
.unique-link {
    font-size: 20px;
    font-weight: 700;
    color: #ff0000; /* vermelho institucional */
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.unique-link:hover {
    text-decoration: underline;
}
/* Esconder título duplicado em páginas (mantém no menu) */
.single-post h1:first-of-type,
.page h1:first-of-type,
article.single-post > h1,
article.page > h1 {
}