/* --- Minimalist Corporate Look & Feel (Green/Grey) --- */

/* General Body & Fonts */
body {
    font-family: 'Roboto', sans-serif;
    padding-top: 56px; /* Adjust for fixed navbar */
    background-color: #ffffff;
    color: #495057; /* Softer grey for text */
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Typography */
h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
}

/* Navbar */
.navbar {
    background-color: #212529 !important; /* Darker grey for navbar */
}

/* Hero Section */
.hero-section {
    background: linear-gradient(rgba(33, 37, 41, 0.85), rgba(33, 37, 41, 0.85)), url('https://images.unsplash.com/photo-1522252234503-e356532cafd5?q=80&w=2070&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
    height: 80vh; /* Reduced height for a more compact feel */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- Corporate Green Color Overrides --- */

.btn-primary {
    background-color: #2E7D32; /* Corporate Green */
    border-color: #2E7D32;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.8rem 2rem;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #1B5E20; /* Darker Green on hover */
    border-color: #1B5E20;
}

.text-primary {
    color: #2E7D32 !important; /* Corporate Green for text */
}

/* Section Titles */
.section-title {
    font-weight: 700;
    color: #343a40;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

/* Services Section */
#servicios {
    padding: 6rem 0;
}

#servicios .card {
    border: none; /* Remove card borders */
    border-radius: 8px; /* Slightly rounded corners */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* More subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#servicios .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

/* Special Card for WhatsApp Service */
.special-card {
    background-color: #2E7D32; /* Corporate Green */
    color: white;
}

.special-card .text-white-50 {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Contact Section */
#contacto {
    padding: 6rem 0;
}

/* Footer */
.footer {
    background-color: #212529; /* Darker grey for footer */
}

footer a:hover {
    color: #2E7D32 !important; /* Green hover for links */
}