/* ESTILOS LANDING DICAT RD 
   Codificación: UTF-8
*/

:root { 
    --primary: #003876; /* Azul Institucional CNCS */
    --accent: #24d17e; 
    --text-dark: #1d2939;
    --text-light: #667085;
    --bg-soft: #f9fafb;
    --white: #ffffff;
}

body { 
    font-family: 'Inter', sans-serif; 
    background-color: var(--white); 
    color: var(--text-dark);
    scroll-behavior: smooth;
    margin: 0;
}

/* Navegación Superior */
.navbar {
    padding: 20px 0;
    background: var(--white);
    border-bottom: 1px solid #eaecf0;
}

.navbar-brand img { height: 40px; }

.nav-link { 
    color: var(--text-dark) !important; 
    font-weight: 500; 
    font-size: 0.95rem; 
}

.btn-login { 
    color: var(--text-dark); 
    text-decoration: none; 
    font-weight: 600; 
    margin-right: 20px; 
    font-size: 0.9rem;
}

.btn-get-started { 
    background: var(--primary); 
    color: var(--white) !important; 
    border-radius: 8px; 
    padding: 10px 24px; 
    font-weight: 600;
    transition: 0.3s;
    border: none;
}

.btn-get-started:hover {
    background: #002855;
    transform: translateY(-2px);
}

/* Sección Hero */
.hero-section { padding: 80px 0; background: var(--white); }

.hero-title { 
    font-size: 3.5rem; 
    font-weight: 800; 
    line-height: 1.1; 
    letter-spacing: -2px; 
    color: var(--text-dark);
}

.hero-subtitle { 
    font-size: 1.15rem; 
    color: var(--text-light); 
    margin: 25px 0; 
    max-width: 520px; 
    line-height: 1.6;
}

/* Tarjeta de Denuncia (Estilo Finpay) */
.report-card {
    background: var(--white);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 20px 50px rgba(0, 56, 118, 0.08);
    border: 1px solid #f2f4f7;
}

.input-custom {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    font-size: 0.95rem;
}

.input-custom:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(0, 56, 118, 0.1);
}

/* Barra de Estadísticas */
.stats-bar { 
    padding: 60px 0; 
    background-color: var(--bg-soft);
    border-top: 1px solid #eaecf0; 
    border-bottom: 1px solid #eaecf0; 
}

.stat-item h2 { 
    font-weight: 800; 
    color: var(--primary); 
    font-size: 2.8rem; 
    margin-bottom: 5px;
}

/* Consultar Tracking */
.tracking-box {
    max-width: 600px; 
    margin: 40px auto;
    text-align: center;
}

.tracking-input-group {
    display: flex;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
}

/* Footer */
footer { 
    background: #001d3d; 
    color: var(--white); 
    padding: 80px 0 40px; 
}

.footer-logo { 
    filter: brightness(0) invert(1); 
    height: 45px; 
    margin-bottom: 30px;
}