:root {
    --navy: #061a45;
    --navy-2: #0b285d;
    --blue: #153a82;
    --purple: #6b1dc4;
    --purple-2: #8e2ee7;
    --light: #f4f7fb;
    --text: #17213d;
    --muted: #687089;
    --line: #dbe1eb;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--text);
    background: #fff;
    padding-top: 78px;
}
h1,h2,h3,h4,h5,h6,.navbar { font-family: 'Montserrat', sans-serif; }
a { text-decoration: none; }
img { max-width: 100%; }

.site-header {
    background: rgba(255,255,255,.97);
    box-shadow: 0 4px 20px rgba(5,26,69,.08);
}
.site-header .navbar { min-height: 78px; }
.logo-header { width: 205px; height: auto; }
.navbar-nav { gap: .45rem; }
.nav-link {
    color: var(--navy);
    font-size: .79rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .65rem .75rem !important;
}
.nav-link:hover,.nav-link.active { color: var(--purple); }
.btn {
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    padding: .83rem 1.35rem;
}
.btn-vertix { background: var(--navy); color: #fff; border: 1px solid var(--navy); }
.btn-vertix:hover { background: var(--blue); color: #fff; }
.btn-purple { background: linear-gradient(135deg,var(--purple),var(--purple-2)); color: #fff; border: 0; }
.btn-purple:hover { color: #fff; filter: brightness(1.08); }
.btn-secondary-soft { background: rgba(255,255,255,.25); color: #fff; border: 1px solid rgba(255,255,255,.25); }
.btn-secondary-soft:hover { background: rgba(255,255,255,.38); color: #fff; }

.hero-vertix {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(2,18,52,.98) 0%, rgba(2,22,62,.92) 42%, rgba(3,27,70,.35) 72%, rgba(3,27,70,.08) 100%),
        url('../img/hero-laboratorio.jpg') center right/cover no-repeat;
}
.hero-vertix::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 24% 40%, rgba(78,146,255,.16), transparent 25%), linear-gradient(120deg, transparent 45%, rgba(255,255,255,.05));
    pointer-events: none;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: url('../img/pattern-cientifico.svg') left center/700px auto no-repeat;
    opacity: .24;
}
.min-vh-hero { min-height: 600px; }
.hero-logo { width: 290px; }
.hero-vertix h1 { font-size: clamp(2rem,4vw,3.35rem); line-height: 1.08; font-weight: 700; max-width: 760px; }
.hero-text { max-width: 670px; font-size: 1rem; line-height: 1.7; color: rgba(255,255,255,.9); }

.brand-strip { border-bottom: 1px solid var(--line); background: #fff; }
.brand-logo { width: 305px; }
.vertical-line { display: inline-block; height: 75px; width: 1px; background: #aab2c2; }
.section-padding { padding: 82px 0; }
.bg-light-blue { background: linear-gradient(180deg,#f7f9fd,#eef3fb); }
.section-heading { font-size: 1.55rem; font-weight: 500; text-transform: uppercase; color: var(--navy); margin-bottom: 1.8rem; display: flex; align-items: center; gap: 1rem; }
.section-heading::after { content:''; width: 70px; height: 1px; background: #9ba6bb; }
.section-title { display:flex; align-items:center; justify-content:center; gap:1rem; color:var(--navy); font-size:1.65rem; font-weight:500; text-transform:uppercase; }
.section-title::before,.section-title::after { content:''; width:85px; height:1px; background:#aab3c2; }
.section-title-small { font-size:1.25rem; }

.about-grid { border-left: 1px solid var(--line); }
.about-card { height:100%; padding: 0 30px; border-right:1px solid var(--line); }
.about-card i { font-size:2.25rem; color:var(--navy); display:block; margin-bottom:1rem; }
.about-card h3 { font-size:1rem; text-transform:uppercase; color:var(--navy); font-weight:700; }
.about-card p,.about-card li { font-size:.88rem; line-height:1.55; }
.about-card ul { padding-left:1.1rem; margin-bottom:0; }

.areas-grid { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.area-card { height:100%; text-align:center; padding:25px 18px; border-right:1px solid var(--line); }
.areas-grid .col:last-child .area-card { border-right:0; }
.area-card i { font-size:3rem; color:#251272; display:block; margin-bottom:.8rem; }
.area-card h3 { color:var(--navy); font-size:1rem; font-weight:700; min-height:48px; }
.area-card p { font-size:.82rem; line-height:1.45; margin:0; }

.biohacking-content { background: linear-gradient(135deg,#03163f,#082a68); color:#fff; }
.content-inner { max-width: 900px; padding: 62px 7vw; }
.biohacking-content h2 { text-transform:uppercase; font-size:1.55rem; margin-bottom:1.5rem; }
.biohacking-content p { color:rgba(255,255,255,.9); line-height:1.7; }
.biohacking-image { min-height:420px; background: linear-gradient(rgba(3,19,54,.1),rgba(3,19,54,.1)), url('../img/biohacking.jpg') center/cover no-repeat; }
.bio-point { text-align:center; }
.bio-point i { display:block; font-size:2rem; margin-bottom:.55rem; }
.bio-point span { font-size:.72rem; line-height:1.35; display:block; }

.endovance-section { background: linear-gradient(100deg,#fff,#f8f0fb); }
.endovance-copy { min-height:430px; display:flex; align-items:center; }
.light-content { padding-top:55px; padding-bottom:55px; }
.eyebrow { display:block; font-family:'Montserrat',sans-serif; font-size:1.7rem; color:var(--navy); text-transform:uppercase; letter-spacing:.08em; }
.endovance-logo { width:390px; }
.endovance-product { min-height:430px; background: url('../img/endovance-productos.jpg') center/cover no-repeat; }

.future-item,.choose-item { text-align:center; }
.future-item i,.choose-item i { color:var(--navy); font-size:2.55rem; display:block; margin-bottom:.8rem; }
.future-item h3,.choose-item h3 { font-size:.83rem; color:var(--navy); font-weight:700; }
.future-item p,.choose-item p { font-size:.74rem; line-height:1.45; margin:0; }

.contact-panel { border-left:1px solid var(--line); padding-left:50px; height:100%; }
.contact-list { list-style:none; padding:0; margin:0; }
.contact-list li { display:flex; align-items:flex-start; gap:.75rem; margin-bottom:.8rem; font-size:.82rem; }
.contact-list i { color:var(--navy); }
.contact-list a { color:var(--text); }
.contact-form { display:grid; gap:.55rem; }
.contact-form .form-control { border-radius:3px; border-color:#aeb5c1; font-size:.85rem; padding:.7rem .85rem; }
.btn-whatsapp { border:1px solid #7a869b; color:var(--navy); background:#fff; }
.btn-whatsapp i { color:#12a934; font-size:1.25rem; }
.btn-whatsapp:hover { background:#f5f7fb; color:var(--navy); }

.footer-vertix { background: radial-gradient(circle at center,#0d2a61,#03163f 70%); color:#fff; padding:32px 0; }
.logo-footer { width:215px; }
.footer-tagline { font-family:'Montserrat',sans-serif; font-size:1rem; }
.footer-categories,.footer-copy { font-size:.78rem; color:rgba(255,255,255,.82); }
.footer-social { display:flex; gap:.9rem; }
.footer-social a { width:34px; height:34px; border-radius:50%; background:#fff; color:var(--navy); display:grid; place-items:center; }

@media (max-width: 1199.98px) {
    .site-header .navbar-collapse { padding: 1rem 0 1.25rem; }
    .navbar-nav { align-items:flex-start !important; }
    .about-card { padding: 0 20px; }
    .contact-panel { padding-left:30px; }
}
@media (max-width: 991.98px) {
    body { padding-top:72px; }
    .site-header .navbar { min-height:72px; }
    .logo-header { width:175px; }
    .hero-vertix { background-position: 70% center; }
    .hero-vertix::before { content:''; position:absolute; inset:0; background:rgba(2,17,49,.35); }
    .min-vh-hero { min-height:650px; }
    .about-grid { border-left:0; }
    .about-card { border-right:0; border-bottom:1px solid var(--line); padding:25px 0; }
    .area-card { border-right:0; border-bottom:1px solid var(--line); }
    .biohacking-image,.endovance-product { min-height:340px; }
    .contact-panel { border-left:0; padding-left:0; padding-top:20px; }
}
@media (max-width: 575.98px) {
    .section-padding { padding:58px 0; }
    .hero-logo { width:240px; }
    .hero-vertix h1 { font-size:2.15rem; }
    .hero-vertix .btn { width:100%; }
    .section-title::before,.section-title::after { width:35px; }
    .content-inner { padding:48px 24px; }
}

.logo-header{
    width:auto;
    height:110px;
    transition:.3s;
}

@media (max-width:991px){
    .logo-header{
        height:80px;
    }
}

.site-header{
    background:#fff;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    z-index:9999;
}

.site-header .navbar{
    min-height:120px;
    padding:0;
}

@media (max-width:991px){
    .site-header .navbar{
        min-height:90px;
    }
}

.hero{
    padding-top:120px;
    min-height:100vh;
}

@media (max-width:991px){
    .hero{
        padding-top:90px;
    }
}

.hero-vertix{
    position: relative;
    padding-top: 170px;
    padding-bottom: 80px;
    min-height: 100vh;
}

@media (max-width: 991px){

    .hero-vertix{
        padding-top: 200px;
    }

}

.company-philosophy{
    background:
        linear-gradient(
            135deg,
            rgba(4, 23, 61, .98),
            rgba(22, 10, 67, .96)
        );
    color:#fff;
}

.company-philosophy .section-title{
    color:#fff;
}

.company-philosophy p{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    color:rgba(255,255,255,.82);
    font-size:1.05rem;
    line-height:1.8;
}

.section-eyebrow{
    display:inline-block;
    margin-bottom:12px;
    color:#b386ff;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    font-size:.75rem;
}

.philosophy-quote{
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:clamp(1.25rem, 2vw, 1.8rem);
    font-weight:600;
}

html{
    scroll-behavior:smooth;
    scroll-padding-top:var(--header-height, 120px);
}

section[id]{
    scroll-margin-top:var(--header-height, 120px);
}


.logo-footer{
    max-width:180px;
    width:100%;
    height:auto;
    transition:.3s;
}

.endovance-section{
    background:#fff;
}

.endovance-section .content-inner{
    max-width:760px;
    margin:auto;
}

.endovance-logo{
    max-width:340px;
    width:100%;
    height:auto;
}

.endovance-slogan{
    font-size:2rem;
    font-weight:300;
    color:#14244f;
    margin-bottom:25px;
}

.endovance-section p{
    font-size:1.12rem;
    line-height:1.9;
    color:#374151;
    margin-bottom:22px;
}

.endovance-section .btn{
    min-width:240px;
}

.endovance-section{
    background:
    radial-gradient(circle at top right,#f3f0ff 0%,#ffffff 45%);
}

.endovance-section{
    background:
        url("../img/pattern-dna.svg") right top no-repeat,
        #fff;

    background-size:420px;
}

.endovance-section{
    background:#fff;
    padding:70px 0;
}

.endovance-section .content-inner{
    max-width:760px;
    margin:auto;
    padding:0;
}

.endovance-logo{
    width:320px;
    max-width:100%;
    height:auto;
    margin-bottom:20px;
}

.endovance-slogan{
    font-size:2rem;
    font-weight:300;
    color:#14244f;
    margin-bottom:18px;
}

.endovance-section p{
    font-size:1.1rem;
    line-height:1.8;
    margin-bottom:18px;
    color:#374151;
}

.endovance-section .btn{
    margin-top:20px !important;
    min-width:230px;
}


.endovance-section{

    background:
    linear-gradient(
        135deg,
        #faf8ff 0%,
        #ffffff 40%,
        #f3f7ff 100%
    );

    padding:70px 0;
}


@media (max-width: 767px){

    body{
        overflow-x:hidden;
    }

    .section-padding{
        padding:55px 0;
    }

    .section-title,
    .section-heading{
        font-size:1.55rem;
        line-height:1.2;
    }

    .section-title::before,
    .section-title::after{
        width:30px;
    }

    .container{
        padding-left:22px;
        padding-right:22px;
    }

}