:root {
    --simplifica: #0072ce;
    --simplifica-cian: #49c5e0;
    --azul-profundo: #121d2c;
    --azul-corp: #061a33;
    --crema-bg: #f2efea;
    --slide-width: 250px;
    --no-of-slides: 12;
}

body {
    font-family: 'Inter', sans-serif;
    color: #1e293b;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* NAVBAR */
.logo-text { font-weight: 800; font-size: 1.3rem; color: var(--azul-corp); line-height: 1; }
.logo-text span { color: var(--simplifica-cian); }

.nav-link { 
    font-weight: 700; 
    text-transform: uppercase; 
    font-size: 0.8rem; 
    margin: 0 10px; 
    color: var(--azul-corp) !important;
}
.nav-link:hover { color: var(--simplifica) !important; }

/* BOTONES */
.btn-simplifica {
    background-color: var(--simplifica);
    border: none;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.btn-simplifica:hover {
    background-color: var(--simplifica-cian);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(73, 197, 224, 0.3);
}

/* HERO */
#hero {
    min-height: 85vh;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070') center/cover no-repeat;
    position: relative;
}
.hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(6, 26, 51, 0.9), rgba(6, 26, 51, 0.65));
    z-index: 1;
}

/* UTILIDADES */
.text-simplifica { color: var(--simplifica) !important; }
.text-simplifica-cian { color: var(--simplifica-cian) !important; }
.bg-simplifica { background-color: var(--simplifica) !important; }
.bg-simplifica-cian { background-color: var(--simplifica-cian) !important; }
.bg-azul-profundo { background-color: var(--azul-profundo) !important; }
.text-azul-corp { color: var(--azul-corp); }
.bg-azul-corp { background-color: var(--azul-corp) !important; }
.divider { width: 60px; height: 4px; background: var(--simplifica-cian); margin-top: 15px; }

/* HISTORIA */
blockquote { font-size: 1.1rem; font-style: italic; line-height: 1.6; border-left: 4px solid var(--simplifica); padding-left: 1.5rem; }

/* PLANES */
.plan-card { transition: transform 0.3s ease; }
.plan-card:hover { transform: translateY(-10px); box-shadow: 0 1rem 3rem rgba(6, 26, 51, 0.15) !important; }
.border-destacado { border: 3px solid var(--simplifica-cian) !important; }

/* EQUIPO */
.img-circle-container {
    width: 180px; height: 180px; margin: 0 auto;
    border: 5px solid white; border-radius: 50%;
    overflow: hidden; transition: 0.4s; background: #eee;
}
.img-circle-container:hover { border-color: var(--simplifica-cian); transform: scale(1.05); }
.img-circle-container img { width: 100%; height: 100%; object-fit: cover; }

/* SLIDER CLIENTES */
.slider-clientes { width: 100%; height: 150px; overflow: hidden; display: flex; align-items: center; }
.slide-track { display: flex; width: calc(var(--slide-width) * var(--no-of-slides)); animation: scroll 40s linear infinite; }
.slide-item { width: var(--slide-width); padding: 0 40px; }
.slide-item img { max-width: 100%; filter: grayscale(100%); opacity: 0.5; transition: 0.4s; }
.slider-clientes:hover .slide-item img { filter: grayscale(0%); opacity: 1; }

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(var(--slide-width) * var(--no-of-slides) / -2)); }
}

/* CONTACTO */
.contact-card { background-color: var(--crema-bg); }
.custom-input { background: transparent; border: none; border-bottom: 2px solid #5d6778; border-radius: 0; padding: 12px 0; }
.custom-input:focus { box-shadow: none; border-bottom-color: var(--simplifica-cian); outline: none; }

.brightness-0-invert { filter: brightness(0) invert(1); }

@media (max-width: 768px) {
    #hero h1 { font-size: 2.5rem; }
    .display-3 { font-size: 2.8rem; }
}