/* Variables Globales */
:root {
    --kp-verde: #4c5e53;   
    --kp-verde-dark: #3a4a41;
    --kp-gris-oscuro: #2c3136;
    --kp-claro: #fcfcfc;
    --kp-dorado: #d4af37; 
}

body { 
    font-family: 'Montserrat', sans-serif; 
    background-color: var(--kp-claro); 
    color: var(--kp-gris-oscuro);
    overflow-x: hidden;
}

/* Navbar Compacta */
.navbar { 
    background-color: rgba(255, 255, 255, 0.98) !important; 
    border-bottom: 3px solid var(--kp-verde);
    padding: 0.5rem 0;
}
.navbar-brand img { height: 60px; width: auto; transition: 0.3s; }
.nav-link { font-weight: 600; text-transform: uppercase; font-size: 0.85rem; }

/* Hero Section Reducido */
.hero-section { 
    background: linear-gradient(rgba(44, 49, 54, 0.6), rgba(76, 94, 83, 0.5)), 
                url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80');
    background-size: cover;
    background-position: center;
    height: 55vh; 
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
}
.hero-section h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 0.5rem; }
.hero-section p { font-size: 1.5rem; margin-bottom: 1.5rem; opacity: 0.9; }

/* Sección Servicios */
.section-title { 
    font-weight: 800; 
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
}
.section-title::after {
    content: ''; display: block; width: 50px; height: 4px; 
    background: var(--kp-verde); margin: 10px auto;
}

.service-card { 
    background: white; 
    padding: 25px 15px; 
    border-radius: 15px; 
    border: 1px solid rgba(0,0,0,0.05);
    border-bottom: 4px solid var(--kp-verde);
    transition: 0.3s;
    height: 100%; 
    text-align: center;
}
.service-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(0,0,0,0.07); }
.service-card i { 
    font-size: 2.2rem; 
    color: var(--kp-verde);
    margin-bottom: 15px;
    display: block;
}
.service-card h6 { font-size: 0.7rem; font-weight: 700; color: var(--kp-dorado); text-transform: uppercase; margin-bottom: 5px; }
.service-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }
.service-card p { font-size: 0.8rem; line-height: 1.4; color: #666; margin-bottom: 0; }

/* Ajuste para 5 columnas en escritorio */
@media (min-width: 992px) {
    .col-kp-5 { width: 20%; flex: 0 0 20%; }
}

.btn-success { 
    background-color: var(--kp-verde) !important; 
    border: none; padding: 12px 30px; border-radius: 50px; font-weight: 700;
}