:root {
    --cuyum-primary: #00a8e8;
    --cuyum-dark: #00171f;
    --cuyum-light: #f0f9ff;
}

body { font-family: 'Poppins', sans-serif; overflow-x: hidden; }

/* --- EL SECRETO DE TUS MÁRGENES --- */
.container-custom {
    padding-left: 10%;
    padding-right: 10%;
}

/* --- NAVBAR --- */
.navbar {
    background: white !important;
    height: 90px;
    padding: 0 10%; /* Margen del 10% también en el nav */
    border-bottom: 1px solid #eee;
}

.logo-cuyum { height: 60px; }
.nav-cuyum-horizontal { list-style: none; display: flex; gap: 40px; }
.nav-link-cuyum { text-decoration: none; color: var(--cuyum-dark); font-weight: 700; text-transform: uppercase; font-size: 0.9rem; }
.link-access { color: var(--cuyum-primary) !important; border-left: 2px solid #eee; padding-left: 25px !important; }

/* --- HERO CON MARGEN IZQUIERDO --- */
.hero {
    background: linear-gradient(135deg, rgba(0,23,31,0.8) 0%, rgba(0,126,167,0.6) 100%), 
                url('https://images.unsplash.com/photo-1523362628563-e94988d3310d?q=80&w=1600') no-repeat center center/cover;
    height: 90vh;
    display: flex;
    align-items: center;
    padding-left: 10%; /* TU MARGEN IZQUIERDO REPRODUCIDO */
    color: white;
    position: relative;
}

.hero h1 { font-size: 4.5rem; line-height: 1; }
.hero p { max-width: 550px; font-size: 1.2rem; margin-bottom: 30px; }

.btn-cuyum-lg {
    background: var(--cuyum-primary); color: white;
    padding: 15px 45px; border-radius: 50px; font-weight: 600; text-decoration: none;
}

.hero-wave {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" d="M0,224L1440,320L1440,320L0,320Z"></path></svg>') no-repeat bottom/cover;
}

/* --- SECCIONES Y CARDS --- */
.section-padding { padding: 120px 0; }
.bg-about { background: #f8fdff; }
.bg-light-cuyum { background: #f0faff; }

.card-service, .card-contact {
    background: white;
    padding: 50px 30px;
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    height: 100%;
    transition: 0.3s;
    border: 1px solid #f0f0f0;
}

.card-contact { display: flex; flex-direction: column; align-items: center; text-decoration: none !important; }
.card-contact:hover { transform: translateY(-10px); }

.contact-icon-wrapper, .icon-box {
    width: 70px; height: 70px; background: var(--cuyum-light);
    color: var(--cuyum-primary); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 2rem; margin-bottom: 20px;
}

/* --- RESPONSIVE --- */
@media (max-width: 991px) {
    .container-custom, .hero, .navbar { padding-left: 5%; padding-right: 5%; }
    .hero h1 { font-size: 3rem; }
}