:root{--navy:#071a43;--navy2:#0b2860;--blue:#078bd5;--cyan:#22c5ee;--ink:#13213a;--muted:#657187;--pale:#f3f7fb;--line:#e2e9f1;--white:#fff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}
.site-header{height:88px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(226,233,241,.8);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:70px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700;color:#33415a}.main-nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:white;padding:13px 18px;border-radius:4px}.nav-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#06183d 0%,#09275b 58%,#073d79 100%);color:#fff;padding:55px 0 55px;min-height:0}.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(63,190,245,.16);border-radius:50%;right:-180px;top:-230px;box-shadow:0 0 0 55px rgba(63,190,245,.035),0 0 0 110px rgba(63,190,245,.025)}.hero-glow{position:absolute;width:500px;height:500px;right:10%;top:5%;background:radial-gradient(circle,rgba(0,169,255,.22),transparent 68%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2.3px;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-2px;line-height:1.12}h1{font-size:clamp(44px,5.3vw,68px);max-width:620px;margin:25px 0 23px}h1 em,h2 em{font-style:normal;color:#35c5f0}.hero-lead{max-width:540px;color:#d1deef;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;font-size:12px;font-weight:800;border:0;border-radius:3px;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-primary{background:linear-gradient(100deg,#078bd5,#16b9e9);color:#fff;box-shadow:0 10px 28px rgba(0,157,222,.2)}.button span{font-size:18px}.text-link{font-size:12px;font-weight:700;color:#e8f5ff}.text-link span{color:var(--cyan);margin-left:7px}.hero-note{margin-top:42px;color:#a9bdd8;font-size:11px;display:flex;align-items:center;gap:10px}.note-icon{width:19px;height:19px;border:1px solid #26bce9;border-radius:50%;display:grid;place-items:center;color:#3bc8ef;font-size:11px}
.hero-visual{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    border-radius:12px;
    margin-left:auto;
}
.hero-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:12px;
}
.visual-orbit{position:absolute;border:1px solid rgba(73,190,241,.22);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:420px;height:270px}.orbit-two{width:330px;height:410px;transform:rotate(48deg)}.card-main{width:min(390px,90%);height:250px;border:1px solid rgba(110,213,255,.35);border-radius:16px;background:linear-gradient(140deg,rgba(17,71,130,.95),rgba(4,22,57,.97));box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.15);padding:28px;transform:rotate(-7deg);position:relative;z-index:2}.card-main:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(45,192,244,.22);border-radius:50%;right:-65px;bottom:-110px;box-shadow:0 0 0 25px rgba(45,192,244,.035),0 0 0 50px rgba(45,192,244,.025)}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.mini-brand{font-family:var(--display);font-weight:800;letter-spacing:3px}.card-chip{font-size:8px;letter-spacing:2px;color:#77d9f5;border:1px solid rgba(119,217,245,.4);padding:6px 9px;border-radius:3px}.card-symbol{font-family:var(--display);font-size:100px;font-weight:800;letter-spacing:-12px;color:rgba(53,193,239,.8);text-shadow:0 0 45px rgba(0,181,255,.28);margin:8px 0}.card-symbol span{font-size:40px;vertical-align:top;color:#fff}.card-bottom{font-size:8px;letter-spacing:2px;color:#9bb7d7}.card-arrow{font-size:22px;color:var(--cyan)}.floating-stat{position:absolute;z-index:3;bottom:20px;right:-5px;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:15px 19px;border-radius:5px;box-shadow:0 15px 45px rgba(0,0,0,.22)}.stat-icon{width:37px;height:37px;border-radius:4px;background:#e4f7fd;color:#078bd5;display:grid;place-items:center;font-size:21px}.floating-stat strong,.floating-stat small{display:block}.floating-stat strong{font-size:11px}.floating-stat small{font-size:9px;color:var(--muted)}.visual-caption{position:absolute;bottom:-28px;font-size:8px;letter-spacing:2px;color:#82a6c9}.hero-bottom-line{height:3px;position:absolute;bottom:0;left:0;width:40%;background:linear-gradient(90deg,var(--cyan),transparent)}
.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-inner>span{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#8a96a9}.trust-inner div{font-size:12px;font-weight:700;color:#35445d}.trust-inner b{color:#11a8df;margin-right:10px;font-family:var(--display)}
.section{padding:105px 0}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section-kicker{color:#078bd5}.section-heading h2,.requirements-copy h2,.contact-intro h2{font-size:clamp(34px,4vw,48px);margin:18px 0 20px}.section-heading h2 em,.requirements-copy h2 em,.contact-intro h2 em{color:#078bd5}.accent-line{height:3px;width:54px;background:linear-gradient(90deg,#078bd5,#28c8ee)}.large-copy{font-size:20px;line-height:1.55;color:#172c4d;font-weight:600}.about-copy>p:not(.large-copy){color:var(--muted);font-size:14px;line-height:1.9}.underlined-link{display:inline-block;margin-top:14px;font-size:12px;font-weight:800;border-bottom:1px solid #0c9bd8;padding-bottom:8px}.underlined-link span{color:#078bd5;margin-left:12px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:75px}.value-card{border:1px solid var(--line);padding:27px 28px;min-height:220px;position:relative;transition:.25s}.value-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(10,36,75,.07)}.value-number{position:absolute;right:25px;top:22px;font-size:10px;color:#aab5c5;font-weight:700}.value-icon{width:43px;height:43px;background:#e8f7fc;color:#078bd5;display:grid;place-items:center;font-size:23px;border-radius:4px;margin-bottom:22px}.value-card h3{font-family:var(--display);font-size:17px;margin-bottom:8px}.value-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}

.credit-section{background:var(--pale)}
.centered{text-align:center;max-width:690px;margin:0 auto 48px}
.centered h2{margin-bottom:14px}
.centered p{font-size:13px;color:var(--muted)}

.credit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.credit-card {
    background: white;
    border: 1px solid var(--line);
    padding: 38px 40px;
    position: relative;
    overflow: hidden;
}

.credit-card{background:white;border:1px solid var(--line);padding:38px 40px;position:relative;overflow:hidden}.credit-card.featured{background:linear-gradient(145deg,#09265a,#071a43);color:#fff;border-color:#09265a}.credit-card.featured:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(69,198,244,.2);border-radius:50%;right:-100px;top:-110px;box-shadow:0 0 0 30px rgba(69,198,244,.03),0 0 0 60px rgba(69,198,244,.025)}.credit-icon{width:48px;height:48px;border-radius:5px;background:#e8f7fc;color:#078bd5;display:grid;place-items:center;font-size:25px;margin-bottom:24px}.featured .credit-icon{background:rgba(36,191,239,.15);color:#4ad0f3}.credit-label{font-size:9px;letter-spacing:2px;font-weight:800;color:#078bd5}.featured .credit-label{color:#49c8ed}.credit-card h3{font-family:var(--display);font-size:25px;margin:12px 0}.credit-card>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:430px}.featured>p{color:#c3d3e8}.credit-card ul{list-style:none;padding:0;margin:24px 0 27px}.credit-card li{font-size:12px;margin:11px 0;color:#526178}.featured li{color:#d5e2f2}.credit-card li:before{content:"✓";color:#08a8dc;margin-right:11px;font-weight:800}.credit-card>a{font-size:12px;font-weight:800;color:#078bd5}.featured>a{color:#51c9ef}.credit-card>a span{margin-left:12px}.disclaimer{font-size:10px;color:#8994a5;margin:20px 0 0;text-align:center}

/* TERCERA TARJETA - CELESTE BETA MAT */
.credit-grid .credit-card:nth-child(3) {
    background: #e8f7fc;
    border: 1px solid #b9e5f5;
    color: #13213a;
}

.credit-grid .credit-card:nth-child(3) .credit-icon {
    background: #cceefa;
    color: #078bd5;
}

.requirements-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.requirements-copy>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:28px}.button-dark{background:var(--navy);color:#fff}.requirements-list{border-top:1px solid var(--line)}.requirement{display:grid;grid-template-columns:40px 1fr 20px;gap:15px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start}.requirement>span{font-family:var(--display);font-size:11px;color:#078bd5;font-weight:800;padding-top:3px}.requirement h3{font-size:14px;margin:0 0 5px}.requirement p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.requirement>b{color:#0b9ed8;font-size:17px}
.cta-band{background:linear-gradient(105deg,#087ebd,#063d7b);color:#fff;padding:53px 0}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band .section-kicker{color:#a7eaff}.cta-band h2{font-size:32px;letter-spacing:-1px;margin:12px 0 0}.button-light{background:#fff;color:var(--navy);white-space:nowrap}
.contact-section{background:#f7f9fc}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.contact-intro>p{font-size:13px;color:var(--muted);line-height:1.9}.contact-detail{display:flex;align-items:center;gap:14px;margin-top:28px}.contact-detail>span{width:40px;height:40px;display:grid;place-items:center;background:#e4f5fb;color:#078bd5;font-size:20px}.contact-detail small,.contact-detail strong{display:block}.contact-detail small{font-size:8px;letter-spacing:1.5px;color:#8c98a9;font-weight:800}.contact-detail strong{font-size:12px}.contact-form{background:#fff;padding:36px 40px;box-shadow:0 15px 50px rgba(17,42,78,.06);border:1px solid var(--line)}.form-heading h3{font-family:var(--display);font-size:21px;margin-bottom:5px}.form-heading p{font-size:11px;color:var(--muted);margin-bottom:24px}.contact-form label{display:block;font-size:10px;font-weight:800;color:#33415a;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #e1e7ef;background:#fbfcfe;border-radius:3px;font:12px var(--font);color:var(--ink);outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0b9fd8;box-shadow:0 0 0 3px rgba(11,159,216,.08)}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submit-button{width:100%;font-family:var(--font)}.form-note{display:block;color:#8a96a7;font-size:9px;line-height:1.6;margin-top:12px}.form-feedback{font-size:11px;color:#078bd5;margin:8px 0 0}
.site-footer{background:#061735;color:#c5d3e5;padding:42px 0 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:30px}.footer-brand img{width:170px;height:75px;object-fit:contain}.footer-main p{font-size:11px;color:#9db0ca;margin:0;max-width:350px}.back-top{font-size:11px;color:#4dcaf0;font-weight:700}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;color:#8194b0;font-size:9px}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:#16b96b;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 25px rgba(0,0,0,.2);z-index:40;transition:.2s}.whatsapp-float:hover{transform:translateY(-4px)}

@media (max-width: 1100px) {
    .credit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media(max-width:700px){.container{width:min(100% - 36px,560px)}.site-header{height:74px}.brand img{width:155px;height:62px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{width:23px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:20px 24px 25px;box-shadow:0 15px 25px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:18px}.main-nav.open{display:flex}.nav-cta{text-align:center}.hero{padding:72px 0 55px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{text-align:left}.hero h1{font-size:47px}.hero-lead{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-note{margin-top:28px}.hero-visual{
    height:310px;
    transform:none;
    margin:0;
}.floating-stat{right:0;bottom:0}.visual-caption{bottom:-12px}.trust-inner{padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.trust-inner>span{grid-column:1/-1}.trust-inner div{font-size:10px}.section{padding:72px 0}.two-col,.requirements-wrap,.contact-grid{grid-template-columns:1fr;gap:30px}.section-heading h2,.requirements-copy h2,.contact-intro h2{font-size:37px}.values-grid{grid-template-columns:1fr;margin-top:40px}.value-card{min-height:0}.credit-grid{grid-template-columns:1fr}.credit-card{padding:30px 25px}.requirements-wrap{gap:35px}.cta-content{align-items:flex-start;flex-direction:column}.cta-band h2{font-size:28px}.contact-form{padding:28px 22px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{align-items:flex-start;flex-direction:column;gap:12px}.footer-brand img{width:150px}.footer-bottom{gap:10px;flex-direction:column}.whatsapp-float{right:16px;bottom:16px;width:50px;height:50px}}

/* =================================
   MEJORA VISUAL BETA MAT
   1. Profundidad de fotografía
================================= */

.hero-visual {
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow:
        0 22px 55px rgba(0, 0, 0, 0.30),
        0 0 28px rgba(34, 197, 238, 0.10);
    background: #0b2860;
}

/* =================================
   2. LUCES Y PROFUNDIDAD DEL FONDO
================================= */

.hero {
    background-image:
        radial-gradient(
            circle at 78% 28%,
            rgba(34, 197, 238, 0.14) 0%,
            transparent 28%
        ),
        radial-gradient(
            circle at 18% 88%,
            rgba(7, 139, 213, 0.12) 0%,
            transparent 32%
        ),
        linear-gradient(
            115deg,
            #06183d 0%,
            #09275b 58%,
            #073d79 100%
        );
}

/* =========================================
   ACABADOS PROFESIONALES - BETA MAT
========================================= */

/* 1. ENCABEZADO MÁS COMPACTO */
.site-header {
    height: 82px;
    transition: box-shadow 0.3s ease;
}

.site-header:hover {
    box-shadow: 0 5px 20px rgba(7, 26, 67, 0.07);
}

.brand img {
    height: 66px;
}

/* 2. MOVIMIENTO SUAVE EN LA FOTOGRAFÍA */
.hero-image {
    transition: transform 0.7s ease;
}

.hero-visual:hover .hero-image {
    transform: scale(1.025);
}

/* 3. BOTONES CON TRANSICIONES ELEGANTES */
.button,
.nav-cta {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        filter 0.3s ease;
}

.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    filter: brightness(1.08);
}

.nav-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(7, 26, 67, 0.18);
}

.text-link {
    transition: color 0.3s ease;
}

.text-link:hover {
    color: #35c5f0;
}

/* ACCESIBILIDAD: MOVIMIENTO REDUCIDO */
@media (prefers-reduced-motion: reduce) {
    .hero-image,
    .button,
    .nav-cta,
    .text-link {
        transition: none;
    }
}

/* LOGO DEL PIE DE PAGINA */
footer .logo {
    display: none;
}
/* PIE DE PAGINA BETA MAT */
.site-footer {
    background: #071a43;
    padding: 40px 20px 25px;
    text-align: center;
}


/* FOOTER MINIMALISTA BETA MAT */

.site-footer {
    background: #071a43;
    color: #ffffff;
    padding: 38px 6% 18px;
}

.footer-container {
    max-width: 1150px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 35px;
    align-items: center;
}

.footer-brand-image {
    width: 230px;
    max-width: 100%;
    height: 90px;
    display: block;
    object-fit: contain;
    object-position: left center;
    margin: 0 0 12px;
}

.footer-brand p,
.footer-column p,
.footer-column a {
    color: #aebed8;
    font-size: 13px;
    line-height: 1.8;
}

.footer-column h3 {
    color: #19b9eb;
    font-size: 13px;
    margin-bottom: 12px;
}

.footer-column a {
    display: block;
    text-decoration: none;
}

.footer-column a:hover {
    color: #19b9eb;
}

.footer-bottom {
    max-width: 1150px;
    margin: 28px auto 0;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.12);
    text-align: center;
    color: #8499ba;
    font-size: 12px;
}

@media (max-width: 650px) {
    .footer-container {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .footer-brand {
        grid-column: 1 / -1;
        text-align: center;
    }

    .footer-brand-image {
        margin: 0 auto 12px;
    }
}

/* CTA DE SOLICITUD EN LINEA */
.cta-band .cta-content > div {
    max-width: 720px;
}

.cta-band .cta-content p {
    color: #d6e9f8;
    font-size: 13px;
    line-height: 1.75;
    margin: 12px 0 0;
    max-width: 650px;
}

@media (max-width: 700px) {
    .cta-band .cta-content p {
        font-size: 12px;
    }
}