body {
            font-family: 'Inter', Arial, sans-serif;
            color: #222;
            background: #fff;
        }



        /* HERO */
        .page-hero {
            background: linear-gradient(135deg, #f9f0f8 0%, #fff5f5 100%);
            padding: 52px 32px 44px;
            text-align: center;
            border-bottom: 1px solid #f0e4ef;
        }
        .page-hero .tag {
            display: inline-block;
            background: #f5eaf4;
            color: #7a2268;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            padding: 5px 16px;
            border-radius: 20px;
            margin-bottom: 16px;
            border: 1px solid #dfc8de;
            text-transform: uppercase;
        }
        .page-hero h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 36px;
            color: #aa2c2c;
            margin-bottom: 12px;
        }
        .page-hero p {
            font-size: 16px;
            color: #666;
            max-width: 480px;
            margin: 0 auto;
            line-height: 1.65;
        }

        /* CARDS PRINCIPAIS */
        .cards-section {
            padding: 52px 32px;
            max-width: 960px;
            margin: 0 auto;
        }

        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 20px;
        }

        .tipo-card {
            border-radius: 20px;
            padding: 28px 24px;
            cursor: pointer;
            transition: all 0.25s;
            border: 2px solid transparent;
            position: relative;
            overflow: hidden;
        }
        .tipo-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 32px rgba(0,0,0,0.1);
        }
        .tipo-card.fisica    { background: #fff0f0; border-color: #f5c0c0; }
        .tipo-card.psicologica { background: #f3f0ff; border-color: #c8bff5; }
        .tipo-card.sexual    { background: #fff5e6; border-color: #f5d9a0; }
        .tipo-card.patrimonial { background: #f0faf3; border-color: #a8ddb8; }
        .tipo-card.moral     { background: #fdf0f8; border-color: #e8bcd8; }

        .card-emoji {
            font-size: 40px;
            margin-bottom: 14px;
            display: block;
        }
        .card-titulo {
            font-family: 'Montserrat', sans-serif;
            font-size: 18px;
            font-weight: 800;
            margin-bottom: 8px;
        }
        .tipo-card.fisica .card-titulo       { color: #c62828; }
        .tipo-card.psicologica .card-titulo  { color: #4527a0; }
        .tipo-card.sexual .card-titulo       { color: #e65100; }
        .tipo-card.patrimonial .card-titulo  { color: #1b5e20; }
        .tipo-card.moral .card-titulo        { color: #880e4f; }

        .card-resumo {
            font-size: 14px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 16px;
        }

        .card-sinais {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 16px;
        }
        .sinal {
            font-size: 12px;
            font-weight: 600;
            padding: 4px 10px;
            border-radius: 20px;
        }
        .tipo-card.fisica .sinal       { background: #fcc; color: #b71c1c; }
        .tipo-card.psicologica .sinal  { background: #d1c4e9; color: #311b92; }
        .tipo-card.sexual .sinal       { background: #ffe0b2; color: #bf360c; }
        .tipo-card.patrimonial .sinal  { background: #c8e6c9; color: #1b5e20; }
        .tipo-card.moral .sinal        { background: #f8bbd0; color: #880e4f; }

        .card-sabia {
            font-size: 12px;
            font-style: italic;
            color: #888;
            border-top: 1px solid rgba(0,0,0,0.07);
            padding-top: 12px;
            margin-top: 4px;
            line-height: 1.5;
        }

        /* SEÇÃO "VOCÊ RECONHECE?" */
        .quiz-section {
            background: #faf5f9;
            padding: 52px 32px;
        }
        .quiz-inner {
            max-width: 700px;
            margin: 0 auto;
            text-align: center;
        }
        .quiz-inner h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: 24px;
            color: #aa2c2c;
            margin-bottom: 8px;
        }
        .quiz-inner .sub {
            font-size: 15px;
            color: #888;
            margin-bottom: 32px;
        }
        .quiz-perguntas {
            display: flex;
            flex-direction: column;
            gap: 12px;
            text-align: left;
        }
        .quiz-item {
            background: #fff;
            border-radius: 14px;
            padding: 16px 20px;
            border: 1.5px solid #eedcee;
            display: flex;
            align-items: center;
            gap: 14px;
            cursor: pointer;
            transition: all 0.2s;
        }
        .quiz-item:hover {
            border-color: #843078;
            background: #f9f0f8;
        }
        .quiz-item.revelado {
            border-color: #843078;
            background: #f9f0f8;
        }
        .quiz-check {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            border: 2px solid #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            flex-shrink: 0;
            transition: all 0.2s;
            color: transparent;
        }
        .quiz-item.revelado .quiz-check {
            background: #7a2268;
            border-color: #7a2268;
            color: #fff;
        }
        .quiz-pergunta {
            font-size: 14px;
            color: #333;
            line-height: 1.5;
            flex: 1;
        }
        .quiz-tipo {
            font-size: 11px;
            font-weight: 700;
            padding: 3px 10px;
            border-radius: 20px;
            background: #f0e8f0;
            color: #7a2268;
            display: none;
            white-space: nowrap;
        }
        .quiz-item.revelado .quiz-tipo {
            display: inline-block;
        }

        .btn-revelar {
            margin-top: 24px;
            background: #7a2268;
            color: #fff;
            border: none;
            padding: 13px 32px;
            border-radius: 25px;
            font-weight: 700;
            font-size: 15px;
            cursor: pointer;
            transition: all 0.2s;
        }
        .btn-revelar:hover { background: #5c1a4e; }
        .btn-revelar:disabled {
            background: #ccc;
            cursor: default;
        }

        .quiz-msg {
            margin-top: 20px;
            font-size: 15px;
            color: #7a2268;
            font-weight: 700;
            min-height: 24px;
        }

        /* AVISO */
        .aviso-wrap {
            max-width: 860px;
            margin: 0 auto;
            padding: 0 32px 40px;
        }
        .aviso {
            background: #fdf6e3;
            border-left: 4px solid #f0b429;
            border-radius: 0 12px 12px 0;
            padding: 16px 20px;
        }
        .aviso p {
            font-size: 13px;
            color: #666;
            line-height: 1.6;
        }
        .aviso strong { color: #b45309; }

        /* FOOTER */
        .footer-emergency {
            background: #aa2c2c;
            color: #fff;
            padding: 14px 32px;
            text-align: center;
            font-size: 15px;
            font-weight: 700;
        }
        footer {
            background: #2a1525;
            color: #ccc;
            text-align: center;
            padding: 24px 32px;
            font-size: 13px;
            line-height: 2;
        }
        footer a { color: #e0b8dc; text-decoration: none; }

        html { scroll-behavior: smooth; }