/**
 * D&R Negócios Landing Page Styles
 * Valuation de Intangíveis
 */

/* ===== HEADER FIXO TRANSPARENTE ===== */
.dr-header-fixed {
    position: absolute !important;
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Desktop: Logo mais para baixo */
@media (min-width: 768px) {
    .dr-header-fixed {
        top: 20px !important;
        padding: 0 !important;
    }
}

.dr-header-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: flex-start;
}

.dr-header-logo {
    height: 84px; /* Reduzido em ~30% de 120px para 84px */
    width: auto;
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
    
    /* 
    IMPORTANTE: Se a imagem aparecer com fundo branco em produção,
    a solução é usar uma imagem já branca e transparente (PNG com transparência).
    Remova o fundo branco da imagem antes de fazer upload, ou use logo-white.png
    */
}

/* Mobile: Logo maior */
@media (max-width: 767px) {
    .dr-header-logo {
        height: 197px; /* Aumentado de ~89.6px para ~197px (mais 120%) */
    }
}

/* SOLUÇÃO 3: CSS Mask (mais robusta, funciona mesmo com JPG branco) */
/* Aplicar via wrapper se necessário */
.dr-header-logo-wrapper {
    width: 180px;
    height: 50px;
    background-color: white;
    -webkit-mask-image: url('../images/DER/v1-d&r-8.png');
    mask-image: url('../images/DER/v1-d&r-8.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Fallback: Estilizar o link caso a imagem não carregue */
.dr-header-container a {
    color: white;
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
    display: inline-block;
    line-height: 1;
}

/* Se a imagem falhar, o alt text aparecerá automaticamente */
.dr-header-logo[alt] {
    /* O alt text será exibido automaticamente pelo navegador se a imagem falhar */
}

.dr-header-logo:hover {
    opacity: 0.9;
}

.dr-header-container a {
    text-decoration: none;
    display: inline-block;
    line-height: 1;
}

/* ===== LANDING PAGE CONTAINER ===== */
.dr-landing-page {
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

.dr-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== DOBRA 1 - HERO ===== */
.dr-fold-hero {
    position: relative;
    background: linear-gradient(135deg, #0a1f3d 0%, #1a3a5a 100%);
    color: white;
    padding: 100px 0;
    text-align: center;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.dr-hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    /* Otimizações para carregamento mais rápido */
    will-change: auto;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* Prioriza o carregamento do vídeo */
    priority: high;
}

.dr-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 31, 61, 0.75);
    z-index: 1;
}

.dr-fold-hero .dr-container {
    position: relative;
    z-index: 2;
}

.dr-hero-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* ===== NOVO LAYOUT HERO SECTION ===== */
.dr-hero-content-new {
    max-width: 1200px;
    margin: 0 auto;
}

.dr-hero-grid-new {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.dr-hero-left-new {
    text-align: left;
}

.dr-hero-right-new {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dr-hero-title-new {
    font-size: 42px;
    font-weight: 900;
    line-height: 1.3;
    color: #ffffff;
    margin-bottom: 20px;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
    text-align: justify;
}

.dr-highlight-word {
    text-transform: uppercase;
    color: #06B6D4;
    font-weight: 900;
    letter-spacing: 1px;
}

.dr-highlight-word-subtle {
    text-transform: uppercase;
    color: #3b82f6;
    font-weight: 700;
    letter-spacing: 1px;
}

.dr-hero-subtitle-new {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 30px;
    line-height: 1.5;
}

.dr-hero-bullets-new {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dr-hero-bullets-new li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 500;
    color: white;
}

.dr-check-icon-new {
    color: #4ade80;
    font-size: 20px;
    font-weight: bold;
    flex-shrink: 0;
}

.dr-hero-form-new {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
}

.dr-form-input-new {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    color: #1f2937;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dr-form-input-new::placeholder {
    color: #9ca3af;
}

.dr-form-input-new:focus {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.2);
}

.dr-btn-primary-new {
    width: 100%;
    padding: 18px 30px;
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
    color: white;
    font-weight: 700;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.dr-btn-primary-new:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(0, 102, 204, 0.4);
    background: linear-gradient(135deg, #0052a3 0%, #003366 100%);
}

.dr-whatsapp-link-new {
    text-align: center;
    margin-top: 10px;
}

.dr-whatsapp-link-new a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    font-size: 14px;
    transition: color 0.3s;
}

.dr-whatsapp-link-new a:hover {
    color: white;
}

.dr-whatsapp-link-content {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dr-whatsapp-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.dr-iceberg-image-new {
    width: 100%;
    max-width: 500px;
    height: auto;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

/* ===== ANIMAÇÕES DO ICEBERG ===== */
.dr-iceberg-wrapper-animated {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

/* Badge Superior: Valor Contábil */
.dr-iceberg-label-top {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    animation: revealLabelTop 8s linear infinite;
}

.dr-iceberg-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.95);
    color: #0a1f3d;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

/* Label Inferior: Valor dos Intangíveis (logo após linha do mar) */
.dr-iceberg-label-bottom {
    position: absolute;
    bottom: 55%; /* Logo após a linha do mar, acima dos itens submersos - ajustado para evitar sobreposição */
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    animation: revealLabelBottom 8s linear infinite;
}

/* Container dos Badges Submersos */
.dr-iceberg-labels-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    z-index: 2;
}

/* Itens Submersos */
.dr-iceberg-item {
    position: absolute;
    opacity: 0;
}

.dr-iceberg-item-1 {
    top: 10%;
    left: 5%;
    animation: revealBadge1 8s linear infinite;
}

.dr-iceberg-item-2 {
    top: 25%;
    right: 5%;
    animation: revealBadge2 8s linear infinite;
}

.dr-iceberg-item-3 {
    top: 45%;
    left: 10%;
    animation: revealBadge3 8s linear infinite;
}

.dr-iceberg-item-4 {
    top: 65%;
    right: 8%;
    animation: revealBadge4 8s linear infinite;
}

.dr-iceberg-badge-submerged {
    display: inline-block;
    background: rgba(0, 102, 204, 0.9);
    color: white;
    padding: 10px 18px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.4);
    white-space: normal;
    max-width: 220px;
    min-width: 180px;
    text-align: center;
    line-height: 1.4;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
    border: 2px solid rgba(255, 255, 255, 0.3);
    word-wrap: break-word;
}

/* Animações */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Linha de Escaneamento (Raio X) no Iceberg do Header */
.dr-iceberg-scan-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #00d4ff;
    box-shadow: 0 0 20px #00d4ff, 0 0 10px white;
    animation: scanMove 8s linear infinite;
    z-index: 10;
    opacity: 0.7;
}

/* Animações de Revelação dos Badges conforme o Raio X passa */
/* Scan line vai de -5% a 105% (110% total), então cada posição % corresponde a: (pos + 5) / 110 * 100% da animação */

/* Label Top (top: 15%) - scan line passa em ~18% da animação */
@keyframes revealLabelTop {
    0% { opacity: 0; transform: translateX(-50%) scale(0.9); }
    15% { opacity: 0; transform: translateX(-50%) scale(0.9); }
    18% { opacity: 1; transform: translateX(-50%) scale(1.1); }
    21% { opacity: 1; transform: translateX(-50%) scale(1); }
    90% { opacity: 1; transform: translateX(-50%) scale(1); }
    100% { opacity: 0; transform: translateX(-50%) scale(0.9); }
}

/* Label Bottom (bottom: 55% = top: ~45%) - scan line passa em ~45% da animação */
@keyframes revealLabelBottom {
    0% { opacity: 0; transform: translateX(-50%) scale(0.9); }
    42% { opacity: 0; transform: translateX(-50%) scale(0.9); }
    45% { opacity: 1; transform: translateX(-50%) scale(1.1); }
    48% { opacity: 1; transform: translateX(-50%) scale(1); }
    90% { opacity: 1; transform: translateX(-50%) scale(1); }
    100% { opacity: 0; transform: translateX(-50%) scale(0.9); }
}

/* Item 1 (dentro do container de 60% inferior, top: 10% = ~46% do iceberg total) - scan line passa em ~46% da animação */
@keyframes revealBadge1 {
    0% { opacity: 0; transform: scale(0.9); }
    43% { opacity: 0; transform: scale(0.9); }
    46% { opacity: 1; transform: scale(1.1); }
    49% { opacity: 1; transform: scale(1); }
    90% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.9); }
}

/* Item 2 (dentro do container de 60% inferior, top: 25% = ~55% do iceberg total) - scan line passa em ~55% da animação */
@keyframes revealBadge2 {
    0% { opacity: 0; transform: scale(0.9); }
    52% { opacity: 0; transform: scale(0.9); }
    55% { opacity: 1; transform: scale(1.1); }
    58% { opacity: 1; transform: scale(1); }
    90% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.9); }
}

/* Item 3 (dentro do container de 60% inferior, top: 45% = ~67% do iceberg total) - scan line passa em ~67% da animação */
@keyframes revealBadge3 {
    0% { opacity: 0; transform: scale(0.9); }
    64% { opacity: 0; transform: scale(0.9); }
    67% { opacity: 1; transform: scale(1.1); }
    70% { opacity: 1; transform: scale(1); }
    90% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.9); }
}

/* Item 4 (dentro do container de 60% inferior, top: 65% = ~79% do iceberg total) - scan line passa em ~79% da animação */
@keyframes revealBadge4 {
    0% { opacity: 0; transform: scale(0.9); }
    76% { opacity: 0; transform: scale(0.9); }
    79% { opacity: 1; transform: scale(1.1); }
    82% { opacity: 1; transform: scale(1); }
    90% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.9); }
}

/* ===== DOBRA 2 - CONSCIENTIZAÇÃO CORPORATIVA B2B ===== */
.dr-section-awareness {
    position: relative;
    background: #f1f5f9;
    padding: 80px 0;
    font-family: 'Inter', 'Montserrat', 'Roboto Slab', 'Poppins', sans-serif;
    overflow: hidden;
}

/* Overlay lateral esquerdo - vem da lateral para dentro */
.dr-section-awareness::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(to right, 
        rgba(11, 17, 32, 0.25) 0%,
        rgba(11, 17, 32, 0.15) 30%,
        rgba(11, 17, 32, 0.08) 50%,
        rgba(11, 17, 32, 0.03) 70%,
        transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Overlay lateral direito - vem da lateral para dentro */
.dr-section-awareness::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(to left, 
        rgba(11, 17, 32, 0.25) 0%,
        rgba(11, 17, 32, 0.15) 30%,
        rgba(11, 17, 32, 0.08) 50%,
        rgba(11, 17, 32, 0.03) 70%,
        transparent 100%);
    z-index: 1;
    pointer-events: none;
}

.dr-container-awareness {
    max-width: 1280px !important;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 10;
}

/* Garantir que o container funcione mesmo com a classe dr-container */
.dr-section-awareness .dr-container.dr-container-awareness {
    max-width: 1280px !important;
    padding: 0 24px !important;
}

.dr-awareness-header {
    text-align: center;
    margin-bottom: 48px;
}

.dr-awareness-title {
    font-size: 36px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0;
    line-height: 1.3;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-awareness-subtitle {
    font-size: 18px;
    color: #475569;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

.dr-awareness-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 56px;
    align-items: stretch;
}

@media (min-width: 768px) {
    .dr-awareness-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (min-width: 1024px) {
    .dr-awareness-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
}

.dr-awareness-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 5px solid #00d4ff;
    border-radius: 16px;
    padding: 64px 40px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.dr-awareness-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border-top-color: #00b8e6;
}

.dr-card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    color: #1d4ed8;
}

.dr-card-icon-wrapper {
    background: #eff6ff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dr-icon-svg {
    width: 40px;
    height: 40px;
    stroke-width: 2;
    color: #5c95ae;
}

.dr-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 16px;
    line-height: 1.4;
}

.dr-card-text {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.6;
    margin: 0;
    letter-spacing: -0.01em;
}

.dr-awareness-alert {
    background: #f8fafc;
    border: none;
    border-left: 4px solid #00d4ff;
    border-radius: 8px;
    padding: 32px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 48rem;
    margin: 0 auto 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dr-alert-icon {
    flex-shrink: 0;
    color: #00d4ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dr-alert-icon .dr-icon-svg {
    width: 32px;
    height: 32px;
    stroke-width: 1.5;
}

.dr-alert-text {
    font-size: 18px;
    color: #475569;
    line-height: 1.75;
    margin: 0;
    font-weight: 400;
}

.dr-alert-text .dr-alert-quote {
    font-style: italic;
    font-weight: 600;
    color: #0f172a;
}

.dr-alert-text .dr-alert-highlight {
    font-weight: 700;
    color: #155e75;
}

/* Faixa de Benefícios */
.dr-benefits-bar {
    background: #f1f5f9;
    border-radius: 8px;
    padding: 32px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
    max-width: 900px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.dr-benefit-item-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #334155;
    font-weight: 600;
}

.dr-check-simple {
    color: #059669;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .dr-benefits-bar {
        flex-direction: column;
        gap: 20px;
        padding: 24px 32px;
    }
    
    .dr-benefit-item-bar {
        font-size: 17px;
    }
    
    .dr-card-text {
        font-size: 18px;
        line-height: 1.5;
    }
    
    .dr-awareness-card {
        padding: 48px 28px;
    }
    
    .dr-card-icon-wrapper {
        width: 72px;
        height: 72px;
    }
    
    .dr-icon-svg {
        width: 36px;
        height: 36px;
    }
    
    .dr-awareness-title {
        font-size: 32px;
    }
    
    .dr-awareness-grid {
        gap: 24px;
    }
    
    .dr-awareness-alert {
        padding: 24px 28px;
        gap: 16px;
        flex-direction: row;
        align-items: center;
    }
    
    .dr-alert-icon .dr-icon-svg {
        width: 28px;
        height: 28px;
    }
    
    .dr-alert-text {
        font-size: 16px;
        line-height: 1.6;
    }
}

/* ===== DOBRA 3 - MUDANÇA DE VISÃO (TRANSITION) ===== */
.dr-section-transition {
    position: relative;
    background: #0B1120;
    padding: 64px 0; /* py-16 - revertido */
    color: white;
    overflow: hidden; /* Garante que o fio não vaze para fora */
}

.dr-container-transition {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}

/* Grid de 2 Colunas */
.dr-transition-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: center;
}

@media (min-width: 1024px) {
    .dr-transition-grid {
        grid-template-columns: 1fr 1fr;
        gap: 64px;
    }
}

/* COLUNA ESQUERDA: Lâmpada */
.dr-transition-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Grid de 2 Colunas */
.dr-transition-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: center;
}

@media (min-width: 1024px) {
    .dr-transition-grid {
        grid-template-columns: 1fr 1fr;
        gap: 64px;
    }
}

/* Container Principal - Grid de 2 Colunas */
.dr-container-transition-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px; /* Padding reduzido - py-16 já está na section */
    position: relative;
    z-index: 1;
}

.dr-transition-grid-new {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: center; /* Alinha no centro visual */
    position: relative;
    z-index: 10;
}

@media (min-width: 1024px) {
    .dr-transition-grid-new {
        grid-template-columns: 1fr 1fr;
        gap: 48px; /* gap-12 - revertido */
    }
}

/* COLUNA ESQUERDA: Lâmpada + Texto - Flex Vertical */
.dr-transition-left-column {
    position: relative;
    text-align: center; /* Centralizado */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centralizado */
}

/* Container da lâmpada - Relativo, empurra o texto para baixo */
.dr-lamp-container-relative {
    position: relative;
    width: 192px; /* Aumentado em 20% (de 160px para 192px) */
    height: auto;
    margin-bottom: 24px; /* mb-6 - aumentado para mover texto mais para baixo */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .dr-lamp-container-relative {
        width: 240px; /* Aumentado em 20% (de 200px para 240px) */
    }
}

/* Lâmpada com Fio e Halo - Mantém estilos existentes */

.dr-lamp-with-cable-refined {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Fio removido - não é mais necessário */
.dr-lamp-cable {
    display: none;
}

/* Animação de pulso suave para o halo */
@keyframes softHaloPulse {
    0%, 100% { 
        opacity: 0.4; 
        transform: translate(-50%, -50%) scale(1); 
    }
    50% { 
        opacity: 0.7; 
        transform: translate(-50%, -50%) scale(1.1); 
    }
}

/* Container da lâmpada com o efeito de halo */
.dr-lamp-container-effect {
    position: relative;
    display: inline-block;
    z-index: 10;
}

/* O "Halo" de luz atrás da imagem - Mais iluminado */
.dr-lamp-container-effect::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140%; /* Um pouco maior que a imagem */
    height: 140%;
    /* Degradê radial ciano mais intenso */
    background: radial-gradient(circle, rgba(0, 212, 255, 0.5) 0%, rgba(0, 212, 255, 0.2) 50%, rgba(0, 0, 0, 0) 70%);
    z-index: -1; /* Fica atrás da imagem */
    animation: softHaloPulse 4s ease-in-out infinite; /* Pulso lento e calmo */
    border-radius: 50%;
}

.dr-lamp-image-refined {
    width: 100%; /* w-full - ocupa o container */
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
    /* Efeito de iluminação */
    filter: brightness(1.15) drop-shadow(0 0 20px rgba(0, 212, 255, 0.4));
    transition: filter 0.3s ease;
}

/* Texto na Coluna Esquerda - Centralizado */
.dr-transition-text-section {
    text-align: center;
    position: relative;
    margin-top: 8px; /* Um pouco mais para baixo */
}

.dr-transition-title-new {
    font-size: 36px; /* text-4xl - revertido */
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px; /* mb-4 - revertido */
    letter-spacing: -0.02em;
    line-height: 1.2;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
    text-align: center; /* Centralizado no mobile */
}

@media (min-width: 768px) {
    .dr-transition-title-new {
        font-size: 48px; /* md:text-5xl - revertido */
        text-align: left; /* Alinhado à esquerda no desktop */
    }
}

.dr-transition-text-line-new {
    font-size: 18px; /* text-lg */
    color: #ffffff; /* text-white - mesma cor */
    margin-bottom: 24px; /* mb-6 - revertido */
    font-weight: 500; /* font-medium - mesma fonte */
    line-height: 1.5;
    opacity: 0.9; /* opacity-90 - mesma opacidade */
}

.dr-transition-text-final-new {
    font-size: 24px; /* text-2xl - revertido */
    color: #ffffff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center; /* Centralizado */
}

@media (min-width: 768px) {
    .dr-transition-text-final-new {
        font-size: 30px; /* md:text-3xl - revertido */
    }
}

.dr-transition-intangibles-new {
    color: #00d4ff;
}

.dr-transition-strikethrough-new {
    color: #94a3b8; /* Mais nítido - text-slate-400 */
    /* Strikethrough removido */
    opacity: 1;
}

/* COLUNA DIREITA: Texto Introdutório + Cards */
.dr-transition-right-column {
    display: flex;
    flex-direction: column;
}

.dr-transition-intro-text {
    font-size: 18px; /* text-lg - mesma fonte */
    color: #ffffff; /* text-white - mesma cor */
    margin-bottom: 24px; /* mb-6 - revertido */
    opacity: 0.9; /* opacity-90 - mesma opacidade */
    font-weight: 500; /* font-medium - mesma fonte */
    line-height: 1.5;
}

/* COLUNA DIREITA: Título + Texto + Cards */
.dr-transition-right-column {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.dr-pillars-list-new {
    display: flex;
    flex-direction: column;
    gap: 16px; /* gap-4 - revertido */
}

.dr-pillar-card-new {
    background: rgba(15, 23, 42, 0.5); /* bg-slate-900/50 */
    border: 1px solid rgba(30, 41, 59, 1); /* border-slate-800 */
    padding: 20px; /* p-5 - revertido */
    border-radius: 12px; /* rounded-xl */
    display: flex;
    align-items: center;
    gap: 16px; /* gap-4 */
    transition: all 0.3s ease;
}

.dr-pillar-card-new:hover {
    border-color: rgba(0, 212, 255, 0.3); /* border-cyan-400/30 */
}

.dr-pillar-icon-new {
    width: 40px; /* w-10 - revertido */
    height: 40px; /* h-10 - revertido */
    border-radius: 50%;
    background: rgba(0, 212, 255, 0.1); /* bg-cyan-400/10 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00d4ff;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.dr-pillar-card-new:hover .dr-pillar-icon-new {
    background: #00d4ff;
    color: #ffffff;
}

.dr-check-icon-new {
    width: 20px; /* w-5 - revertido */
    height: 20px; /* h-5 - revertido */
}

.dr-pillar-text-new {
    font-size: 18px; /* text-lg - revertido */
    font-weight: 700;
    color: #ffffff;
    line-height: 1.5;
}

/* COLUNA DIREITA: Conteúdo e Botões */
.dr-transition-content {
    text-align: left;
}

.dr-transition-title {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-transition-subtitle {
    font-size: 20px;
    color: #e2e8f0;
    margin-bottom: 48px;
    line-height: 1.6;
}

/* Lista de Pilares (Cards/Botões Interativos) */
.dr-pillars-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dr-pillar-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.dr-pillar-card:hover {
    background: rgba(22, 78, 99, 0.2);
    border-color: #22d3ee;
    transform: translateX(4px);
}

.dr-pillar-check {
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22d3ee;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.dr-pillar-card:hover .dr-pillar-check {
    color: #22d3ee;
    transform: scale(1.1);
}

.dr-check-icon-svg {
    width: 24px;
    height: 24px;
}

.dr-pillar-text {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    transition: color 0.3s ease;
}

.dr-pillar-card:hover .dr-pillar-text {
    color: #22d3ee;
}

/* Responsividade */
@media (max-width: 1023px) {
    .dr-transition-grid {
        gap: 48px;
    }
    
    .dr-transition-visual {
        order: 2;
    }
    
    .dr-transition-content {
        order: 1;
        text-align: center;
    }
    
    .dr-pillars-list {
        max-width: 600px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .dr-section-transition {
        padding: 80px 0;
    }
    
    .dr-transition-title {
        font-size: 32px;
    }
    
    .dr-transition-subtitle {
        font-size: 18px;
        margin-bottom: 32px;
    }
    
    .dr-pillar-card {
        padding: 20px;
    }
    
    .dr-pillar-text {
        font-size: 16px;
    }
    
    .dr-transition-lamp-image {
        max-width: 80%;
        margin: 0 auto;
    }
}

/* Garantir que os estilos novos tenham prioridade */
.dr-section-awareness .dr-container-awareness {
    max-width: 1280px !important;
}

.dr-section-awareness .dr-awareness-title {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.dr-section-awareness .dr-awareness-subtitle {
    font-size: 18px !important;
    color: #475569 !important;
}

/* Responsivo - Tablet */
@media (min-width: 768px) and (max-width: 968px) {
    .dr-hero-grid-new {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .dr-hero-left-new {
        text-align: center;
    }
    
    .dr-hero-title-new {
        font-size: 32px;
    }
    
    .dr-hero-subtitle-new {
        font-size: 18px;
    }
    
    .dr-hero-bullets-new li {
        font-size: 16px;
    }
    
    .dr-iceberg-badge {
        font-size: 14px;
        padding: 8px 16px;
    }
    
    .dr-iceberg-badge-submerged {
        font-size: 12px;
        padding: 8px 14px;
        max-width: 180px;
        min-width: 150px;
    }
    
    .dr-hero-title-new {
        text-align: left;
    }
    
    .dr-iceberg-item-1 {
        top: 8%;
        left: 2%;
    }
    
    .dr-iceberg-item-2 {
        top: 22%;
        right: 2%;
    }
    
    .dr-iceberg-item-3 {
        top: 42%;
        left: 5%;
    }
    
    .dr-iceberg-item-4 {
        top: 62%;
        right: 5%;
    }
}

.dr-iceberg-container {
    margin: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dr-iceberg-wrapper {
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

.dr-iceberg-image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

.dr-iceberg-top {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    text-align: center;
    width: 85%;
}

.dr-iceberg-bottom {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    text-align: center;
    width: 85%;
}

.dr-iceberg-label {
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin-bottom: 15px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-iceberg-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dr-iceberg-list li {
    font-size: 16px;
    font-weight: 500;
    color: white;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dr-iceberg-visible li {
    color: rgba(255, 255, 255, 0.95);
}

.dr-iceberg-hidden li {
    color: rgba(255, 255, 255, 0.95);
}

.dr-hero-title {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 1.4;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-hero-subtitle {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.5;
}

.dr-check-icon {
    font-size: 18px;
    flex-shrink: 0;
}

.dr-hero-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 50px auto 15px;
    max-width: 500px;
}

.dr-form-input {
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    color: #333;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dr-form-input::placeholder {
    color: #999;
}

.dr-form-input:focus {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.2);
    background: #ffffff;
}

.dr-hero-cta {
    margin-top: 30px;
}

.dr-btn {
    display: inline-block;
    padding: 15px 40px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.dr-btn-primary {
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
    color: white;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
}

.dr-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(0, 102, 204, 0.4);
    background: linear-gradient(135deg, #0052a3 0%, #003366 100%);
}

.dr-btn-whatsapp {
    background: #25D366;
    color: white;
}

.dr-btn-whatsapp:hover {
    background: #20BA5A;
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);
}

.dr-btn-secondary {
    background: white;
    color: #0a1f3d;
    border: 2px solid #0a1f3d;
}

.dr-btn-secondary:hover {
    background: #0a1f3d;
    color: white;
}

.dr-btn-secondary-link {
    display: inline-block;
    padding: 12px 0;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.dr-btn-secondary-link:hover {
    color: white;
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.dr-btn-large {
    padding: 18px 50px;
    font-size: 18px;
}

/* ===== DOBRA 2 - PERGUNTAS ===== */
.dr-fold-questions {
    padding: 80px 0;
    background: #f5f7fa;
}

.dr-section-title {
    font-size: 42px;
    font-weight: 900;
    color: #0a1f3d;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.2;
}

.dr-questions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.dr-question-item {
    background: white;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.dr-question-item:hover {
    transform: translateY(-5px);
}

.dr-question-icon {
    font-size: 48px;
    display: block;
    margin-bottom: 15px;
}

.dr-question-item p {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.dr-questions-conclusion {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-top: 30px;
}

.dr-questions-conclusion strong {
    color: #00d4ff;
    font-weight: 700;
}

/* ===== DOBRA 3 - VISÃO ===== */
.dr-fold-vision {
    padding: 80px 0;
    background: white;
}

.dr-vision-text {
    font-size: 24px;
    text-align: center;
    color: #333;
    margin-bottom: 30px;
    font-weight: 500;
}

.dr-vision-subtitle {
    font-size: 20px;
    text-align: center;
    color: #666;
    margin-bottom: 40px;
    font-weight: 600;
}

.dr-benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.dr-benefit-item {
    background: linear-gradient(135deg, #f5f7fa 0%, white 100%);
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.dr-benefit-item:hover {
    transform: translateY(-5px);
}

.dr-benefit-icon {
    font-size: 48px;
    display: block;
    margin-bottom: 20px;
}

.dr-benefit-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0a1f3d;
    margin: 0;
}

/* ===== DOBRA 4 - AVALIÁVEL ===== */
/* ===== DOBRA 4 - O QUE PODE SER AVALIADO (CORPORATE PREMIUM) ===== */
.dr-section-evaluable {
    position: relative !important;
    padding: 100px 0 !important; /* Aumentei o padding para dar ar de sofisticação */
    background: #ffffff !important;
    overflow: hidden;
    z-index: 1;
    
    box-shadow: none !important;
    border: none !important;
}

/* Overlay lateral esquerdo - vem da lateral para dentro */
.dr-section-evaluable::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(to right, 
        rgba(11, 17, 32, 0.25) 0%,
        rgba(11, 17, 32, 0.15) 30%,
        rgba(11, 17, 32, 0.08) 50%,
        rgba(11, 17, 32, 0.03) 70%,
        transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Overlay lateral direito - vem da lateral para dentro */
.dr-section-evaluable::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(to left, 
        rgba(11, 17, 32, 0.25) 0%,
        rgba(11, 17, 32, 0.15) 30%,
        rgba(11, 17, 32, 0.08) 50%,
        rgba(11, 17, 32, 0.03) 70%,
        transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Container do conteúdo - fica acima dos accents e triângulos */
.dr-section-evaluable .dr-container-evaluable {
    position: relative;
    z-index: 10;
}

/* Remover triângulos e elementos decorativos da seção evaluable */
.dr-section-evaluable .dr-side-triangle-dark,
.dr-section-evaluable .dr-triangle-left-dark,
.dr-section-evaluable .dr-triangle-right-dark,
.dr-section-evaluable .dr-evaluable-accent,
.dr-section-evaluable .dr-evaluable-overlay {
    display: none !important;
}

/* ===== SIDE ACCENTS - Elementos Laterais Decorativos ===== */
.dr-evaluable-accent {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    opacity: 0.6;
}

.dr-evaluable-accent-left {
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 500px;
    background: linear-gradient(135deg, #0B1120 0%, #0B1120 30%, rgba(11, 17, 32, 0.9) 60%, rgba(11, 17, 32, 0.5) 80%, transparent 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    filter: blur(20px);
}

.dr-evaluable-accent-right {
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 500px;
    background: linear-gradient(225deg, #0B1120 0%, #0B1120 30%, rgba(11, 17, 32, 0.9) 60%, rgba(11, 17, 32, 0.5) 80%, transparent 100%);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    filter: blur(20px);
}

/* ===== OVERLAY ELEMENTS - Elementos por Cima e por Baixo ===== */
.dr-evaluable-overlay {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0.15;
}

.dr-evaluable-overlay-top {
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1000px;
    height: 300px;
    background: radial-gradient(ellipse at center, #0B1120 0%, rgba(11, 17, 32, 0.5) 40%, transparent 70%);
    filter: blur(80px);
}

.dr-evaluable-overlay-bottom {
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1000px;
    height: 300px;
    background: radial-gradient(ellipse at center, #0B1120 0%, rgba(11, 17, 32, 0.5) 40%, transparent 70%);
    filter: blur(80px);
}

/* Garantir que dr-section-services sobrescreva quando aplicado */
.dr-section-services.dr-section-evaluable {
    padding: 80px 0;
    background: #ffffff;
}

/* --- MINIMALISTA PREMIUM: SEÇÃO LIMPA --- */
.dr-section-services,
.dr-section-services.dr-section-evaluable,
.dr-fold.dr-fold-evaluable.dr-section-services {
    position: relative !important;
    background-color: #ffffff !important;
    padding: 100px 0 !important; /* Aumentei o padding para dar ar de sofisticação */
    overflow: hidden;
    z-index: 1;

    /* REMOÇÃO TOTAL DE EFEITOS LATERAIS */
    box-shadow: none !important;
    background-image: none !important;
    border: none !important;
}

/* Garante que não sobrou nenhum pseudo-elemento criando sujeira */
.dr-section-services::before,
.dr-section-services::after {
    display: none !important;
    content: none !important;
}

/* Container do conteúdo - fica acima das sombras */
.dr-section-services .dr-container,
.dr-section-services.dr-section-evaluable .dr-container {
    position: relative;
    z-index: 10;
}

/* --- REMOÇÃO DE ELEMENTOS ANTIGOS --- */
/* Garanta que as classes dos triângulos ou linhas antigas não sejam renderizadas */
.dr-side-triangle,
.dr-side-triangle-dark,
.dr-triangle-left,
.dr-triangle-left-dark,
.dr-triangle-right,
.dr-triangle-right-dark,
.dr-service-arrow {
    display: none !important;
}

/* Seção Evaluable: Apenas triângulo ESQUERDO */
.dr-section-evaluable .dr-triangle-right-dark {
    display: none !important;
}

/* Seção Authority: Apenas triângulo DIREITO */
.dr-section-authority .dr-triangle-left-dark {
    display: none !important;
}

/* Responsivo - Mantém a limpeza minimalista */
@media (max-width: 1024px) {
    .dr-section-services,
    .dr-section-services.dr-section-evaluable {
        padding: 80px 0 !important;
    }
}

@media (max-width: 768px) {
    .dr-section-services,
    .dr-section-services.dr-section-evaluable {
        padding: 60px 0 !important;
    }
}
    
    .dr-evaluable-accent {
        opacity: 0.5;
        width: 150px;
        height: 400px;
        left: -30px;
    }
    
    .dr-evaluable-accent-right {
        right: -30px;
    }
    
    .dr-evaluable-overlay {
        opacity: 0.1;
        height: 200px;
        width: 70%;
    }
}

@media (max-width: 768px) {
    .dr-evaluable-accent {
        display: none;
    }
    
    .dr-evaluable-overlay {
        opacity: 0.08;
        height: 150px;
        width: 60%;
    }
}

/* Ajuste para telas grandes */
@media (min-width: 1400px) {
    .dr-side-triangle-dark {
        width: 250px !important;
    }
}

.dr-container-evaluable {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.dr-evaluable-section-title {
    font-size: 42px;
    font-weight: 700;
    color: #0f172a;
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.3;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-evaluable-grid-new {
    display: grid;
    grid-template-columns: 1fr; /* Mobile: 1 coluna */
    gap: 32px;
    margin-bottom: 48px;
}

/* Tablet: 2 colunas */
@media (min-width: 768px) {
    .dr-evaluable-grid-new {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop: 4 colunas */
@media (min-width: 1024px) {
    .dr-evaluable-grid-new {
        grid-template-columns: repeat(4, 1fr);
    }
}

.dr-evaluable-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 5px solid #00d4ff;
    border-radius: 16px;
    padding: 64px 40px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.dr-evaluable-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border-top-color: #00b8e6;
}

.dr-evaluable-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    color: #1e40af;
}

.dr-evaluable-icon-svg {
    width: 48px;
    height: 48px;
    stroke-width: 1.5;
}

.dr-evaluable-icon-image {
    width: 96px; /* w-24 = 6rem = 96px */
    height: 96px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
    transition: all 0.3s ease;
}

.dr-evaluable-card:hover .dr-evaluable-icon-image {
    transform: scale(1.05);
    filter: drop-shadow(0 8px 12px rgba(0, 212, 255, 0.3));
}

.dr-evaluable-card-title {
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0;
    line-height: 1.4;
}

.dr-evaluable-card-desc {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

.dr-evaluable-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #f1f5f9;
    color: #475569;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto;
    width: fit-content;
}

.dr-badge-icon {
    width: 20px;
    height: 20px;
    stroke-width: 1.5;
    color: #475569;
}

/* Media query para mobile - ajustes adicionais */
@media (max-width: 768px) {
    .dr-evaluable-section-title {
        font-size: 32px;
    }
    
    .dr-evaluable-card {
        padding: 32px 24px;
    }
}

/* ===== DOBRA 5 - PROPÓSITO (FUNDO ESCURO) ===== */
.dr-section-purpose {
    padding: 80px 0;
    background: #0F172A;
    color: white;
}

.dr-container-purpose {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.dr-purpose-section-title {
    font-size: 42px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.3;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

/* Novo Layout Vertical com Cards Glassmorphism */
.dr-purpose-cards-vertical {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 896px; /* max-w-4xl equivalente */
    margin: 48px auto 0;
}

/* Design Profissional - Seção 5 */
.royal-list-container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
}

/* Card Profissional - Padding Aumentado */
.royal-list-item {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.4) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 28px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Linha sutil no hover */
.royal-list-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, transparent 0%, #00d4ff 50%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.royal-list-item:hover::before {
    opacity: 1;
}

/* Efeito Hover Refinado */
.royal-list-item:hover {
    border-color: rgba(0, 212, 255, 0.3);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.7) 100%);
    transform: translateX(4px);
    box-shadow: 0 8px 32px rgba(0, 212, 255, 0.12), 0 0 0 1px rgba(0, 212, 255, 0.1);
}

/* Container Esquerdo (Número + Ícone) */
.royal-item-left {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    min-width: 100px;
}

/* Número Badge Profissional - Aumentado */
.royal-number {
    background: rgba(30, 41, 59, 0.6);
    color: rgba(148, 163, 184, 0.9);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.royal-list-item:hover .royal-number {
    color: #00d4ff;
    background: rgba(0, 212, 255, 0.15);
    border-color: rgba(0, 212, 255, 0.3);
    transform: scale(1.05);
}

/* Container do Ícone - Aumentado */
.royal-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Ícone com Efeito Neon Profissional */
.royal-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    filter: invert(1) drop-shadow(0 0 8px rgba(0, 212, 255, 0.6));
}

.royal-list-item:hover .royal-icon img {
    transform: scale(1.08);
    filter: invert(1) drop-shadow(0 0 16px rgba(0, 212, 255, 0.9));
}

/* Texto Principal Refinado - Aumentado */
.royal-item-text {
    flex-grow: 1;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    letter-spacing: -0.02em;
    transition: color 0.4s ease;
}

.royal-list-item:hover .royal-item-text {
    color: #00d4ff;
}

/* Seta Elegante */
.royal-arrow {
    color: #00d4ff;
    opacity: 0;
    transform: translateX(-8px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.royal-list-item:hover .royal-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Responsivo Mobile */
@media (max-width: 768px) {
    .royal-list-container {
        max-width: 100%;
        padding: 0 16px;
        gap: 12px;
    }
    
    .royal-list-item {
        padding: 16px 20px;
        gap: 16px;
    }
    
    .royal-item-left {
        gap: 16px;
        min-width: 80px;
    }
    
    .royal-number {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    
    .royal-icon {
        width: 40px;
        height: 40px;
    }
    
    .royal-item-text {
        font-size: 19px;
    }
}

@media (max-width: 480px) {
    .royal-list-item {
        padding: 18px 20px;
        gap: 16px;
    }
    
    .royal-item-text {
        font-size: 18px;
    }
    
    .royal-item-left {
        min-width: 70px;
        gap: 12px;
    }
}

/* Cards Glassmorphism */
.dr-benefit-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(51, 65, 85, 0.5); /* border-slate-700/50 */
    background: rgba(15, 23, 42, 0.4); /* bg-slate-900/40 */
    padding: 24px;
    transition: all 0.3s ease;
}

.dr-benefit-card:hover {
    transform: translateY(-4px);
    border-color: rgba(6, 182, 212, 0.5); /* border-cyan-400/50 */
    box-shadow: 0 10px 25px rgba(6, 182, 212, 0.1); /* shadow-cyan-500/10 */
}

.dr-benefit-card-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.dr-benefit-icon-wrapper {
    flex-shrink: 0;
    padding: 12px;
    background: rgba(30, 41, 59, 0.5); /* bg-slate-800/50 */
    border-radius: 12px;
}

/* Efeito Neon nas Imagens */
.dr-neon-icon {
    width: 64px;
    height: auto;
    /* A MÁGICA: Inverte para branco + Sombra Ciano */
    filter: invert(1) drop-shadow(0 0 5px rgba(0, 212, 255, 0.7));
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* No hover do card, o ícone brilha mais */
.dr-benefit-card:hover .dr-neon-icon {
    filter: invert(1) drop-shadow(0 0 12px rgba(0, 212, 255, 1));
    transform: scale(1.1);
}

/* Animação de "respiração" do brilho neon */
@keyframes neonBulbPulse {
    0% { 
        filter: invert(1) drop-shadow(0 0 5px rgba(0, 212, 255, 0.7)); 
        transform: scale(1); 
    }
    50% { 
        filter: invert(1) drop-shadow(0 0 25px rgba(0, 212, 255, 1)); 
        transform: scale(1.05); 
    }
    100% { 
        filter: invert(1) drop-shadow(0 0 5px rgba(0, 212, 255, 0.7)); 
        transform: scale(1); 
    }
}

/* Classe especial para a lâmpada */
.dr-special-bulb-icon {
    width: 64px;
    height: auto;
    /* Aplica a animação contínua */
    animation: neonBulbPulse 3s ease-in-out infinite;
}

/* Trava o brilho no máximo ao passar o mouse */
.dr-benefit-card:hover .dr-special-bulb-icon {
    animation: none;
    filter: invert(1) drop-shadow(0 0 30px rgba(0, 212, 255, 1));
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.dr-benefit-text-wrapper {
    flex: 1;
}

.dr-benefit-title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    line-height: 1.3;
}

.dr-benefit-description {
    font-size: 14px;
    color: rgba(148, 163, 184, 1); /* text-slate-400 */
    line-height: 1.6;
    margin: 0;
}

/* Responsivo */
@media (max-width: 768px) {
    .dr-benefit-card-content {
        flex-direction: column;
        text-align: center;
    }
    
    .dr-benefit-icon-wrapper {
        margin: 0 auto;
    }
}

/* ===== DOBRA 6 - AUTORIDADE (FUNDO CLARO) ===== */
.dr-section-authority {
    position: relative;
    padding: 80px 0;
    background: white;
    overflow: hidden;
}

/* Overlay lateral esquerdo - vem da lateral para dentro */
.dr-section-authority::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(to right, 
        rgba(11, 17, 32, 0.25) 0%,
        rgba(11, 17, 32, 0.15) 30%,
        rgba(11, 17, 32, 0.08) 50%,
        rgba(11, 17, 32, 0.03) 70%,
        transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Overlay lateral direito - vem da lateral para dentro */
.dr-section-authority::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(to left, 
        rgba(11, 17, 32, 0.25) 0%,
        rgba(11, 17, 32, 0.15) 30%,
        rgba(11, 17, 32, 0.08) 50%,
        rgba(11, 17, 32, 0.03) 70%,
        transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Container do conteúdo - fica acima dos triângulos */
.dr-section-authority .dr-container-authority {
    position: relative;
    z-index: 10;
}

/* Garantir que os triângulos laterais funcionem na seção authority - SÓLIDOS */
.dr-section-authority .dr-side-triangle-dark {
    z-index: 1 !important;
    background: #0B1120 !important;
    background-color: #0B1120 !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    border: none !important;
}

.dr-section-authority .dr-triangle-left-dark {
    background: #0B1120 !important;
    background-color: #0B1120 !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
}

.dr-section-authority .dr-triangle-right-dark {
    background: #0B1120 !important;
    background-color: #0B1120 !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
}

.dr-container-authority {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 10;
}

.dr-authority-logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: -40px; /* Move o logo mais para cima */
}

.dr-authority-logo {
    max-width: 350px; /* Aumentado em 75% (de 200px para 350px) */
    height: auto;
    display: block;
}

.dr-authority-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.dr-stat-block {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.dr-stat-number-large {
    font-size: 108px; /* Aumentado de 72px para 108px (50% maior) */
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-stat-label-small {
    font-size: 18px; /* Aumentado de 12px para 18px (50% maior) */
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.dr-authority-badges {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.dr-authority-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px; /* Aumentado de 8px para 12px (50% maior) */
    background: #f1f5f9;
    color: #334155;
    padding: 12px 24px; /* Aumentado de 8px 16px para 12px 24px (50% maior) */
    border-radius: 50px;
    font-size: 21px; /* Aumentado de 14px para 21px (50% maior) */
    font-weight: 500;
}

.dr-badge-icon {
    width: 24px; /* Aumentado de 16px para 24px (50% maior) */
    height: 24px; /* Aumentado de 16px para 24px (50% maior) */
    color: #475569;
    stroke-width: 2;
    flex-shrink: 0;
}

/* ===== DOBRA 7 - CONVITE FINAL (CTA) ===== */
/* ===== FOOTER UNIFICADO (CTA + Créditos) - CORRIGIDO ===== */
.dr-footer-unified {
    background-color: #0B1120;
    color: white;
    padding: 80px 0 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.dr-footer-unified .dr-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.dr-footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 80px;
}

/* Scanner Wrapper */
.dr-scanner-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}

.dr-scanner-box {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 20px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 70%);
}

.dr-scanner-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.9;
    position: relative;
    z-index: 1;
}

/* O Laser */
.dr-scan-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #00d4ff;
    box-shadow: 0 0 20px #00d4ff, 0 0 10px white;
    animation: scanMove 4s linear infinite;
    z-index: 10;
    opacity: 0.7;
}

/* Labels */
.dr-label-explicit {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: #0a1f3d;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    z-index: 15;
    white-space: nowrap;
}

.dr-label-intangible {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    background: #00d4ff;
    color: #0a1f3d;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.6);
    z-index: 15;
    white-space: nowrap;
    opacity: 0;
    animation: revealText 4s linear infinite;
}

/* ANIMAÇÕES SINCRONIZADAS (A Mágica) */
@keyframes scanMove {
    0% { top: -5%; opacity: 0; }
    5% { opacity: 1; }
    95% { opacity: 1; }
    100% { top: 105%; opacity: 0; }
}

@keyframes revealText {
    0% { opacity: 0; transform: translateX(-50%) scale(0.9); }
    65% { opacity: 0; transform: translateX(-50%) scale(0.9); }
    70% { opacity: 1; transform: translateX(-50%) scale(1.1); }
    75% { opacity: 1; transform: translateX(-50%) scale(1); }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* CTA Content */
.dr-footer-cta-content {
    text-align: left;
}

.dr-footer-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 15px;
    color: white;
    font-family: 'Montserrat', 'Inter', 'Roboto Slab', 'Poppins', sans-serif;
}

.dr-footer-subtitle {
    font-size: 18px;
    color: #cbd5e1;
    margin-bottom: 30px;
}

/* Botões Proporcionais */
.dr-footer-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: stretch;
}

.dr-btn-whatsapp-footer,
.dr-btn-outline-footer {
    padding: 16px 24px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    min-width: 200px;
    text-align: center;
    transition: all 0.3s ease;
}

.dr-btn-whatsapp-footer {
    background: #25d366;
    color: white;
    gap: 10px;
    border: 2px solid #25d366;
}

.dr-btn-whatsapp-footer:hover {
    background: #1ebc57;
    transform: translateY(-2px);
}

.dr-icon-wpp {
    width: 20px;
    height: 20px;
}

.dr-btn-outline-footer {
    background: transparent;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.dr-btn-outline-footer:hover {
    background: white;
    color: #0a1f3d;
    border-color: white;
    transform: translateY(-2px);
}

/* Footer Bottom */
.dr-footer-bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 40px;
    font-size: 14px;
    color: #94a3b8;
}

.dr-footer-links {
    margin: 15px 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dr-dot {
    margin: 0 10px;
    color: #334155;
}

.dr-footer-tagline {
    margin-top: 15px;
    font-size: 16px;
    color: white;
}

/* Responsivo para seções finais */
@media (max-width: 1024px) {
    .dr-purpose-grid-new {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .dr-authority-stats {
        gap: 60px;
    }
}

@media (max-width: 768px) {
    .dr-purpose-section-title {
        font-size: 32px;
    }
    
    .dr-purpose-cards-vertical {
        gap: 20px;
        margin-top: 32px;
    }
    
    .dr-benefit-card {
        padding: 20px;
    }
    
    .dr-benefit-title {
        font-size: 18px;
    }
    
    .dr-benefit-description {
        font-size: 13px;
    }
    
    .dr-neon-icon {
        width: 56px;
    }
    
    .dr-authority-stats {
        flex-direction: column;
        gap: 40px;
    }
    
    .dr-stat-number-large {
        font-size: 84px; /* Aumentado de 56px para 84px (50% maior) */
    }
    
    .dr-authority-badges {
        flex-direction: column;
        gap: 18px; /* Aumentado de 12px para 18px (50% maior) */
        align-items: center; /* Centraliza os badges no mobile */
    }
    
    .dr-authority-badge {
        text-align: center; /* Centraliza o texto dentro do badge */
        justify-content: center; /* Centraliza o conteúdo flex */
    }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .dr-footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    
    .dr-footer-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .dr-btn-whatsapp-footer,
    .dr-btn-outline-footer {
        width: 100%;
    }

    .dr-footer-title {
        font-size: 28px;
    }
    
    .dr-footer-cta-content {
        text-align: center;
    }
}


/* ===== MOBILE-FIRST: HERO SECTION ===== */
@media (max-width: 767px) {
    /* 1. CORRIGIR PADDING TOP: Empurrar conteúdo para baixo do logo */
    .dr-fold-hero {
        min-height: auto;
        padding: 160px 0 40px 0;
    }
    
    .dr-hero-content-new {
        padding-top: 0;
    }
    
    /* 2. MANTER ORDEM ORIGINAL: Texto primeiro, imagem depois */
    .dr-hero-grid-new {
        grid-template-columns: 1fr;
        gap: 30px;
        display: flex;
        flex-direction: column;
    }
    
    .dr-hero-left-new {
        order: 1;
        text-align: left;
    }
    
    .dr-hero-right-new {
        order: 2;
    }
    
    /* 3. AJUSTAR TAMANHO DA IMAGEM DO ICEBERG */
    .dr-iceberg-wrapper-animated {
        max-width: 75%;
        margin: 0 auto;
    }
    
    .dr-iceberg-image-new {
        max-width: 100%;
        max-height: 600px;
        width: 100%;
        height: auto;
        object-fit: contain;
        margin: 40px auto;
    }
    
    /* 4. AJUSTAR TIPOGRAFIA E ESPAÇAMENTOS */
    .dr-hero-title-new {
        font-size: 28px;
        line-height: 1.3;
        margin-top: 40px;
        margin-bottom: 16px;
        text-align: left;
    }
    
    .dr-hero-subtitle-new {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    /* 5. CHECKLIST: Alinhar à esquerda, tamanho legível */
    .dr-hero-bullets-new {
        margin-bottom: 30px;
        gap: 12px;
    }
    
    .dr-hero-bullets-new li {
        font-size: 16px;
        text-align: left;
    }
    
    .dr-check-icon-new {
        font-size: 18px;
    }
    
    /* 6. FORMULÁRIO: Ajustar espaçamentos */
    .dr-hero-form-new {
        margin-bottom: 20px;
        gap: 12px;
    }
    
    .dr-form-input-new {
        padding: 14px 18px;
        font-size: 16px;
    }
    
    .dr-btn-primary-new {
        padding: 16px 24px;
        font-size: 15px;
    }
    
    .dr-whatsapp-link-new {
        margin-top: 15px;
    }
    
    .dr-whatsapp-link-new a {
        font-size: 13px;
    }
    
    /* 7. REDUZIR BADGES DO ICEBERG NO MOBILE */
    .dr-iceberg-badge {
        font-size: 9px;
        padding: 3px 6px;
    }
    
    .dr-iceberg-badge-submerged {
        font-size: 8px;
        padding: 3px 5px;
        max-width: 100px;
        min-width: 80px;
        line-height: 1.2;
    }
    
    .dr-container {
        padding: 0 24px;
    }
    
    /* 8. REDUZIR PADDINGS DE OUTRAS SEÇÕES NO MOBILE */
    .dr-section-awareness,
    .dr-section-transition,
    .dr-section-evaluable,
    .dr-section-purpose,
    .dr-section-authority,
    .dr-section-invite {
        padding: 40px 0;
    }
    
    .dr-container {
        padding: 0 24px;
    }
    
    /* 9. AJUSTAR HEADER NO MOBILE */
    .dr-header-fixed {
        padding: 16px 0;
    }
    
    .dr-header-container {
        padding: 0 24px;
    }
    
    .dr-header-logo {
        height: 56px;
    }
}

/* ===== RESPONSIVE GERAL ===== */
@media (max-width: 768px) {
    .dr-fold-hero {
        min-height: auto;
        padding: 60px 0;
    }
    
    .dr-hero-title {
        font-size: 32px;
    }
    
    .dr-hero-subtitle {
        font-size: 18px;
    }
    
    .dr-iceberg-container {
        margin: 30px 0;
    }
    
    .dr-iceberg-wrapper {
        max-width: 90%;
    }
    
    .dr-iceberg-top {
        top: 10px;
    }
    
    .dr-iceberg-bottom {
        bottom: 10px;
    }
    
    .dr-iceberg-label {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .dr-iceberg-list li {
        font-size: 14px;
    }
    
    .dr-hero-form {
        max-width: 100%;
        margin: 30px auto 15px;
    }
    
    .dr-form-row {
        grid-template-columns: 1fr;
    }
    
    .dr-section-title {
        font-size: 28px;
    }
    
    .dr-questions-grid,
    .dr-benefits-grid,
    .dr-evaluable-grid,
    .dr-purpose-grid {
        grid-template-columns: 1fr;
    }
    
    .dr-stats-grid {
        grid-template-columns: 1fr;
    }
    
    .dr-invite-cta {
        flex-direction: column;
    }
    
    .dr-btn-large {
        width: 100%;
    }
    
    .dr-footer-values {
        flex-direction: column;
        gap: 10px;
    }
}