/* =========================

    CONFIGURAÇÕES GERAIS

\========================= */



:root {

            --rosa: #c98080;

            --rosa-claro: #efd0cd;

            --rosa-fundo: #f8f0ed;

            --vinho: #743d43;

            --vinho-escuro: #4b282d;

            --branco: #fffdfb;

            --texto: #433638;

            --texto-suave: #79696a;

            --borda: #e7d2ce;

            --serif: 'Playfair Display', Georgia, serif;

            --sans: 'DM Sans', Arial, sans-serif;

        }



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        html {

            scroll-behavior: smooth;

            scroll-padding-top: 95px;

        }



        body {

            font-family: var(--sans);

            background: var(--branco);

            color: var(--texto);

            line-height: 1.7;

            overflow-x: hidden;

        }



        img {

            display: block;

            max-width: 100%;

        }



        a {

            text-decoration: none;

            color: inherit;

        }



        button {

            font: inherit;

        }



        .container {

            width: min(1160px, 90%);

            margin: 0 auto;

        }



        .section {

            padding: 30px 0 105px;

        }



        .eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            color: var(--vinho);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 3px;

            text-transform: uppercase;

            margin-bottom: 20px;

        }



        .eyebrow::before {

            content: "";

            width: 28px;

            height: 1px;

            background: var(--rosa);

        }



        .section-title {

            font-family: var(--serif);

            font-size: clamp(34px, 4vw, 51px);

            font-weight: 500;

            line-height: 1.2;

            color: var(--vinho-escuro);

        }



        .section-title em {

            color: var(--rosa);

            font-weight: 400;

        }



        .section-description {

            max-width: 620px;

            margin-top: 20px;

            color: var(--texto-suave);

            font-size: 15px;

        }



        .btn {

            min-height: 52px;

            display: inline-flex;

            justify-content: center;

            align-items: center;

            gap: 12px;

            padding: 14px 25px;

            border: 1px solid var(--vinho);

            border-radius: 3px;

            background: var(--vinho);

            color: white;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: .5px;

            transition: .25s ease;

            cursor: pointer;



            margin-top: 15px;

        }



        .btn:hover {

            background: var(--vinho-escuro);

            border-color: var(--vinho-escuro);

            transform: translateY(-2px);

        }



        .btn-outline {

            color: var(--vinho);

            background: transparent;

        }



        .btn-outline:hover {

            color: white;

        }



        .btn svg {

            width: 19px;

            height: 19px;

            flex-shrink: 0;

        }



        /* =========================

           CABEÇALHO

        ========================= */



        .header {

            position: sticky;

            top: 0;

            z-index: 1000;

            background:#c98080;

            border-bottom: 1px solid rgba(231, 210, 206, .8);

            backdrop-filter: blur(14px);

        }



        .nav {

            min-height: 84px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 25px;

        }



        .brand {

            display: flex;

            flex-direction: column;

            line-height: 1.1;

        }



        .brand-name {

            font-family: var(--serif);

            color: var(--vinho);

            font-size: 30px;

            letter-spacing: 1px;

        }



        .brand-subtitle {

            margin-top: 7px;

            font-size: 13px;

            letter-spacing: 5px;

            color: #e7d2ce;

            text-transform: uppercase;



            position: relative;

            left: -70px;

        }



        .nav-links {

            display: flex;

            align-items: center;

            gap: 26px;

            position: relative;

            left: 140px;

        }



        .nav-links a {

            font-size: 13px;

            font-weight: 600;

            color: var(--texto);

            transition: color .2s;

        }



        .nav-links a:hover {

            color: var(--rosa);

        }



        .nav-links .nav-cta {

            background: var(--vinho);

            color: white;

            padding: 13px 18px;

            border-radius: 3px;

        }



        .nav-links .nav-cta:hover {

            background: var(--vinho-escuro);

            color: white;

        }



        .menu-toggle {

            display: none;

            border: 1px solid var(--borda);

            background: transparent;

            color: var(--vinho);

            width: 44px;

            height: 44px;

            border-radius: 3px;

            cursor: pointer;

            font-size: 23px;

        }



        /* =========================

           HERO / APRESENTAÇÃO

        ========================= */



        .hero {

            position: relative;

            background:

                radial-gradient(ellipse at 85% 25%, rgba(226, 177, 172, .22), transparent 37%),

                var(--rosa-fundo);

            overflow: hidden;

        }



        .hero::after {

            content: "";

            position: absolute;

            width: 430px;

            height: 430px;

            right: -240px;

            bottom: -210px;

            border: 1px solid rgba(201, 128, 128, .35);

            border-radius: 50%;

            box-shadow: 0 0 0 35px rgba(201, 128, 128, .04),

                        0 0 0 70px rgba(201, 128, 128, .04);

            pointer-events: none;

        }



        .hero-grid {

            min-height: 650px;

            display: grid;

            grid-template-columns: 1.03fr .97fr;

            align-items: center;

            gap: 65px;

            padding-top: 65px;

            padding-bottom: 75px;

        }



        .hero-content {

            position: relative;

            z-index: 2;

        }



        .hero .eyebrow {

            margin-bottom: 24px;

        }



        .hero h1 {

            font-family: var(--serif);

            font-size: clamp(43px, 5.1vw, 69px);

            line-height: 1.08;

            letter-spacing: -1.5px;

            font-weight: 500;

            color: var(--vinho-escuro);

        }



        .hero h1 em {

            display: block;

            color: var(--rosa);

            font-weight: 400;

        }



        .hero-description {

            max-width: 480px;

            margin: 25px 0 30px;

            color: var(--texto-suave);

            font-size: 15px;

            line-height: 1.9;

        }



        .hero-actions {

            display: flex;

            flex-wrap: wrap;

            gap: 12px;

        }



        .hero-note {

            display: flex;

            align-items: center;

            gap: 12px;

            margin-top: 18px;

            color: var(--texto-suave);

            font-size: 11px;

            letter-spacing: .5px;

        }



        .hero-note strong {

            font-family: var(--serif);

            font-size: 28px;

            font-weight: 500;

            color: var(--vinho);

        }



        .hero-visual {

            position: relative;

            min-width: 0;

            padding: 0 18px 20px 0;

        }



        .hero-image-frame {

            position: relative;

            height: 495px;

            overflow: hidden;

            background: #ead3cf;

            border-radius: 180px 180px 3px 3px;

        }



        .hero-image-frame img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            object-position: center;

        }



        .hero-image-frame::after {

            content: "";

            position: absolute;

            inset: 0;

            background: linear-gradient(180deg, transparent 65%, rgba(75, 40, 45, .25));

        }



        .hero-image-border {

            position: absolute;

            inset: 15px 0 0 15px;

            border: 1px solid var(--rosa);

            border-radius: 180px 180px 3px 3px;

            pointer-events: none;

        }



        .experience-card {

            position: absolute;

            z-index: 2;

            bottom: 45px;

            left: -38px;

            width: 190px;

            padding: 21px;

            background: var(--branco);

            border: 1px solid var(--borda);

            box-shadow: 0 15px 40px rgba(75, 40, 45, .08);

        }



        .experience-card strong {

            display: block;

            font-family: var(--serif);

            color: var(--vinho);

            font-size: 39px;

            font-weight: 500;

            line-height: 1.2;

        }



        .experience-card span {

            display: block;

            margin-top: 7px;

            color: var(--texto-suave);

            font-size: 10px;

            letter-spacing: 1px;

            text-transform: uppercase;

        }



        .hero-caption {

            position: absolute;

            right: 0;

            bottom: -5px;

            color: var(--vinho);

            font-family: var(--serif);

            font-style: italic;

            font-size: 15px;

        }



        /* =========================

           FAIXA DE POSICIONAMENTO

        ========================= */



        .brand-strip {

            background: var(--vinho);

            color: white;

            padding: 25px 0;

        }



        .strip-content {

            display: flex;

            justify-content: center;

            align-items: center;

            gap: 35px;

            flex-wrap: wrap;

            text-align: center;

        }



        .strip-content span {

            font-size: 10px;

            letter-spacing: 2px;

            text-transform: uppercase;

        }



        .strip-dot {

            width: 5px;

            height: 5px;

            background: var(--rosa-claro);

            transform: rotate(45deg);

        }



        /* =========================

           PÓS-OPERATÓRIO

        ========================= */



        .postop-grid {

            display: grid;

            grid-template-columns: .9fr 1.1fr;

            gap: 90px;

            align-items: center;

        }



        .postop-visual {

            position: relative;

            min-height: 510px;

            background: var(--rosa-fundo);

            padding: 22px;

        }



        .postop-visual img {

            width: 100%;

            height: 465px;

            object-fit: cover;

        }



        .photo-label {

            position: absolute;

            right: -22px;

            bottom: 38px;

            max-width: 240px;

            padding: 19px 23px;

            background: var(--vinho);

            color: white;

            font-family: var(--serif);

            font-size: 19px;

            line-height: 1.4;

        }



        .postop-content .section-title {

            max-width: 540px;

        }



        .postop-content > p {

            margin-top: 22px;

            font-size: 14px;

            color: var(--texto-suave);

        }



        .check-list {

            list-style: none;

            margin: 26px 0 32px;

        }



        .check-list li {

            display: flex;

            align-items: flex-start;

            gap: 14px;

            padding: 13px 0;

            border-bottom: 1px solid var(--borda);

            font-size: 13px;

            color: var(--texto);

        }



        .check {

            flex-shrink: 0;

            display: grid;

            place-items: center;

            width: 23px;

            height: 23px;

            border-radius: 50%;

            background: var(--rosa-fundo);

            color: var(--vinho);

            font-size: 12px;

        }



        /* =========================

           SERVIÇOS

        ========================= */



        .services {

            background: var(--rosa-fundo);

        }



        .section-heading {

            max-width: 720px;

            margin-bottom: 52px;

        }



        .services-grid {

            display: grid;

            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 22px;

        }



        .service-card {

            position: relative;

            display: flex;

            flex-direction: column;

            align-items: flex-start;

            min-height: 325px;

            padding: 34px 29px;

            background: var(--branco);

            border: 1px solid var(--borda);

            transition: transform .25s, box-shadow .25s;

        }



        .service-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 15px 35px rgba(75, 40, 45, .07);

        }



        .service-number {

            font-family: var(--serif);

            color: var(--rosa);

            font-size: 38px;

            line-height: 1.1;

        }



        .service-card h3 {

            margin-top: 26px;

            color: var(--vinho-escuro);

            font-family: var(--serif);

            font-size: 25px;

            line-height: 1.3;

            font-weight: 500;

        }



        .service-card p {

            margin-top: 15px;

            color: var(--texto-suave);

            font-size: 13px;

        }



        .service-link {

            display: inline-flex;

            gap: 10px;

            align-items: center;

            margin-top: auto;

            padding-top: 25px;

            color: var(--vinho);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: .6px;

        }



        .service-link span {

            transition: transform .2s;

        }



        .service-link:hover span {

            transform: translateX(5px);

        }



        /* =========================

           FIBROSES

        ========================= */



        .fibrosis-grid {

            display: grid;

            grid-template-columns: 1fr 1fr;

            align-items: center;

            gap: 75px;

        }



        .fibrosis-content p {

            margin-top: 22px;

            color: var(--texto-suave);

            font-size: 14px;

        }



        .fibrosis-highlight {

            margin-top: 27px;

            padding: 20px 23px;

            border-left: 3px solid var(--rosa);

            background: var(--rosa-fundo);

            color: var(--vinho);

            font-family: var(--serif);

            font-size: 19px;

            line-height: 1.6;

        }



        .fibrosis-visual {

            position: relative;

            height: 455px;

            background: var(--rosa-fundo);

            overflow: hidden;

        }



        .fibrosis-visual img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        /* =========================

           SOBRE ROSA TAKEDA

        ========================= */



        .about {

            background: var(--vinho-escuro);

            color: white;

        }



        .about-grid {

            display: grid;

            grid-template-columns: .85fr 1.15fr;

            gap: 85px;

            align-items: center;

        }



        .about-visual {

            position: relative;

            min-height: 470px;

            padding: 0 18px 18px 0;

        }



        .about-visual img {

            width: 100%;

            height: 450px;

            object-fit: cover;

            background: #d9b5af;

        }



        .about-visual::after {

            content: "";

            position: absolute;

            inset: 15px 0 0 15px;

            border: 1px solid rgba(239, 208, 205, .65);

            pointer-events: none;

        }



        .about .eyebrow {

            color: var(--rosa-claro);

        }



        .about .eyebrow::before {

            background: var(--rosa-claro);

        }



        .about .section-title {

            color: white;

        }



        .about .section-title em {

            color: var(--rosa-claro);

        }



        .about-copy p {

            margin-top: 22px;

            color: rgba(255, 255, 255, .75);

            font-size: 14px;

        }



        .about-values {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 20px;

            margin-top: 31px;

        }



        .about-value {

            padding-top: 15px;

            border-top: 1px solid rgba(239, 208, 205, .35);

        }



        .about-value strong {

            display: block;

            font-family: var(--serif);

            font-size: 19px;

            font-weight: 500;

            color: var(--rosa-claro);

        }



        .about-value span {

            display: block;

            margin-top: 6px;

            color: rgba(255, 255, 255, .65);

            font-size: 11px;

        }



        /* =========================

           MENTORIA

        ========================= */



        .mentoria {

            background:

                radial-gradient(ellipse at 95% 0%, rgba(201, 128, 128, .15), transparent 40%),

                var(--rosa-fundo);

        }



        .mentoria-box {

            display: grid;

            grid-template-columns: 1.1fr .9fr;

            border: 1px solid var(--borda);

            background: var(--branco);

        }



        .mentoria-content {

            padding: 55px;

        }



        .mentoria-content p {

            margin-top: 22px;

            color: var(--texto-suave);

            font-size: 14px;

        }



        .mentoria-points {

            display: grid;

            gap: 12px;

            margin: 25px 0 30px;

            list-style: none;

        }



        .mentoria-points li {

            font-size: 13px;

            color: var(--texto);

        }



        .mentoria-points li::before {

            content: "✦";

            margin-right: 12px;

            color: var(--rosa);

        }



        .mentoria-visual {

            min-height: 500px;

            overflow: hidden;

            background: #e6c9c4;

        }



        .mentoria-visual img {

            width: 100%;

            height: 100%;

            min-height: 500px;

            object-fit: cover;

        }



        /* =========================

           CHAMADA FINAL

        ========================= */



        .final-cta {

            position: relative;

            padding: 90px 0;

            text-align: center;

            background: var(--branco);

        }



        .final-cta .section-title {

            max-width: 730px;

            margin: 0 auto;

        }



        .final-cta p {

            max-width: 560px;

            margin: 20px auto 30px;

            color: var(--texto-suave);

            font-size: 14px;

        }



        .final-cta .btn {

            margin: 0 auto;

        }



        /* =========================

           RODAPÉ

        ========================= */



        .footer {

            padding: 55px 0 25px;

            background: #351f23;

            color: white;

        }



        .footer-main {

            display: flex;

            justify-content: space-between;

            align-items: flex-start;

            gap: 35px;

            padding-bottom: 35px;

        }



        .footer .brand-name {

            color: var(--rosa-claro);

        }



        .footer .brand-subtitle {

            color: rgba(255, 255, 255, .6);

        }



        .footer-description {

            max-width: 320px;

            margin-top: 18px;

            color: rgba(255, 255, 255, .65);

            font-size: 12px;

        }



        .footer-contact h3 {

            margin-bottom: 15px;

            font-family: var(--serif);

            font-size: 20px;

            font-weight: 500;

        }



        .footer-contact a {

            display: block;

            margin-top: 9px;

            color: rgba(255, 255, 255, .75);

            font-size: 12px;

        }



        .footer-contact a:hover {

            color: var(--rosa-claro);

        }



        .footer-bottom {

            display: flex;

            justify-content: space-between;

            gap: 20px;

            padding-top: 22px;

            border-top: 1px solid rgba(255, 255, 255, .15);

            color: rgba(255, 255, 255, .5);

            font-size: 10px;

        }



        /* =========================

           WHATSAPP FLUTUANTE

        ========================= */



        .whatsapp-float {

            position: fixed;

            z-index: 1500;

            right: 25px;

            bottom: 25px;

            display: grid;

            place-items: center;

            width: 60px;

            height: 60px;

            color: white;

            background: #25d366;

            border-radius: 50%;

            box-shadow: 0 5px 22px rgba(0, 0, 0, .19);

            transition: transform .2s;

        }



        .whatsapp-float:hover {

            transform: scale(1.08);

        }



        .whatsapp-float svg {

            width: 32px;

            height: 32px;

        }



        /* =========================

           RESPONSIVIDADE

        ========================= */



        @media (max-width: 1050px) {

            .nav-links {

                gap: 15px;

            }



            .nav-links a {

                font-size: 10px;

            }



            .hero-grid {

                gap: 35px;

            }



            .hero-image-frame {

                height: 430px;

            }



            .postop-grid,

            .about-grid {

                gap: 50px;

            }



            .mentoria-content {

                padding: 38px;

            }

        }



        @media (max-width: 800px) {

            .section {

                padding: 75px 0;

            }



            .nav {

                min-height: 75px;

            }



            .menu-toggle {

                display: block;

            }



            .nav-links {

                display: none;

                position: absolute;

                top: 100%;

                left: 0;

                right: 0;

                flex-direction: column;

                align-items: stretch;

                gap: 0;

                padding: 12px 5% 22px;

                background: var(--branco);

                border-bottom: 1px solid var(--borda);

            }



            .nav-links.open {

                display: flex;

            }



            .nav-links a {

                padding: 13px 0;

                font-size: 12px;

                border-bottom: 1px solid var(--borda);

            }



            .nav-links .nav-cta {

                margin-top: 12px;

                padding: 14px;

                text-align: center;

            }



            .hero-grid {

                grid-template-columns: 1fr;

                gap: 45px;

                padding-top: 65px;

                padding-bottom: 65px;

            }



            .hero h1 {

                font-size: clamp(43px, 8vw, 62px);

            }



            .hero-visual {

                width: min(490px, 90%);

                margin: 0 auto;

            }



            .hero-image-frame {

                height: 470px;

            }



            .experience-card {

                left: -22px;

            }



            .postop-grid,

            .fibrosis-grid,

            .about-grid {

                grid-template-columns: 1fr;

                gap: 40px;

            }



            .postop-visual {

                width: min(520px, 95%);

                margin: 0 auto;

            }



            .fibrosis-visual {

                height: 380px;

            }



            .about-visual {

                width: min(500px, 100%);

                margin: 0 auto;

            }



            .services-grid {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .service-card {

                min-height: 300px;

            }



            .mentoria-box {

                grid-template-columns: 1fr;

            }



            .mentoria-visual {

                order: -1;

                min-height: 350px;

                max-height: 420px;

            }



            .mentoria-visual img {

                min-height: 350px;

                max-height: 420px;

            }

        }



        @media (max-width: 520px) {

            .container {

                width: 89%;

            }



            .section {

                padding: 65px 0;

            }



            .brand-name {

                font-size: 25px;

            }



            .brand-subtitle {

                font-size: 7px;

                letter-spacing: 2px;

            }



            .hero-grid {

                padding-top: 50px;

            }



            .hero h1 {

                font-size: 43px;

            }



            .hero-description {

                font-size: 14px;

            }



            .hero-actions {

                flex-direction: column;

                align-items: stretch;

            }



            .hero-actions .btn {

                width: 100%;

            }



            .hero-image-frame {

                height: 370px;

            }



            .experience-card {

                width: 155px;

                padding: 15px;

                bottom: 28px;

                left: -18px;

            }



            .experience-card strong {

                font-size: 32px;

            }



            .hero-caption {

                font-size: 12px;

            }



            .strip-content {

                gap: 13px;

            }



            .strip-content span {

                font-size: 8px;

                letter-spacing: 1.2px;

            }



            .section-title {

                font-size: 35px;

            }



            .postop-visual {

                min-height: 370px;

                padding: 12px;

            }



            .postop-visual img {

                height: 350px;

            }



            .photo-label {

                right: -5px;

                bottom: 22px;

                max-width: 200px;

                padding: 14px;

                font-size: 16px;

            }



            .services-grid {

                grid-template-columns: 1fr;

                gap: 15px;

            }



            .service-card {

                min-height: 260px;

                padding: 27px;

            }



            .fibrosis-visual {

                height: 300px;

            }



            .about-visual {

                min-height: 350px;

            }



            .about-visual img {

                height: 330px;

            }



            .about-values {

                gap: 15px;

            }



            .mentoria-content {

                padding: 27px 22px;

            }



            .mentoria-visual {

                min-height: 300px;

            }



            .mentoria-visual img {

                min-height: 300px;

            }



            .footer-main {

                flex-direction: column;

            }



            .footer-bottom {

                flex-direction: column;

                gap: 8px;

            }



            .whatsapp-float {

                width: 54px;

                height: 54px;

                right: 16px;

                bottom: 16px;

            }

        }



        @media (prefers-reduced-motion: reduce) {

            html {

                scroll-behavior: auto;

            }



            *,

            *::before,

            *::after {

                transition-duration: .01ms !important;

            }

        }



        /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





/* ================================

   TRAÇÃO CÍCLICA

\================================ */



.tracao-section {

    padding: 100px 0;

    background: #fbf7f6;

    color: #302727;

    overflow: hidden;

}



.tracao-container {

    width: min(1180px, 90%);

    margin: 0 auto;

}



/* Cabeçalho */



.tracao-header {

    max-width: 760px;

    margin: 0 auto 65px;

    text-align: center;

}



.tracao-label,

.tracao-subtitle {

    display: inline-block;

    color: #b56f76;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;

}



.tracao-header h2 {

    margin: 18px 0;

    font-size: clamp(32px, 4vw, 48px);

    font-weight: 400;

    line-height: 1.2;

}



.tracao-header h2 span {

    color: #bd7c83;

    font-weight: 600;

}



.tracao-intro {

    max-width: 660px;

    margin: 0 auto;

    color: #756968;

    font-size: 15px;

    line-height: 1.9;

}



/* Conteúdo principal */



.tracao-content {

    display: grid;

    grid-template-columns: 1fr 0.9fr;

    align-items: center;

    gap: 75px;

}



.tracao-text h3 {

    margin: 18px 0 22px;

    font-size: clamp(27px, 3vw, 36px);

    font-weight: 500;

    line-height: 1.3;

}



.tracao-text > p {

    margin: 0 0 17px;

    color: #756968;

    font-size: 14px;

    line-height: 1.9;

}



/* Destaque */



.tracao-destaque {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-top: 28px;

    padding: 20px;

    background: #f1e4e2;

    border-left: 3px solid #bd7c83;

}



.tracao-destaque-icon {

    color: #b56f76;

    font-size: 23px;

    line-height: 1;

}



.tracao-destaque p {

    margin: 0;

    color: #574746;

    font-size: 13px;

    line-height: 1.8;

}



/* Imagem */



.tracao-visual {

    width: 100%;

}



.tracao-image-frame {

    position: relative;

    width: 100%;

    height: 440px;

    padding: 12px;

    background: #e9d3d1;

}



.tracao-image-frame img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.tracao-image-caption {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 18px;

    color: #806d6c;

    font-size: 12px;

    letter-spacing: 0.5px;

}



.tracao-caption-line {

    display: inline-block;

    width: 35px;

    height: 1px;

    background: #bd7c83;

}



/* Aplicações */



.tracao-applications {

    margin-top: 100px;

}



.tracao-applications-heading {

    margin-bottom: 32px;

    text-align: center;

}



.tracao-applications-heading h3 {

    margin: 14px 0 0;

    font-size: clamp(24px, 3vw, 32px);

    font-weight: 500;

}



.tracao-cards {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 20px;

}



.tracao-card {

    min-height: 215px;

    padding: 28px 23px;

    background: #fff;

    border: 1px solid #eee2e0;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.tracao-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 12px 30px rgba(80, 40, 40, 0.07);

}



.tracao-card-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 39px;

    height: 39px;

    margin-bottom: 22px;

    background: #f1e4e2;

    color: #a96870;

    font-size: 12px;

    font-weight: 600;

}



.tracao-card h4 {

    margin: 0 0 12px;

    color: #493938;

    font-size: 16px;

    font-weight: 600;

}



.tracao-card p {

    margin: 0;

    color: #827574;

    font-size: 13px;

    line-height: 1.8;

}



/* Tablet */



@media (max-width: 900px) {

    .tracao-section {

        padding: 75px 0;

    }



    .tracao-content {

        grid-template-columns: 1fr 1fr;

        gap: 35px;

    }



    .tracao-image-frame {

        height: 370px;

    }



    .tracao-cards {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .tracao-applications {

        margin-top: 75px;

    }

}



/* Celular */



@media (max-width: 600px) {

    .tracao-section {

        padding: 60px 0;

    }



    .tracao-container {

        width: 88%;

    }



    .tracao-header {

        margin-bottom: 40px;

    }



    .tracao-header h2 {

        font-size: 32px;

    }



    .tracao-intro {

        font-size: 14px;

    }



    .tracao-content {

        grid-template-columns: 1fr;

        gap: 35px;

    }



    .tracao-text h3 {

        font-size: 28px;

    }



    .tracao-image-frame {

        height: 350px;

        padding: 8px;

    }



    .tracao-applications {

        margin-top: 65px;

    }



    .tracao-applications-heading {

        margin-bottom: 25px;

    }



    .tracao-cards {

        grid-template-columns: 1fr;

        gap: 14px;

    }



    .tracao-card {

        min-height: auto;

        padding: 23px;

    }

}




/* ========================================
   AJUSTE DO HEADER — SOMENTE DESKTOP
   Mantém o comportamento mobile existente
======================================== */
@media (min-width: 1025px) {
    .header .nav {
        width: min(1500px, 94%);
        margin: 0 auto;
        min-height: 90px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 35px;
    }

    .header .brand {
        flex: 0 0 365px;
        min-width: 0;
    }

    .header .brand-name {
        white-space: nowrap;
        font-size: 30px;
    }

    .header .brand-subtitle {
        position: static;
        left: auto;
        font-size: 12px;
        letter-spacing: 4px;
        white-space: nowrap;
    }

    .header .nav-links {
        position: static;
        left: auto;
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .header .nav-links a {
        font-size: 13px;
        line-height: 1.5;
        text-align: center;
    }

    .header .nav-links .nav-cta {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 13px 20px;
    }
}


/* ========================================
   CORREÇÃO DA LOGO NO CELULAR
   Mantém o ajuste do desktop separado
======================================== */
@media (max-width: 767px) {
    .header .nav {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .header .brand {
        position: static;
        flex: 1;
        min-width: 0;
        margin-left: 0;
        transform: none;
    }

    .header .brand-name {
        font-size: clamp(25px, 6vw, 30px);
        white-space: nowrap;
    }

    .header .brand-subtitle {
        position: static;
        left: auto;
        margin-top: 7px;
        font-size: 10px;
        letter-spacing: 3px;
        white-space: normal;
        line-height: 1.5;
    }
}