:root {
      --bg: #030712;
      --bg-2: #080c1d;
      --accent: #6366f1;
      --accent-2: #38bdf8;
      --accent-3: #a855f7;
      --text-1: #f8fafc;
      --text-2: #94a3b8;
      --text-3: #64748b;
      --border: rgba(255,255,255,0.06);
      --border-glow: rgba(99,102,241,0.25);
      --font-display: 'Outfit', sans-serif;
      --font-serif: 'Playfair Display', serif;
      --font-body: 'Inter', sans-serif;
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --glow-blue: 0 0 40px rgba(99,102,241,0.15);
      --accent-bg: rgba(99,102,241,0.08);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;font-size:16px}
    body{background:var(--bg);color:var(--text-1);font-family:var(--font-body);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button{cursor:pointer;font-family:inherit}

    /* ── THREE.JS 3D ── */
    #three-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}

    /* ── ORB BACKGROUNDS ── */
    .orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;animation:orbFloat 8s ease-in-out infinite}
    .orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.3),transparent 70%);top:-150px;left:-100px;animation-delay:0s}
    .orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 70%);bottom:-100px;right:-80px;animation-delay:-3s}
    .orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(56,189,248,.15),transparent 70%);top:40%;left:60%;animation-delay:-5s}
    @keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}

    /* ── UTILS ── */
    .container{width:90%;max-width:1100px;margin-inline:auto;position:relative;z-index:1}
    .section{padding:8rem 0}
    .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-glow);background:rgba(99,102,241,.1);color:var(--text-2);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:100px;backdrop-filter:blur(10px)}
    .badge span{color:var(--accent-3)}
    .section-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-3);font-weight:600;margin-bottom:1rem}

    /* ── REVEAL ── */
    .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
    .reveal.visible{opacity:1;transform:none}
    .reveal-delay-1{transition-delay:.12s}
    .reveal-delay-2{transition-delay:.24s}
    .reveal-delay-3{transition-delay:.36s}
    .reveal-delay-4{transition-delay:.48s}

    /* ── NAVBAR ── */
    #navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.1rem 0;transition:background .3s;border-bottom:1px solid transparent}
    #navbar.scrolled{background:rgba(3,3,8,0.95);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
    .nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em}
    .nav-logo svg{width:34px;height:34px;flex-shrink:0}
    .nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
    .nav-links a{font-size:.875rem;color:var(--text-2);transition:color .2s}
    .nav-links a:hover{color:var(--text-1)}
    .btn-nav{flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:10px 24px;border-radius:100px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 24px rgba(99,102,241,.4)}
    .btn-nav:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 36px rgba(99,102,241,.5)}
    .hamburger{display:none;background:none;border:none;color:var(--text-1)}

    /* ── HERO ── */
    #hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:8rem;padding-bottom:4rem;position:relative;overflow:hidden}
    .noise-overlay{position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}
    .grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 100%)}
    .hero-content{position:relative;max-width:860px}
    .hero-content .badge{margin-bottom:2rem}
    .hero-title{font-family:var(--font-display);font-size:clamp(3rem,9vw,7rem);font-weight:800;line-height:1;letter-spacing:-0.04em;margin-bottom:2rem;color:var(--text-1)}
    .hero-title em{font-style:italic;font-family:var(--font-serif);background:linear-gradient(to right, #fff, var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400}
    .glow-arc{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:120%;height:600px;background:radial-gradient(circle at 50% 0%, rgba(99,102,241,0.1), transparent 70%);pointer-events:none}
    .hero-sub{font-size:1.125rem;color:var(--text-2);max-width:560px;margin-bottom:2.5rem;font-weight:400;line-height:1.75}
    .hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
    .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;border-radius:100px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:.9rem;border:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 30px rgba(99,102,241,.5)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(99,102,241,.65)}
    .btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:100px;background:rgba(255,255,255,.04);color:var(--text-2);font-weight:500;font-size:.9rem;border:1px solid var(--border);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,transform .2s}
    .btn-ghost:hover{color:var(--text-1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}
    .hero-scroll-hint{margin-top:4rem;display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
    .scroll-line{width:40px;height:1px;background:currentColor}

    /* ── CREDIBILIDAD ── */
    #credibilidad{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 0;position:relative;z-index:1}
    .cred-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem 3rem}
    .cred-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);flex-basis:100%}
    .metric-grid{display:flex;flex-wrap:wrap;gap:2rem 4rem}
    .metric{display:flex;flex-direction:column}
    .metric strong{font-family:var(--font-display);font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-3),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
    .metric span{font-size:.8rem;color:var(--text-2);margin-top:4px}
    .logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}
    .logo-pill{padding:8px 20px;border:1px solid var(--border);border-radius:100px;font-size:.85rem;font-weight:600;color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;transition:all .3s;backdrop-filter:blur(6px);opacity:0.5}
    .logo-pill:hover{color:var(--text-1);border-color:var(--accent-2);background:rgba(56,189,248,0.1);opacity:1;transform:scale(1.05)}

    /* ── PROPUESTA ── */
    #propuesta{background:transparent}
    .prop-header{max-width:580px;margin-bottom:3.5rem}
    .prop-header h2{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.05;margin-bottom:1.5rem}
    .prop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}
    .prop-card{background:rgba(255,255,255,0.02);padding:2.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
    .prop-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(99,102,241,0.1), transparent);opacity:0;transition:opacity .4s}
    .prop-card:hover{transform:translateY(-8px);border-color:var(--border-glow);box-shadow:var(--glow-blue)}
    .prop-card:hover::before{opacity:1}
    .prop-icon{position:absolute;top:1.8rem;right:1.8rem;width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-bg);border:1px solid var(--border-glow);display:flex;align-items:center;justify-content:center;color:var(--accent-2);margin:0;z-index:2}
    .prop-icon i{width:16px;height:16px}
    .service-name{font-size:0.75rem;font-weight:700;color:var(--accent-2);display:block;margin-bottom:0.75rem;letter-spacing:0.1em;text-transform:uppercase}
    .prop-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:1rem;line-height:1.4;padding-right:2rem;color:var(--text-1)}
    .prop-card p{color:var(--text-3);font-size:0.9rem;line-height:1.65;margin-bottom:1.8rem}
    .prop-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:0.82rem;color:var(--accent-2);transition:all 0.3s;cursor:pointer}
    .prop-card:hover .prop-cta{gap:12px;color:var(--text-1)}

    /* ── SERVICES 3D SCENE ── */
    .services-3d-wrapper{width:100%;height:380px;position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:5rem;border:1px solid var(--border)}
    .services-3d-wrapper::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,var(--bg) 100%);pointer-events:none;z-index:2}
    #services-canvas{display:block;width:100%;height:100%}

    /* ── FORMULARIO ── */
    #formulario{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    .form-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}
    .form-copy h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}
    .form-copy p{color:var(--text-2);font-size:1rem;margin-bottom:2.5rem;line-height:1.6}
    .guarantees{display:flex;flex-direction:column;gap:1rem}
    .guarantee{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-2)}
    .guarantee i{color:var(--accent-2);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(56,189,248,0.4))}
    .guarantee b{color:var(--text-1);font-weight:700}
    .form-card{position:relative;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;backdrop-filter:blur(30px);box-shadow:0 0 50px rgba(99,102,241,0.08)}
    .form-card::after{content:'';position:absolute;inset:-1px;padding:1px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-2),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
    .availability-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:#f59e0b;font-size:0.72rem;font-weight:800;border-radius:100px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.05em}
    .availability-badge .pulse{width:6px;height:6px;background:#f59e0b;border-radius:50%;animation:pulse 2s infinite}
    @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,0.7)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
    .spin{animation:spin 1s linear infinite}
    @keyframes spin{100%{transform:rotate(360deg)}}
    .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}
    .progress-label{font-size:.72rem;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}
    .progress-steps{font-size:.8rem;color:var(--text-2);font-weight:600}
    .progress-track{height:2px;background:var(--border);border-radius:100px;margin-bottom:2.2rem;overflow:hidden}
    .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1)}
    .form-step{display:none}
    .form-step.active{display:block}
    .step-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.4rem}
    .step-subtitle{font-size:.82rem;color:var(--text-2);margin-bottom:1.8rem}
    .field-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .field{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}
    .field:last-child{margin-bottom:0}
    label{font-size:.8rem;font-weight:500;color:var(--text-2);letter-spacing:.02em}
    input[type="text"],input[type="email"],input[type="tel"],input[type="url"],select{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-body);font-size:.9rem;padding:11px 14px;transition:border-color .2s,box-shadow .2s;outline:none;appearance:none;-webkit-appearance:none}
    input::placeholder{color:var(--text-3)}
    input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.18)}
    input.error,select.error{border-color:var(--error)}
    .field-error{display:none;font-size:.75rem;color:var(--error);margin-top:2px}
    .field-error.show{display:block}
    .select-wrap{position:relative}
    .select-wrap::after{content:'';position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-3);pointer-events:none}
    .select-wrap select{width:100%}
    .options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}
    .option-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.03);color:var(--text-2);font-size:.82rem;font-family:var(--font-body);cursor:pointer;transition:all .2s;text-align:left}
    .option-btn:hover{border-color:var(--border-glow);color:var(--text-1)}
    .option-btn.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--text-1)}
    .option-btn .opt-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all .2s}
    .option-btn.selected .opt-dot{border-color:var(--accent);background:var(--accent)}
    .budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}
    .budget-btn{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.03);color:var(--text-2);font-size:.82rem;font-family:var(--font-display);font-weight:700;cursor:pointer;text-align:center;transition:all .2s}
    .budget-btn:hover{border-color:var(--border-glow);color:var(--text-1)}
    .budget-btn.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}
    .form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}
    .btn-back{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-2);background:none;border:none;padding:0;transition:color .2s}
    .btn-back:hover{color:var(--text-1)}
    .btn-next,.btn-submit{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:100px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:.88rem;border:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 24px rgba(99,102,241,.4)}
    .btn-next:hover,.btn-submit:hover{transform:translateY(-1px);box-shadow:0 0 36px rgba(99,102,241,.55)}
    .privacy-note{font-size:.72rem;color:var(--text-3);margin-top:1rem;text-align:center}
    .privacy-note a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px}
    .success-screen{display:none;text-align:center;padding:2rem 0}
    .success-screen.active{display:block}
    .success-icon{width:72px;height:72px;border-radius:50%;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.3);display:flex;align-items:center;justify-content:center;color:var(--success);margin:0 auto 1.5rem}
    .success-screen h3{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:.75rem}
    .success-screen p{color:var(--text-2);font-size:.9rem;max-width:360px;margin:0 auto}

    /* ── TESTIMONIOS ── */
    #testimonios{background:transparent}
    .testi-header{text-align:center;margin-bottom:3.5rem}
    .testi-header h2{font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);font-weight:400;font-style:italic;letter-spacing:-0.03em;margin-bottom:1rem}
    .testi-header h2 em{font-style:italic;color:var(--accent)}
    .prop-header h2{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:400;font-style:italic;line-height:1.05;margin-bottom:1.5rem}
    .prop-card h3{font-family:var(--font-display);font-size:1.6rem;font-weight:400;margin-bottom:1rem}
    .testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
    .testi-card{background:var(--bg-card);padding:2.5rem;backdrop-filter:blur(20px)}
    .testi-stars{display:flex;gap:4px;color:var(--accent);margin-bottom:1.25rem;font-size:.85rem}
    .testi-quote{font-size:1rem;line-height:1.75;color:var(--text-1);margin-bottom:1.75rem}
    .testi-quote::before{content:'"';color:var(--accent)}
    .testi-quote::after{content:'"';color:var(--accent)}
    .testi-author{display:flex;align-items:center;gap:1rem}
    .testi-avatar{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-glow);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--accent);flex-shrink:0}
    .testi-info strong{display:block;font-size:.9rem;font-weight:600}
    .testi-info span{font-size:.78rem;color:var(--text-3)}

    /* ── FOOTER ── */
    footer{background:var(--bg-2);border-top:1px solid var(--border);padding:4rem 0 2rem;position:relative;z-index:1}
    .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
    .footer-brand .footer-logo{margin-bottom:1.5rem; text-align: left}
    .footer-brand .footer-logo img{height:32px; mix-blend-mode:screen; opacity:0.8}
    .footer-brand p{font-size:.85rem;color:var(--text-3);max-width:320px;line-height:1.7}
    .footer-col h4{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:1.25rem}
    .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}
    .footer-col ul a{font-size:.87rem;color:var(--text-2);transition:color .2s}
    .footer-col ul a:hover{color:var(--text-1)}
    .footer-bottom{border-top:1px solid var(--border);padding-top:1.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
    .footer-bottom p{font-size:.78rem;color:var(--text-3)}
    .footer-legal{display:flex;gap:2rem}
    .footer-legal a{font-size:.78rem;color:var(--text-3);transition:color .2s;white-space:nowrap}
    .footer-legal a:hover{color:var(--text-2)}


    /* ── NOSOTROS ── */
    #nosotros { background: transparent; }
    .nosotros-header { max-width: 700px; margin-bottom: 4rem; }
    .nosotros-header h2 { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1.25rem; }
    .nosotros-header h2 em { font-style: italic; font-family: var(--font-serif); background: linear-gradient(to right, #fff, var(--accent-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 400; }
    .nosotros-intro { font-size: 1.05rem; color: var(--text-2); line-height: 1.8; max-width: 600px; }
    .nosotros-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 4rem; }
    .nosotros-card { background: rgba(255,255,255,0.025); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 2.25rem; backdrop-filter: blur(20px); transition: all .4s cubic-bezier(.22,1,.36,1); position: relative; overflow: hidden; }
    .nosotros-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(99,102,241,0.07), transparent); opacity: 0; transition: opacity .4s; }
    .nosotros-card:hover { transform: translateY(-6px); border-color: var(--border-glow); box-shadow: var(--glow-blue); }
    .nosotros-card:hover::before { opacity: 1; }
    .nosotros-card-icon { width: 44px; height: 44px; border-radius: var(--radius-md); background: var(--accent-bg); border: 1px solid var(--border-glow); display: flex; align-items: center; justify-content: center; color: var(--accent-2); margin-bottom: 1.5rem; }
    .nosotros-card-icon i { width: 20px; height: 20px; }
    .nosotros-card h3 { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-1); }
    .nosotros-card p { font-size: .9rem; color: var(--text-2); line-height: 1.75; }
    .nosotros-card p em { color: var(--accent-2); font-style: italic; }
    .values-list { list-style: none; display: flex; flex-direction: column; gap: .85rem; }
    .values-list li { display: flex; align-items: flex-start; gap: 10px; font-size: .88rem; color: var(--text-2); line-height: 1.6; }
    .values-list li i { color: var(--accent-2); flex-shrink: 0; width: 16px; height: 16px; margin-top: 2px; filter: drop-shadow(0 0 6px rgba(56,189,248,0.4)); }
    .values-list li b { color: var(--text-1); }
    .nosotros-manifesto { display: flex; align-items: center; gap: 2rem; }
    .manifesto-line { flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--border-glow)); }
    .manifesto-line:last-child { background: linear-gradient(to left, transparent, var(--border-glow)); }
    .manifesto-quote { font-family: var(--font-serif); font-style: italic; font-size: clamp(1rem, 2.5vw, 1.35rem); color: var(--text-2); text-align: center; line-height: 1.7; flex-shrink: 0; max-width: 560px; }

    /* ── CONTACTO ── */
    #contacto { background: transparent; }
    .contacto-header { text-align: center; margin-bottom: 3.5rem; }
    .contacto-header h2 { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1rem; }
    .contacto-sub { font-size: 1rem; color: var(--text-2); max-width: 480px; margin: 0 auto; }
    .contacto-channels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 2.5rem; }
    .channel-card { display: flex; flex-direction: column; gap: 1.5rem; padding: 2.25rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: rgba(255,255,255,0.025); backdrop-filter: blur(20px); transition: all .35s cubic-bezier(.22,1,.36,1); position: relative; overflow: hidden; text-decoration: none; color: var(--text-1); }
    .channel-card::before { content: ''; position: absolute; inset: 0; opacity: 0; transition: opacity .35s; }
    .channel-wa::before { background: linear-gradient(135deg, rgba(37,211,102,0.12), transparent); }
    .channel-li::before { background: linear-gradient(135deg, rgba(10,102,194,0.12), transparent); }
    .channel-form::before { background: linear-gradient(135deg, rgba(99,102,241,0.12), transparent); }
    .channel-card:hover::before { opacity: 1; }
    .channel-card:not(.channel-soon):hover { transform: translateY(-6px); box-shadow: 0 0 40px rgba(99,102,241,0.12); }
    .channel-wa:not(.channel-soon):hover { border-color: rgba(37,211,102,0.4); box-shadow: 0 0 40px rgba(37,211,102,0.1); }
    .channel-form:not(.channel-soon):hover { border-color: var(--border-glow); }
    .channel-soon { opacity: 0.55; cursor: default; }
    .channel-icon { width: 52px; height: 52px; border-radius: var(--radius-md); background: var(--accent-bg); border: 1px solid var(--border-glow); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .channel-wa .channel-icon { background: rgba(37,211,102,0.1); border-color: rgba(37,211,102,0.25); color: #25d366; }
    .channel-li .channel-icon { background: rgba(10,102,194,0.1); border-color: rgba(10,102,194,0.25); color: #0a66c2; }
    .channel-form .channel-icon { color: var(--accent-2); }
    .channel-icon svg { width: 26px; height: 26px; }
    .channel-icon i { width: 24px; height: 24px; }
    .channel-info { flex: 1; }
    .channel-label { font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); display: block; margin-bottom: .5rem; }
    .soon-badge { color: #f59e0b; }
    .channel-info h3 { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; margin-bottom: .5rem; }
    .channel-info p { font-size: .87rem; color: var(--text-2); line-height: 1.65; }
    .channel-arrow { align-self: flex-end; color: var(--text-3); transition: color .3s, transform .3s; }
    .channel-arrow i { width: 20px; height: 20px; }
    .channel-card:not(.channel-soon):hover .channel-arrow { color: var(--text-1); transform: translate(3px, -3px); }
    .soon-lock { color: var(--text-3) !important; }
    .contacto-email { display: flex; align-items: center; justify-content: center; gap: 1rem; color: var(--text-3); font-size: .9rem; }
    .email-link { display: inline-flex; align-items: center; gap: 6px; color: var(--accent-2); font-weight: 600; transition: opacity .2s; }
    .email-link:hover { opacity: .8; }
    .email-link i { width: 14px; height: 14px; }

    /* ── RESPONSIVE ── */
    @media(max-width:900px){.nav-links{display:none}.hamburger{display:flex}.form-layout{grid-template-columns:1fr;gap:2.5rem}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.nosotros-grid{grid-template-columns:1fr}.contacto-channels{grid-template-columns:1fr}}
    @media(max-width:640px){.section{padding:3.5rem 0}.field-group,.options-grid{grid-template-columns:1fr}.budget-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr}.metric-grid{gap:1.5rem 2.5rem}.form-card{padding:1.75rem}.nosotros-manifesto{flex-direction:column;gap:1rem}.manifesto-line{width:80px;display:block}.contacto-email{flex-direction:column;gap:.5rem}}