@media (max-width:1150px){.nav-mobile-hide{display:none;}}

  .audience-pills{display:flex;gap:8px;flex-wrap:wrap;}
  .pill{
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--gray-300);
    background:transparent;border:1px solid var(--line);padding:8px 14px;
    cursor:pointer;transition:all .2s ease;border-radius:var(--radius);white-space:nowrap;
  }
  .pill:hover{border-color:var(--mustard-dim);color:var(--mustard-bright);}
  @media (max-width:760px){.audience-pills{display:none;}}

  .audience-dropdown{position:relative;}
  .pill .arrow{font-size:10px;margin-left:4px;color:var(--mustard);display:inline-block;transition:transform .2s ease;}
  .audience-dropdown:hover .arrow{transform:rotate(180deg);}
  .audience-menu{
    display:none;flex-direction:column;position:absolute;top:100%;left:0;margin-top:8px;
    background:var(--graphite-900);border:1px solid var(--line);min-width:190px;z-index:150;
  }
  .audience-dropdown:hover .audience-menu{display:flex;}
  .audience-menu button{
    background:none;border:none;border-bottom:1px solid var(--line);color:var(--gray-300);
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;padding:12px 14px;text-align:left;
    cursor:pointer;transition:all .2s ease;
  }
  .audience-menu button:last-child{border-bottom:none;}
  .audience-menu button:hover{color:var(--mustard-bright);background:var(--graphite-850);}

  .modal-overlay{
    display:none;position:fixed;inset:0;z-index:300;background:rgba(6,7,8,.78);
    align-items:center;justify-content:center;padding:24px;
  }
  .modal-box{
    background:var(--graphite-900);border:1px solid var(--line);max-width:440px;width:100%;
    padding:38px;position:relative;
  }
  .modal-close{
    position:absolute;top:16px;right:16px;background:none;border:none;color:var(--gray-500);
    font-size:20px;cursor:pointer;line-height:1;font-family:'IBM Plex Mono',monospace;
  }
  .modal-close:hover{color:var(--white);}
  .modal-box ul{list-style:none;margin:20px 0 28px;display:flex;flex-direction:column;gap:12px;}
  .modal-box ul li{font-size:14px;color:var(--gray-300);display:flex;gap:10px;}
  .modal-box ul li::before{content:'—';color:var(--mustard);}

  .modal-box-wide{max-width:760px;max-height:82vh;overflow-y:auto;}
  .course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;}
  @media (max-width:560px){.course-grid{grid-template-columns:1fr;}}
  .course-card{border:1px solid var(--line);background:var(--graphite-950);display:block;transition:border-color .2s ease, background .2s ease;}
  .course-card:hover{border-color:var(--mustard-dim);background:var(--graphite-900);}
  .course-card:hover .play{background:var(--mustard);color:var(--graphite-950);}
  .course-thumb{
    aspect-ratio:16/9;background:linear-gradient(135deg,var(--graphite-850),var(--graphite-800));
    position:relative;display:flex;align-items:center;justify-content:center;
  }
  .course-thumb .play{
    width:38px;height:38px;border-radius:50%;border:1px solid var(--mustard);
    display:flex;align-items:center;justify-content:center;color:var(--mustard);font-size:13px;
    transition:all .2s ease;
  }
  .course-thumb .badge{
    position:absolute;bottom:8px;right:8px;font-family:'IBM Plex Mono',monospace;font-size:10px;
    background:rgba(0,0,0,.65);padding:2px 6px;color:var(--gray-300);
  }
  .course-body{padding:16px;}
  .course-body h4{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--white);}
  .course-body p{font-size:12.5px;color:var(--gray-500);margin-bottom:12px;line-height:1.5;}
  .course-link{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mustard-bright);display:inline-flex;gap:6px;align-items:center;}
  .course-link:hover{text-decoration:underline;}

  /* HERO */
  .hero{
    position:relative;min-height:100vh;display:flex;align-items:center;
    padding:176px 0 100px;overflow:hidden;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;width:100%;
  }
  @media (max-width:900px){.hero-grid{grid-template-columns:1fr;}}
  .hero h1{
    font-size:clamp(38px,5vw,64px);font-weight:600;line-height:1.08;color:var(--white);
    margin-bottom:26px;
  }
  .hero h1 em{font-style:normal;color:var(--mustard-bright);}
  .hero p.lead{font-size:17px;color:var(--gray-300);max-width:480px;margin-bottom:36px;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;}


  .hero-visual{position:relative;height:440px;}
  .hero-visual svg{width:100%;height:100%;overflow:visible;}
  .draw-line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.8s ease forwards;}
  @keyframes draw{to{stroke-dashoffset:0;}}
  .node{opacity:0;animation:pop .5s ease forwards;}
  @keyframes pop{from{opacity:0;transform:scale(0);}to{opacity:1;transform:scale(1);}}
  .tag-callout{
    position:absolute;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--mustard-bright);
    background:var(--graphite-900);border:1px solid var(--line);padding:5px 9px;opacity:0;
    animation:fadein .5s ease forwards;animation-delay:2s;
  }
  @keyframes fadein{to{opacity:1;}}

  .scroll-hint{
    position:absolute;bottom:36px;left:40px;font-family:'IBM Plex Mono',monospace;
    font-size:11px;color:var(--gray-600);display:flex;align-items:center;gap:10px;
  }
  .scroll-hint .bar{width:1px;height:26px;background:var(--gray-600);position:relative;overflow:hidden;}
  .scroll-hint .bar::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--mustard);animation:scrolldown 1.8s infinite;}
  @keyframes scrolldown{to{top:100%;}}

  /* SECTION shared */
  section{position:relative;padding:110px 0;}
  .section-head{max-width:640px;margin-bottom:56px;}
  .section-head h2{font-size:clamp(26px,3vw,36px);font-weight:600;color:var(--white);}
  .section-head p{color:var(--gray-500);font-size:15.5px;margin-top:14px;}
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}

  /* SECTORES */
  .sectors{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;}
  .sectors-inner{display:flex;align-items:center;gap:44px;overflow:hidden;position:relative;}
  .sectors-track{display:flex;gap:44px;white-space:nowrap;animation:marquee 26s linear infinite;}
  .sectors-track span{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--gray-600);letter-spacing:.04em;}
  @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* PROBLEMAS */
  .problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  @media (max-width:760px){.problem-grid{grid-template-columns:1fr;}}
  .problem-card{background:var(--graphite-950);padding:34px;}
  .problem-card .icon{width:34px;height:34px;margin-bottom:20px;}
  .problem-card h3{font-size:17px;font-weight:600;margin-bottom:10px;color:var(--white);}
  .problem-card .before{font-size:13.5px;color:var(--gray-600);margin-bottom:8px;}
  .problem-card .after{font-size:13.5px;color:var(--gray-300);display:flex;gap:8px;}
  .problem-card .after::before{content:'→';color:var(--mustard);}
  .projects-grid{grid-template-columns:repeat(3,1fr);}
  @media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.projects-grid{grid-template-columns:1fr;}}
  .projects-grid .problem-card h3{margin-bottom:8px;}

  /* SERVICIOS */
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  @media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.services-grid{grid-template-columns:1fr;}}
  .service-card{background:var(--graphite-950);padding:32px 28px;transition:background .25s ease;position:relative;}
  .service-card:hover{background:var(--graphite-900);}
  .service-num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mustard-dim);margin-bottom:22px;display:block;}
  .service-card h3{font-size:16.5px;font-weight:600;margin-bottom:10px;}
  .service-card p{font-size:13.5px;color:var(--gray-500);}

  /* METODO */
  .method-list{border-top:1px solid var(--line);}
  .method-row{
    display:grid;grid-template-columns:80px 1fr 1fr;gap:24px;align-items:start;
    padding:30px 0;border-bottom:1px solid var(--line);
  }
  @media (max-width:760px){.method-row{grid-template-columns:60px 1fr;}.method-row .method-desc{grid-column:2;}}
  .method-row .num{font-family:'IBM Plex Mono',monospace;color:var(--mustard);font-size:14px;padding-top:2px;}
  .method-row h3{font-size:19px;font-weight:600;}
  .method-desc{color:var(--gray-500);font-size:14.5px;}

  /* STATS */
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  @media (max-width:760px){.stats-grid{grid-template-columns:repeat(2,1fr);}}
  .stat-card{background:var(--graphite-950);padding:30px 26px;}
  .stat-card .num{font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:600;color:var(--white);}
  .stat-card .num span{color:var(--mustard);}
  .stat-card .label{font-size:12.5px;color:var(--gray-600);margin-top:6px;}
  .stats-note{font-size:11.5px;color:var(--gray-600);margin-top:18px;font-family:'IBM Plex Mono',monospace;}

  /* ACADEMY */
  .academy{background:var(--graphite-900);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .academy-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  @media (max-width:860px){.academy-inner{grid-template-columns:1fr;}}
  .academy-list{display:flex;flex-direction:column;gap:16px;margin-top:26px;}
  .academy-list div{display:flex;gap:12px;font-size:14.5px;color:var(--gray-300);align-items:baseline;}
  .academy-list div::before{content:'—';color:var(--mustard);}
  .academy-visual{aspect-ratio:4/3;border:1px solid var(--line);position:relative;padding:20px;}
  .academy-visual .mono{position:absolute;top:16px;left:16px;font-size:10px;color:var(--gray-600);}

  /* CTA FINAL */
  .cta-final{text-align:center;padding:130px 0;}
  .cta-final h2{font-size:clamp(28px,4vw,46px);font-weight:600;max-width:640px;margin:0 auto 22px;}
  .cta-final p{color:var(--gray-500);margin-bottom:36px;}

  .contact-form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}
  .form-row{display:flex;flex-direction:column;gap:8px;}
  .form-row label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;}
  .form-row input,.form-row select,.form-row textarea{
    background:var(--graphite-900);border:1px solid var(--line);color:var(--white);
    padding:13px 14px;font-family:'IBM Plex Sans',sans-serif;font-size:14.5px;
    outline:none;transition:border-color .2s ease;resize:vertical;
  }
  .form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--mustard-dim);}
  .form-row input::placeholder,.form-row textarea::placeholder{color:var(--gray-600);}