/* ============================================================ MiTítulo - landing Marino del logo como fondo fotográfico, azul eléctrico como único acento. Archivo para todo el texto, Fraunces itálica solo en momentos puntuales, Plex Mono para etiquetas y datos. ============================================================ */ :root{ --noche:#070D18; --marino:#0C1C34; --marino-2:#12294A; --azul:#2E86FF; --azul-h:#1A6EE8; --azul-b:#EAF2FF; --tinta:#101722; --tinta-2:#414C5C; --tinta-3:#727D8B; --linea:#E1E6ED; --linea-2:#EDF1F5; --papel:#FFFFFF; --hielo:#F5F7FA; --claro:rgba(255,255,255,.14); --sans:"Archivo",-apple-system,"Segoe UI",Roboto,sans-serif; --serif:"Fraunces",Georgia,serif; --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace; --wrap:1200px; --s1:0 1px 2px rgba(7,13,24,.05); --s2:0 2px 4px rgba(7,13,24,.05), 0 12px 28px -12px rgba(7,13,24,.22); --s3:0 4px 10px rgba(7,13,24,.06), 0 30px 60px -26px rgba(7,13,24,.5); } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans); font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} img,svg,video{display:block;max-width:100%} a{color:inherit} h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.032em;line-height:1.06;text-wrap:balance} p{margin:0} button,input{font:inherit} :focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:3px} .wrap{width:min(100% - 44px,var(--wrap));margin-inline:auto} .skip{position:absolute;left:-9999px;top:0} .skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px 14px;border-radius:6px} .eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase; color:var(--azul);margin-bottom:18px} /* ── movimiento ──────────────────────────────────────────── */ .ent{opacity:0;transform:translateY(18px);animation:sube .8s cubic-bezier(.2,.7,.25,1) forwards; animation-delay:var(--d,0ms)} @keyframes sube{to{opacity:1;transform:none}} .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.25,1)} .reveal.visto{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .ent,.reveal{opacity:1;transform:none;animation:none;transition:none} *{animation-duration:.001ms!important;transition-duration:.001ms!important} } /* ── botones ─────────────────────────────────────────────── */ .btn{--bg:transparent;--fg:var(--tinta);--bd:transparent; display:inline-flex;align-items:center;justify-content:center;gap:9px; font-size:15px;font-weight:600;line-height:1;letter-spacing:-.01em; padding:14px 22px;border-radius:6px;border:1px solid var(--bd); background:var(--bg);color:var(--fg);text-decoration:none;cursor:pointer;white-space:nowrap; transition:transform .18s cubic-bezier(.2,.7,.25,1),background .18s,border-color .18s,box-shadow .18s} .btn:hover{transform:translateY(-2px)} .btn--solid{--bg:var(--azul);--fg:#fff;box-shadow:0 4px 14px -4px rgba(46,134,255,.6)} .btn--solid:hover{--bg:var(--azul-h);box-shadow:0 10px 24px -8px rgba(46,134,255,.75)} .btn--line{--bd:var(--linea);--bg:var(--papel);--fg:var(--tinta)} .btn--line:hover{--bd:var(--tinta);--fg:var(--tinta)} .btn--ghost{--fg:#fff;--bd:var(--claro)} .btn--ghost:hover{--bd:rgba(255,255,255,.45);--bg:rgba(255,255,255,.08)} .btn--lg{padding:17px 28px;font-size:16px} .hero .btn--line{--bg:rgba(255,255,255,.07);--bd:rgba(255,255,255,.3);--fg:#fff;backdrop-filter:blur(8px)} .hero .btn--line:hover{--bg:rgba(255,255,255,.16);--bd:rgba(255,255,255,.55)} /* ── nav ─────────────────────────────────────────────────── */ .nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,border-color .3s,backdrop-filter .3s; border-bottom:1px solid transparent} .nav.fija{background:rgba(7,13,24,.88);backdrop-filter:blur(14px);border-bottom-color:var(--claro)} .nav__in{display:flex;align-items:center;gap:28px;height:76px} .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff} .brand img{border-radius:8px} .brand__txt{font-size:20px;font-weight:700;letter-spacing:-.03em;margin:0} .brand__txt em{font-style:normal;color:var(--azul)} .nav__links{display:flex;gap:28px;margin-left:auto} .nav__links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:15px;font-weight:500; transition:color .2s} .nav__links a:hover{color:#fff} .nav__cta{display:flex;gap:10px} .nav__burger{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer} .nav__burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px} .nav__burger span+span{margin-top:6px} .nav__drawer{display:none;flex-direction:column;padding:10px 22px 24px;background:var(--noche); border-bottom:1px solid var(--claro)} .nav__drawer a{color:rgba(255,255,255,.86);text-decoration:none;padding:14px 0;font-size:16.5px; font-weight:500;border-bottom:1px solid var(--claro)} .nav__drawer .btn{margin-top:16px;border-bottom:0} /* ── héroe ───────────────────────────────────────────────── */ /* La plataforma es el protagonista, no la foto. El titular y la foto la enmarcan; ella ocupa el ancho completo y se monta sobre la sección siguiente, que es lo que le da profundidad al pliegue. */ .hero{position:relative;background:var(--noche);color:#fff;isolation:isolate; padding:150px 0 0;display:flex;flex-direction:column} .hero__foto{position:absolute;inset:-6% 0 0;width:100%;height:106%;object-fit:cover; object-position:center 42%;z-index:-2;opacity:.82; transform:translate3d(0,var(--par,0px),0);will-change:transform} .hero__velo{position:absolute;inset:0;z-index:-1; background: linear-gradient(180deg,rgba(7,13,24,.8) 0%,rgba(7,13,24,.3) 28%,rgba(7,13,24,.6) 64%,var(--noche) 95%), linear-gradient(100deg,rgba(7,13,24,.9) 0%,rgba(7,13,24,.62) 40%,rgba(7,13,24,.14) 74%,transparent 100%)} .hero__in{display:grid;grid-template-columns:1.28fr .72fr;gap:52px;align-items:end; padding-bottom:52px} .hero__copy{max-width:none} .hero h1{font-size:clamp(38px,4.9vw,66px);font-weight:800;letter-spacing:-.045em;margin-top:14px} .hero h1 span{display:block} .hero__side{padding-bottom:6px} .lede{color:rgba(255,255,255,.82);font-size:clamp(16.5px,1.35vw,19px);max-width:44ch;line-height:1.6} .hero__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} /* la plataforma montada entre el héroe y la sección siguiente */ .panel-w{position:relative;z-index:2;margin-bottom:-150px} .panel{margin:0;background:#0A1220;border:1px solid rgba(255,255,255,.12);border-radius:16px; overflow:hidden;box-shadow:0 40px 90px -20px rgba(0,0,0,.6),0 0 0 1px rgba(7,13,24,.4)} .panel__bar{display:flex;align-items:center;gap:12px;padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)} .panel__dots{display:flex;gap:6px} .panel__dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)} .panel__url{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.5)} .panel__tag{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em; text-transform:uppercase;color:var(--azul);border:1px solid rgba(46,134,255,.35); background:rgba(46,134,255,.1);padding:4px 9px;border-radius:4px} .panel__body{padding:34px 34px 12px;display:flex;flex-direction:column;gap:18px;min-height:318px} .msg{max-width:76%;padding:16px 20px;border-radius:14px;font-size:16.5px;line-height:1.6;margin:0} .msg--user{align-self:flex-end;background:rgba(46,134,255,.18);border:1px solid rgba(46,134,255,.3); border-bottom-right-radius:5px;color:#fff;min-height:54px} .msg--bot{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09); border-bottom-left-radius:5px;color:rgba(255,255,255,.86); animation:sube .5s cubic-bezier(.2,.7,.25,1) both} .msg--bot p+p{margin-top:13px} .msg .fuente{font-family:var(--mono);font-size:11.5px;color:var(--azul);margin-top:16px; padding-top:13px;border-top:1px solid rgba(255,255,255,.1)} .caret{display:inline-block;width:2px;height:1.05em;background:var(--azul);vertical-align:-2px; margin-left:2px;animation:parpadeo 1s steps(2) infinite} @keyframes parpadeo{50%{opacity:0}} [hidden]{display:none !important} .pensando{display:flex;gap:5px;align-items:center;padding:18px} .pensando span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45); animation:lat 1.1s infinite} .pensando span:nth-child(2){animation-delay:.16s} .pensando span:nth-child(3){animation-delay:.32s} @keyframes lat{0%,65%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}} .panel__in{margin:14px 34px 26px;border:1px solid rgba(255,255,255,.1);border-radius:999px; padding:15px 24px;font-size:15px;color:rgba(255,255,255,.32);background:rgba(255,255,255,.02)} @media (prefers-reduced-motion:reduce){.hero__foto{transform:none}} /* ── cifras ──────────────────────────────────────────────── */ .cifras{background:var(--papel);padding:190px 0 82px} .cifras__in{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--linea); border:1px solid var(--linea);border-radius:10px;overflow:hidden} .cifra{background:var(--papel);padding:32px 30px} .cifra b{display:block;font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:1; color:var(--marino);font-variant-numeric:tabular-nums} .cifra span{display:block;margin-top:12px;font-size:15px;color:var(--tinta-2);line-height:1.5} /* ── encabezados de sección ──────────────────────────────── */ .sec__head{max-width:60ch;margin-bottom:52px} .sec__head h2{font-size:clamp(30px,4vw,50px)} .sec__lede{color:var(--tinta-2);font-size:18.5px;margin-top:20px;line-height:1.6} .sec__head--luz h2{color:#fff} .sec__head--luz .sec__lede{color:rgba(255,255,255,.72)} /* ── selector de carreras ────────────────────────────────── */ .carreras{padding:20px 0 110px;background:var(--papel)} .picker{border:1px solid var(--linea);border-radius:14px;background:var(--papel); box-shadow:var(--s2);overflow:hidden} .picker__bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 24px; border-bottom:1px solid var(--linea);background:var(--papel)} .crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;min-height:26px} .crumbs button{background:none;border:0;padding:0;font:inherit;color:var(--azul-h);cursor:pointer;font-weight:500} .crumbs button:hover{text-decoration:underline} .crumbs span{color:var(--tinta-3)} .crumbs .crumbs__now{color:var(--tinta);font-weight:600} .search{margin-left:auto;display:flex;align-items:center;gap:10px;background:var(--hielo); border:1px solid transparent;border-radius:8px;padding:10px 15px;min-width:min(100%,350px); color:var(--tinta-3);transition:border-color .18s,background .18s} .search:focus-within{background:var(--papel);border-color:var(--azul);box-shadow:0 0 0 4px rgba(46,134,255,.12)} .search input{border:0;background:none;outline:none;font-size:15px;width:100%;color:var(--tinta)} .search button{border:0;background:none;font-size:20px;color:var(--tinta-3);cursor:pointer;padding:0 2px} .picker__body{padding:28px 24px 32px;min-height:360px} .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .cat{position:relative;display:block;text-align:left;border:0;padding:0;cursor:pointer; font:inherit;color:#fff;border-radius:12px;overflow:hidden;background:var(--marino); aspect-ratio:4/3;isolation:isolate; transition:transform .25s cubic-bezier(.2,.7,.25,1),box-shadow .25s} .cat:hover{transform:translateY(-5px);box-shadow:var(--s3)} .cat__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2; transition:transform .5s cubic-bezier(.2,.7,.25,1)} .cat:hover .cat__foto{transform:scale(1.05)} .cat::after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(180deg,rgba(7,13,24,.15) 0%,rgba(7,13,24,.55) 52%,rgba(7,13,24,.92) 100%); transition:background .25s} .cat:hover::after{background:linear-gradient(180deg,rgba(7,13,24,.2) 0%,rgba(10,32,72,.6) 52%,rgba(8,26,60,.94) 100%)} .cat__txt{position:absolute;left:0;right:0;bottom:0;padding:22px 20px 20px;display:block} .cat__sub{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em; text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:8px} .cat__t{display:block;font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.1} .cat__n{display:block;margin-top:12px;font-size:13px;font-weight:600;color:var(--azul)} .lvl2__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px; flex-wrap:wrap;margin-bottom:24px} .lvl2__head h3{font-size:28px} .lvl2__head p{color:var(--tinta-2);font-size:15px;margin-top:8px;max-width:70ch} .lvl2__n{font-size:42px;font-weight:800;color:var(--linea);line-height:1;margin-left:auto; letter-spacing:-.05em} .chips{display:flex;flex-wrap:wrap;gap:9px} .chip{background:var(--papel);border:1px solid var(--linea);border-radius:7px;padding:10px 15px; font:inherit;font-size:14.5px;cursor:pointer;color:var(--tinta);text-align:left;font-weight:500; transition:border-color .15s,background .15s,color .15s,transform .15s} .chip:hover{border-color:var(--azul);color:var(--azul-h);background:var(--azul-b);transform:translateY(-2px)} .chip__inst{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em; text-transform:uppercase;color:var(--tinta-3);margin-left:2px;border-left:1px solid var(--linea); padding-left:9px} .chip:hover .chip__inst{color:var(--azul-h);border-color:rgba(46,134,255,.4)} .nota-mas{font-size:13px;color:var(--tinta-3);margin-top:18px} .results__k{font-size:14px;color:var(--tinta-3);margin-bottom:18px} .det__generic{background:var(--hielo);border:1px solid var(--linea);border-radius:10px; padding:22px;margin-top:28px} .det__generic p{font-size:15.5px;color:var(--tinta-2)} .empty{padding:36px 0;max-width:60ch} .empty h3{font-size:26px} .empty p{color:var(--tinta-2);margin-top:14px} .empty .btn{margin-top:22px} /* ── la ficha ────────────────────────────────────────────── */ .ficha{max-width:74ch;margin-inline:auto} .ficha__foto{border-radius:12px;overflow:hidden;margin-bottom:28px;background:var(--marino)} .ficha__foto img{width:100%;height:min(240px,34vw);object-fit:cover;display:block} .det__k{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase; color:var(--azul);margin-bottom:14px} .ficha__head{border-bottom:1px solid var(--linea);padding-bottom:24px;margin-bottom:26px} .ficha__head h3{font-size:clamp(26px,3.4vw,38px)} .ficha__gancho{font-size:18.5px;line-height:1.6;color:var(--tinta);border-left:3px solid var(--azul); padding-left:22px;margin-bottom:28px} .ficha__jurados{font-size:16px;color:var(--tinta-2);background:var(--azul-b); border:1px solid rgba(46,134,255,.2);border-radius:10px;padding:22px;margin-bottom:28px;line-height:1.6} .ficha__tools{margin-bottom:30px} .ficha__tlabel{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase; color:var(--tinta-3);margin-bottom:13px} .tags{display:flex;flex-wrap:wrap;gap:7px} .tag{border:1px solid var(--linea);background:var(--papel);color:var(--tinta-2);border-radius:6px; padding:6px 11px;font-size:12.5px;font-family:var(--mono)} .ficha__lista{list-style:none;padding:0;margin:0} .ficha__lista>li{position:relative;padding:15px 0 15px 27px;border-top:1px solid var(--linea); font-size:16px;line-height:1.55;color:var(--tinta-2)} .ficha__lista>li::before{content:"";position:absolute;left:2px;top:1.45em;width:7px;height:7px; border-radius:2px;background:var(--azul);transform:rotate(45deg)} .ficha__sub{list-style:none;padding:0;margin:14px 0 2px} .ficha__sub li{position:relative;padding:7px 0 7px 21px;font-size:15px;color:var(--tinta)} .ficha__sub li::before{content:"";position:absolute;left:2px;top:1.05em;width:11px;height:1px; background:var(--azul);opacity:.7} .ficha__cta{margin-top:36px;padding-top:30px;border-top:1px solid var(--linea);text-align:center} .ficha__nota{font-size:13px;color:var(--tinta-3);margin-top:15px} .ficha__ig{font-size:13px;color:var(--tinta-3);margin-top:10px} .ficha__ig a{color:var(--tinta-2);text-decoration:underline;text-underline-offset:3px} .ficha__ig a:hover{color:var(--acento)} /* ── pruebas ─────────────────────────────────────────────── */ .pruebas{padding:110px 0;background:var(--noche);color:#fff} .pruebas__g{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .prueba{background:rgba(255,255,255,.04);border:1px solid var(--claro);border-radius:14px; overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.25,1),border-color .3s} .prueba:hover{transform:translateY(-4px);border-color:rgba(46,134,255,.4)} .prueba--alta{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch} .prueba img{width:100%;height:230px;object-fit:cover} .prueba--alta img{height:100%;min-height:280px} .prueba__txt{padding:28px 26px 30px} .prueba--alta .prueba__txt{padding:40px 38px;display:flex;flex-direction:column;justify-content:center} .prueba__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase; color:var(--azul);margin-bottom:14px} .prueba h3{font-size:23px;color:#fff} .prueba--alta h3{font-size:30px} .prueba p{color:rgba(255,255,255,.7);font-size:15.5px;margin-top:13px;line-height:1.6} /* ── plataforma ──────────────────────────────────────────── */ .plat{padding:110px 0;background:var(--hielo)} .plat__in{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center} .plat h2{font-size:clamp(28px,3.6vw,44px)} .plat h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--azul-h)} .feats{list-style:none;padding:0;margin:30px 0 34px} .feats li{padding:16px 0;border-top:1px solid var(--linea);color:var(--tinta-2);font-size:15.5px} .feats b{color:var(--tinta);font-weight:700} .plat__demo{position:relative;min-height:330px} .tarjeta{position:absolute;background:var(--papel);border:1px solid var(--linea);border-radius:12px; padding:22px;box-shadow:var(--s2)} .tarjeta--1{top:0;left:0;width:min(84%,360px);z-index:2} .tarjeta--2{bottom:0;right:0;width:min(74%,320px);transform:rotate(1.4deg)} .tarjeta__k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase; color:var(--azul);margin-bottom:12px} .tarjeta__p{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3} .tarjeta{transition:box-shadow .3s ease,transform .3s ease} .tarjeta--abierta{box-shadow:0 18px 50px rgba(16,32,64,.16)} .tarjeta__r{margin-top:14px;padding-top:14px;border-top:1px solid var(--linea); font-size:14.5px;line-height:1.6;color:var(--tinta-2); animation:tarjIn .45s cubic-bezier(.2,.7,.3,1) both} @keyframes tarjIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .tarjeta__b{margin-top:18px;width:100%;font:inherit;font-size:13px;font-weight:500; color:var(--tinta-2);background:transparent;cursor:pointer; border:1px solid var(--linea);border-radius:6px;padding:10px; transition:border-color .2s ease,color .2s ease,background .2s ease} .tarjeta__b:hover{border-color:var(--azul);color:var(--azul);background:rgba(37,99,235,.04)} .tarjeta__b:focus-visible{outline:2px solid var(--azul);outline-offset:2px} @media (prefers-reduced-motion:reduce){.tarjeta__r{animation:none}} .barras{display:flex;gap:12px;align-items:flex-end;height:120px;margin-top:6px} .barras div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%} .barras i{display:block;width:100%;background:linear-gradient(var(--azul),#7FB6FF);border-radius:4px 4px 0 0; height:0;transition:height .9s cubic-bezier(.2,.7,.25,1)} .visto .barras i{height:var(--h)} .barras b{font-family:var(--mono);font-size:9.5px;color:var(--tinta-3);margin-top:8px;font-weight:400; letter-spacing:.04em} /* ── regalo ──────────────────────────────────────────────── */ .regalo{padding:78px 0;background:var(--papel);border-top:1px solid var(--linea)} .regalo__in{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap} .regalo h2{font-size:clamp(25px,3vw,34px)} .regalo p{color:var(--tinta-2);font-size:16.5px;margin-top:14px;max-width:64ch;line-height:1.6} /* ── faq ─────────────────────────────────────────────────── */ .faq{padding:100px 0;background:var(--hielo)} .faq__list{border-top:1px solid var(--linea)} .faq details{border-bottom:1px solid var(--linea)} .faq summary{list-style:none;cursor:pointer;padding:24px 44px 24px 0;position:relative; font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--tinta)} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"";position:absolute;right:10px;top:32px;width:11px;height:11px; border-right:2px solid var(--azul);border-bottom:2px solid var(--azul);transform:rotate(45deg); transition:transform .25s} .faq details[open] summary::after{transform:rotate(-135deg)} .faq details p{color:var(--tinta-2);font-size:16.5px;padding:0 60px 26px 0;max-width:80ch;line-height:1.65} /* ── cierre ──────────────────────────────────────────────── */ .cierre{background:var(--noche);color:#fff;padding:104px 0} .cierre__in{text-align:center;max-width:60ch;margin-inline:auto} .cierre h2{font-size:clamp(30px,4vw,48px)} .cierre p{color:rgba(255,255,255,.72);margin-top:20px;font-size:18px;line-height:1.6} .cierre .btn{margin-top:34px} /* ── pie ─────────────────────────────────────────────────── */ .foot{background:#050A13;color:rgba(255,255,255,.66);padding:60px 0 0;border-top:1px solid var(--claro)} .foot__in{display:grid;grid-template-columns:1.1fr 1.5fr;gap:44px;padding-bottom:48px} .foot__brand img{border-radius:10px} .foot__brand .brand__txt{color:#fff;margin-top:16px} .foot__claim{font-family:var(--serif);font-style:italic;font-size:16.5px;margin-top:10px;max-width:34ch; color:rgba(255,255,255,.6)} .foot__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .foot__nav a{display:block;text-decoration:none;font-size:14.5px;padding:6px 0; color:rgba(255,255,255,.66);transition:color .2s} .foot__nav a:hover{color:var(--azul)} .foot__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase; color:rgba(255,255,255,.4);margin-bottom:12px} .foot__legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap; border-top:1px solid var(--claro);padding:22px 0 28px;font-size:12.5px;color:rgba(255,255,255,.42)} /* ── WhatsApp flotante ───────────────────────────────────── */ .wa{position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:10px; background:#25D366;color:#042A14;text-decoration:none;font-weight:700;font-size:15px; padding:14px 21px 14px 17px;border-radius:999px; box-shadow:0 6px 16px -4px rgba(37,211,102,.5),0 18px 40px -14px rgba(4,42,20,.6); transition:transform .2s cubic-bezier(.2,.7,.25,1)} .wa:hover{transform:translateY(-3px) scale(1.02)} /* ── responsive ──────────────────────────────────────────── */ @media (max-width:1040px){ .hero__in{grid-template-columns:1fr;gap:26px;align-items:start} .hero__side{padding-bottom:0} .lede{max-width:52ch} .panel__body{padding:26px 24px 10px;min-height:320px} .msg{max-width:86%;font-size:15.5px} .panel__in{margin:12px 24px 22px} .cats{grid-template-columns:repeat(2,1fr)} .plat__in{grid-template-columns:1fr;gap:50px} .prueba--alta{grid-template-columns:1fr} .prueba--alta img{min-height:220px;height:220px} .prueba--alta .prueba__txt{padding:30px 28px 34px} } @media (max-width:900px){ .nav__links,.nav__cta{display:none} .nav__burger{display:block} .nav__drawer[data-open="true"]{display:flex} .nav{background:rgba(7,13,24,.9);backdrop-filter:blur(14px)} .hero{padding-top:140px} .hero__copy{max-width:none} .hero__in{padding-bottom:38px} .panel-w{margin-bottom:-90px} .panel__body{min-height:280px} .cifras{padding:130px 0 60px} .cifras__in{grid-template-columns:1fr} .pruebas__g{grid-template-columns:1fr} .foot__in{grid-template-columns:1fr} } @media (max-width:640px){ body{font-size:16px} .wrap{width:min(100% - 32px,var(--wrap))} .hero{padding-top:124px} .hero h1{letter-spacing:-.035em} .panel__body{padding:20px 18px 8px;gap:14px;min-height:250px} .msg{max-width:92%;font-size:15px;padding:13px 16px} .panel__in{margin:10px 18px 18px;padding:13px 18px;font-size:14px} .panel__bar{padding:12px 16px} .carreras,.pruebas,.plat,.faq{padding-top:70px;padding-bottom:70px} .cierre{padding:80px 0} .picker__bar{padding:14px} .search{margin-left:0;min-width:100%} .picker__body{padding:20px 15px 26px} .cats{grid-template-columns:1fr} .lvl2__n{display:none} .panel__body{padding:20px 16px 6px;min-height:0} .msg{max-width:94%;font-size:14.5px} .plat__demo{min-height:300px} .tarjeta--1{width:88%} .tarjeta--2{width:80%} .foot__nav{grid-template-columns:1fr 1fr} .wa span{display:none} .wa{padding:15px;right:16px;bottom:16px} .faq summary{font-size:18.5px} .faq details p{padding-right:0} .ficha__gancho{font-size:17px;padding-left:17px} } /* ── nivel 2: familias de oficio y filtro por instituto ──── */ .filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;padding-bottom:24px; border-bottom:1px solid var(--linea)} .filtro{background:var(--papel);border:1px solid var(--linea);border-radius:999px;padding:9px 16px; font-size:14px;font-weight:500;color:var(--tinta-2);cursor:pointer; transition:border-color .15s,background .15s,color .15s} .filtro:hover{border-color:var(--tinta-3);color:var(--tinta)} .filtro b{font-family:var(--mono);font-weight:400;font-size:12px;color:var(--tinta-3);margin-left:5px} .filtro.is-on{background:var(--marino);border-color:var(--marino);color:#fff} .filtro.is-on b{color:rgba(255,255,255,.6)} .familia{margin-bottom:34px} .familia:last-of-type{margin-bottom:8px} .familia__h{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-family:var(--mono); font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)} .familia__h::after{content:"";flex:1;height:1px;background:var(--linea);order:1} .familia__h span{order:2;font-size:11px;color:var(--tinta-3); font-variant-numeric:tabular-nums} /* ============================================================ TEST WEB 02 - ACADEMIC EDITORIAL × DIGITAL PRODUCT Rediseño premium de NAV + HERO + transición. El resto de la landing conserva su motor y contenido original. ============================================================ */ :root{ --editorial:#F2F0E9; --editorial-2:#E8E5DC; --ink:#07101E; --ink-soft:#394352; --rule:rgba(7,16,30,.16); --blue-electric:#1976FF; } /* NAV - más silenciosa, editorial y precisa */ .nav{ background:rgba(242,240,233,.88); border-bottom:1px solid rgba(7,16,30,.10); backdrop-filter:blur(18px) saturate(120%); -webkit-backdrop-filter:blur(18px) saturate(120%); } .nav.fija{ background:rgba(242,240,233,.94); border-bottom-color:rgba(7,16,30,.15); box-shadow:0 8px 36px rgba(7,16,30,.045); } .nav__in{height:72px;gap:34px} .brand{color:var(--ink);gap:10px} .brand img{border-radius:6px;box-shadow:0 0 0 1px rgba(7,16,30,.06)} .brand__txt{font-size:19px;letter-spacing:-.04em} .brand__txt em{color:var(--blue-electric)} .nav__links{gap:6px} .nav__links a{ position:relative;color:rgba(7,16,30,.63);font-size:13px;font-weight:600; letter-spacing:-.005em;padding:10px 12px;transition:color .2s ease; } .nav__links a::before{ content:attr(data-index);font-family:var(--mono);font-size:8.5px;letter-spacing:.08em; color:rgba(7,16,30,.34);margin-right:6px;vertical-align:1px; } .nav__links a:hover{color:var(--ink)} .nav__cta{align-items:center} .nav .btn{border-radius:3px;box-shadow:none;transform:none} .nav .btn:hover{transform:none} .nav .btn--ghost{ --fg:var(--ink);--bd:transparent;--bg:transparent; padding-inline:12px;color:var(--ink);font-size:13px; } .nav .btn--ghost:hover{--bg:transparent;--bd:transparent;color:var(--blue-electric)} .nav .btn--solid{ --bg:var(--ink);--fg:#fff;padding:12px 16px;font-size:13px;box-shadow:none; } .nav .btn--solid:hover{--bg:#142239;box-shadow:none} .nav__burger span{background:var(--ink)} .nav__drawer{background:var(--editorial);border-bottom-color:var(--rule)} .nav__drawer a{color:var(--ink);border-bottom-color:var(--rule)} /* HERO - portada editorial, no “landing SaaS” */ .hero{ position:relative;isolation:isolate;overflow:hidden; background:var(--editorial);color:var(--ink); padding:126px 0 0;display:block; } .hero::before{ content:"";position:absolute;inset:0;z-index:-2;pointer-events:none; background: linear-gradient(to right, transparent calc(25% - .5px), rgba(7,16,30,.055) 25%, transparent calc(25% + .5px)), linear-gradient(to right, transparent calc(50% - .5px), rgba(7,16,30,.055) 50%, transparent calc(50% + .5px)), linear-gradient(to right, transparent calc(75% - .5px), rgba(7,16,30,.055) 75%, transparent calc(75% + .5px)); } .hero::after{ content:"MITÍTULO / PERÚ / 2026";position:absolute;right:-112px;top:360px;z-index:-1; transform:rotate(90deg);transform-origin:center;font-family:var(--mono);font-size:9px; letter-spacing:.24em;color:rgba(7,16,30,.24);white-space:nowrap; } .hero__foto,.hero__velo{display:none!important} .hero__mast{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:62px;align-items:end} .hero__meta{ grid-column:1/-1;display:flex;justify-content:space-between;gap:24px; padding-bottom:17px;border-bottom:1px solid var(--ink); font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase; color:rgba(7,16,30,.56) } .hero__meta strong{font-weight:500;color:var(--ink)} .hero__headline{padding-top:24px} .hero h1{ margin:0;font-size:clamp(62px,8.35vw,132px);line-height:.82;font-weight:800; letter-spacing:-.072em;text-transform:uppercase;text-wrap:initial; } .hero h1 .hero__line{display:block;white-space:nowrap} .hero h1 .hero__line--serif{ font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.058em; text-transform:none;color:var(--blue-electric);padding-left:.42em; } .hero h1 .hero__line--last{padding-left:1.18em} .hero__brief{ align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end; padding:28px 0 10px 28px;border-left:1px solid var(--rule) } .hero__brief-no{ font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase; color:var(--blue-electric);margin-bottom:auto;padding-top:3px } .hero .lede{color:var(--ink-soft);font-size:17px;line-height:1.58;max-width:30ch} .hero__acc{margin-top:27px;gap:8px;flex-direction:column;align-items:stretch} .hero__acc .btn{width:100%;justify-content:space-between;border-radius:2px;padding:16px 17px;font-size:14px} .hero__acc .btn::after{content:"↗";font-family:var(--sans);font-weight:400} .hero__acc .btn--solid{--bg:var(--ink);--fg:#fff;box-shadow:none} .hero__acc .btn--solid:hover{--bg:#15243D;box-shadow:none} .hero .btn--line{--bg:transparent;--bd:rgba(7,16,30,.25);--fg:var(--ink);backdrop-filter:none} .hero .btn--line:hover{--bg:rgba(7,16,30,.035);--bd:var(--ink);--fg:var(--ink)} .hero__proofline{ margin-top:21px;padding-top:16px;border-top:1px solid var(--rule);font-family:var(--mono); font-size:9.5px;line-height:1.65;letter-spacing:.08em;text-transform:uppercase;color:rgba(7,16,30,.46) } /* El proceso se lee como índice/capítulos, no como tarjetas */ .hero__chapters{margin-top:58px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr)} .hero__chapter{position:relative;min-height:116px;padding:18px 18px 18px 0;display:flex;flex-direction:column;justify-content:space-between} .hero__chapter+.hero__chapter{border-left:1px solid var(--rule);padding-left:18px} .hero__chapter b{font-family:var(--mono);font-size:9px;letter-spacing:.16em;font-weight:500;color:var(--blue-electric)} .hero__chapter span{font-size:16px;font-weight:700;letter-spacing:-.03em} .hero__chapter small{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(7,16,30,.42)} .hero__chapter::after{content:"";position:absolute;height:3px;left:0;right:100%;bottom:-2px;background:var(--blue-electric);transition:right .35s cubic-bezier(.2,.7,.25,1)} .hero__chapter:hover::after{right:0} /* La tesis “se abre” y se convierte en producto */ .hero__product{ margin-top:68px;background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:88px 0 0; } .hero__product::before{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.42; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 78%); } .hero__product-head{position:relative;display:grid;grid-template-columns:1fr 300px;gap:72px;align-items:end;margin-bottom:54px} .hero__product-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#7EAEFF;margin-bottom:18px} .hero__product h2{font-size:clamp(48px,6.3vw,92px);line-height:.9;letter-spacing:-.062em;color:#fff;max-width:10.4ch;text-wrap:balance} .hero__product h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#7EAEFF} .hero__product-copy{padding:0 0 5px 24px;border-left:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.68);font-size:15.5px;line-height:1.65} .hero__product-copy strong{display:block;color:#fff;font-weight:600;margin-bottom:9px} /* Producto: interfaz real, casi como una lámina técnica */ .panel-w{position:relative;z-index:2;margin-bottom:-108px} .panel{ margin:0 0 0 7%;background:#091321;border:1px solid rgba(255,255,255,.20);border-radius:2px; overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.34);max-width:1120px } .panel__bar{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.11);background:#0C1828} .panel__dots{gap:5px} .panel__dots i{width:6px;height:6px;border-radius:1px;background:rgba(255,255,255,.28)} .panel__url{font-size:10.5px;letter-spacing:.04em} .panel__tag{font-size:9px;border-radius:2px;padding:4px 8px;background:transparent;border-color:rgba(126,174,255,.42);color:#9CC1FF} .panel__body{padding:30px 30px 8px;gap:14px;min-height:294px} .msg{border-radius:3px;font-size:15.5px;line-height:1.62} .msg--user{background:#102C56;border-color:#214D86;border-bottom-right-radius:3px} .msg--bot{background:#0E1A2B;border-color:rgba(255,255,255,.10);border-bottom-left-radius:3px} .panel__in{margin:12px 30px 24px;border-radius:2px;padding:13px 16px;font-size:13px;background:rgba(255,255,255,.025)} /* transición: evidencia sin “cards” */ .cifras{background:#fff;padding:178px 0 90px} .cifras__label{display:flex;align-items:center;gap:14px;margin-bottom:30px;font-family:var(--mono);font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--tinta-3)} .cifras__label::after{content:"";height:1px;background:var(--linea);flex:1} .cifras__in{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;border:0;border-radius:0;overflow:visible;border-top:1px solid var(--ink)} .cifra{background:#fff;padding:30px 34px 18px 0;min-height:160px} .cifra+.cifra{border-left:1px solid var(--linea);padding-left:34px} .cifra b{font-size:clamp(38px,4.4vw,64px);font-weight:700;letter-spacing:-.055em;color:var(--ink)} .cifra span{max-width:30ch;font-size:14px;color:var(--ink-soft);line-height:1.55} .cifra:last-child b{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue-electric)} @media (max-width:1040px){ .hero__mast{grid-template-columns:1fr 265px;gap:38px} .hero h1{font-size:clamp(56px,9vw,98px)} .hero__product-head{grid-template-columns:1fr 260px;gap:42px} .panel{margin-left:3%} } @media (max-width:900px){ .nav{background:rgba(242,240,233,.95)} .hero{padding-top:108px} .hero__mast{grid-template-columns:1fr;gap:30px} .hero__meta{grid-column:auto} .hero h1{font-size:clamp(58px,12.6vw,104px)} .hero__brief{border-left:0;border-top:1px solid var(--rule);padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:28px} .hero__brief-no{grid-column:1/-1;margin:0} .hero__acc{margin-top:0} .hero__proofline{grid-column:1/-1} .hero__chapters{grid-template-columns:repeat(2,1fr)} .hero__chapter:nth-child(3){border-left:0;border-top:1px solid var(--rule);padding-left:0} .hero__chapter:nth-child(4){border-top:1px solid var(--rule)} .hero__product{padding-top:68px} .hero__product-head{grid-template-columns:1fr;gap:30px} .hero__product-copy{max-width:50ch} .panel-w{margin-bottom:-76px} .panel{margin-left:0} .cifras{padding-top:132px} } @media (max-width:640px){ .hero{padding-top:102px} .hero::before{background:linear-gradient(to right,transparent calc(50% - .5px),rgba(7,16,30,.05) 50%,transparent calc(50% + .5px))} .hero::after{display:none} .hero__meta{font-size:8.5px;letter-spacing:.11em} .hero__meta span:last-child{display:none} .hero h1{font-size:clamp(48px,15.2vw,76px);line-height:.84;letter-spacing:-.065em} .hero h1 .hero__line--serif{padding-left:.16em} .hero h1 .hero__line--last{padding-left:.5em} .hero__brief{display:block;padding-top:22px} .hero__brief-no{margin-bottom:18px} .hero .lede{font-size:15.5px;max-width:none} .hero__acc{margin-top:22px} .hero__chapters{margin-top:42px} .hero__chapter{min-height:100px;padding:15px 12px 15px 0} .hero__chapter+.hero__chapter{padding-left:12px} .hero__chapter:nth-child(3){padding-left:0} .hero__chapter span{font-size:14px} .hero__product{margin-top:48px;padding-top:54px} .hero__product h2{font-size:clamp(42px,13vw,64px)} .hero__product-copy{padding-left:18px;font-size:14.5px} .hero__product-head{margin-bottom:36px} .panel-w{width:100%;margin-bottom:-54px} .panel{border-left:0;border-right:0} .panel__bar{padding:11px 14px} .panel__body{padding:20px 15px 6px;min-height:240px} .msg{font-size:14px;padding:13px 14px} .panel__in{margin:10px 15px 16px} .cifras{padding:98px 0 62px} .cifras__in{grid-template-columns:1fr} .cifra{min-height:auto;padding:24px 0} .cifra+.cifra{border-left:0;border-top:1px solid var(--linea);padding-left:0} .cifra b{font-size:46px} } /* ============================================================ TEST WEB 02 - PRECISION PASS La dirección editorial se extiende a toda la landing. ============================================================ */ /* --- Hero: corrección de overflow y microinteracción de capítulos --- */ .hero__headline{min-width:0} .hero h1{font-size:clamp(62px,8.1vw,118px)} .hero h1 .hero__line:nth-child(3){font-size:.9em;letter-spacing:-.078em} .hero__chapter small{position:relative;transition:color .2s ease} .hero__chapter small::after{ content:attr(data-alt);position:absolute;left:0;top:0;white-space:nowrap; color:rgba(7,16,30,.62);opacity:0;transform:translateY(5px); transition:opacity .22s ease,transform .25s cubic-bezier(.2,.7,.25,1) } .hero__chapter:hover small{color:transparent} .hero__chapter:hover small::after{opacity:1;transform:none} /* --- Encabezados editoriales del cuerpo --- */ .carreras .sec__head,.pruebas .sec__head,.faq .sec__head{ max-width:none;margin-bottom:58px;padding-top:18px;border-top:1px solid currentColor; display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:62px;row-gap:20px } .carreras .sec__head .eyebrow,.pruebas .sec__head .eyebrow,.faq .sec__head .eyebrow{ grid-column:1;grid-row:1;margin:2px 0 0 } .carreras .sec__head h2,.pruebas .sec__head h2,.faq .sec__head h2{ grid-column:2;grid-row:1;font-size:clamp(38px,4.65vw,64px);line-height:.98;letter-spacing:-.055em } .carreras .sec__head .sec__lede,.pruebas .sec__head .sec__lede{ grid-column:2;grid-row:2;margin-top:0;max-width:64ch;font-size:16.5px;line-height:1.65 } /* --- Carreras: de card-grid a índice/biblioteca interactiva --- */ .carreras{padding:112px 0 124px;background:#F7F5EF;border-top:1px solid var(--ink)} .carreras .sec__head{color:var(--ink)} .picker{border:1px solid var(--ink);border-radius:0;background:#fff;box-shadow:none;overflow:hidden} .picker__bar{padding:14px 18px;border-bottom:1px solid var(--ink);background:#fff} .crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.03em} .search{border:0;border-left:1px solid var(--linea);border-radius:0;background:transparent;padding:9px 12px;min-width:min(100%,360px)} .search:focus-within{background:#F7F5EF;border-color:var(--blue-electric);box-shadow:none} .search input{font-size:13.5px} .picker__body{padding:0;min-height:380px} .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:0} .cat{ position:relative;aspect-ratio:auto;min-height:232px;border-radius:0;border:0; border-bottom:1px solid var(--ink);background:var(--ink);box-shadow:none;transform:none;overflow:hidden } .cat:nth-child(odd){border-right:1px solid var(--ink)} .cat:hover{transform:none;box-shadow:none} .cat__foto{left:auto;right:0;top:0;bottom:0;width:54%;height:100%;opacity:.9;filter:saturate(.84) contrast(1.03);transform:scale(1.001)} .cat:hover .cat__foto{transform:scale(1.035)} .cat::after{z-index:-1;background:linear-gradient(90deg,rgba(7,16,30,.99) 0%,rgba(7,16,30,.96) 48%,rgba(7,16,30,.64) 72%,rgba(7,16,30,.28) 100%)} .cat:hover::after{background:linear-gradient(90deg,rgba(7,16,30,.99) 0%,rgba(7,16,30,.94) 48%,rgba(13,39,76,.58) 74%,rgba(7,16,30,.22) 100%)} .cat__txt{padding:24px 24px 23px;width:60%;height:100%;display:flex;flex-direction:column;justify-content:flex-end} .cat__sub{font-size:8.5px;letter-spacing:.18em;color:rgba(255,255,255,.52);margin-bottom:auto} .cat__t{font-size:clamp(24px,2.25vw,34px);line-height:.98;letter-spacing:-.045em} .cat__n{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8AB9FF;margin-top:15px} .lvl2__head,.familia,.filtros,.chips,.empty{margin-left:24px;margin-right:24px} .lvl2__head{padding-top:28px} .filtros{padding-top:0} .filtro,.chip{border-radius:2px;box-shadow:none;transform:none} .chip:hover{transform:none} .det__generic,.ficha__jurados{border-radius:0} .ficha__foto{border-radius:0} .ficha{margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px} .results__k{margin:24px 24px 16px} .det__generic{margin:28px 24px 0} .nota-mas{margin-left:24px;margin-right:24px} /* --- Pruebas: evidencia como expediente, no como tarjetas --- */ .pruebas{padding:118px 0;background:var(--ink);color:#fff} .pruebas .sec__head{color:#fff;border-top-color:rgba(255,255,255,.48)} .pruebas .sec__head .sec__lede{color:rgba(255,255,255,.68)} .pruebas__g{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.28)} .prueba,.prueba--alta{ position:relative;display:grid;grid-template-columns:minmax(270px,37%) minmax(0,1fr);align-items:stretch; background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);border-radius:0;overflow:hidden;transform:none } .prueba:hover{transform:none;border-color:rgba(255,255,255,.28)} .prueba::before{ content:attr(data-proof);position:absolute;right:0;top:24px;z-index:2;font-family:var(--mono); font-size:9px;letter-spacing:.16em;color:#8AB9FF } .prueba img,.prueba--alta img{ width:100%;height:292px;min-height:0;object-fit:cover;border-right:1px solid rgba(255,255,255,.24); filter:saturate(.78) contrast(1.04);transition:filter .35s ease,transform .5s cubic-bezier(.2,.7,.25,1) } .prueba:hover img{filter:saturate(.96) contrast(1.02);transform:scale(1.012)} .prueba__txt,.prueba--alta .prueba__txt{padding:38px 56px 40px 44px;display:flex;flex-direction:column;justify-content:center} .prueba__k{font-size:9px;letter-spacing:.18em;margin-bottom:18px;color:#8AB9FF} .prueba h3,.prueba--alta h3{font-size:clamp(28px,3.25vw,46px);line-height:1;letter-spacing:-.045em;max-width:18ch} .prueba p{font-size:15.5px;line-height:1.68;color:rgba(255,255,255,.66);max-width:62ch;margin-top:18px} /* --- Plataforma: las dos mitades + producto como lámina de trabajo --- */ .plat{padding:118px 0 130px;background:var(--editorial);border-top:1px solid var(--ink)} .plat__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:72px;align-items:start} .plat__copy .eyebrow{margin-bottom:20px} .plat__halves{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0 0 34px} .plat__halves span{padding:13px 13px 13px 0;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(7,16,30,.45)} .plat__halves span+span{border-left:1px solid var(--rule);padding-left:13px} .plat__halves b{font-weight:500;color:var(--blue-electric);margin-right:10px} .plat__halves .is-active{color:var(--ink);background:linear-gradient(90deg,rgba(25,118,255,.06),transparent)} .plat h2{font-size:clamp(46px,5.3vw,76px);line-height:.91;letter-spacing:-.06em;max-width:10.5ch} .plat h2 em{color:var(--blue-electric)} .plat .sec__lede{font-size:16.5px;line-height:1.67;max-width:52ch;margin-top:26px} .feats{counter-reset:mtfeat;margin:32px 0 28px;border-bottom:1px solid var(--rule)} .feats li{counter-increment:mtfeat;position:relative;padding:18px 0 18px 48px;border-top:1px solid var(--rule);font-size:14.5px;line-height:1.58} .feats li::before{content:"0" counter(mtfeat);position:absolute;left:0;top:20px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--blue-electric)} .plat .hero__acc{margin-top:0;display:flex;flex-direction:row;align-items:center;gap:8px} .plat .hero__acc .btn{width:auto;justify-content:center;border-radius:2px;padding:15px 18px} .plat .hero__acc .btn::after{content:none} .plat .hero__acc .btn--line{--bg:transparent;--bd:rgba(7,16,30,.28);--fg:var(--ink)} .plat__demo{position:relative;display:grid;grid-template-columns:1.12fr .88fr;min-height:470px;border:1px solid var(--ink);background:#fff;align-self:stretch} .plat__demo::before{content:"MI TÍTULO / ENTRENAMIENTO";position:absolute;left:18px;top:14px;z-index:3;font-family:var(--mono);font-size:8px;letter-spacing:.15em;color:rgba(7,16,30,.4)} .tarjeta{position:relative!important;inset:auto!important;width:auto!important;transform:none!important;border:0;border-radius:0;box-shadow:none;padding:64px 28px 30px;background:#fff} .tarjeta--1{z-index:1;border-right:1px solid var(--linea)} .tarjeta--2{display:flex;flex-direction:column;justify-content:flex-end;background:#F7F5EF} .tarjeta__k{font-size:9px;letter-spacing:.16em} .tarjeta__p{font-size:clamp(20px,2vw,28px);line-height:1.18;letter-spacing:-.035em} .tarjeta__b{border-radius:2px;margin-top:auto;padding:12px;background:transparent} .tarjeta__r{font-size:14px} .barras{height:180px;gap:8px} .barras i{background:var(--blue-electric);border-radius:0} /* --- Regalo / FAQ / cierre / footer: mismo sistema, sin volver a plantilla --- */ .regalo{padding:82px 0;background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)} .regalo__in{display:grid;grid-template-columns:1fr auto;gap:64px;align-items:end} .regalo h2{font-size:clamp(34px,4.2vw,58px);line-height:.98;letter-spacing:-.055em;max-width:16ch} .regalo p{font-size:15.5px;max-width:58ch} .regalo .btn{border-radius:2px;box-shadow:none} .faq{padding:108px 0 116px;background:#F7F5EF} .faq .sec__head{color:var(--ink)} .faq__list{border-top:1px solid var(--ink)} .faq details{border-bottom:1px solid var(--rule)} .faq summary{padding:26px 72px 26px 0;font-size:clamp(19px,2vw,25px);font-weight:600;letter-spacing:-.03em} .faq summary::before{counter-increment:faqitem;content:"0" counter(faqitem);display:inline-block;width:54px;font-family:var(--mono);font-size:9px;letter-spacing:.13em;color:var(--blue-electric);vertical-align:3px} .faq__list{counter-reset:faqitem} .faq details p{padding:0 60px 28px 54px;max-width:82ch;font-size:15.5px;line-height:1.7} .cierre{background:var(--blue-electric);color:#fff;padding:108px 0;border-top:1px solid var(--ink)} .cierre__in{text-align:left;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:72px;align-items:end} .cierre h2{font-size:clamp(48px,6.2vw,88px);line-height:.9;letter-spacing:-.065em;max-width:12ch} .cierre p{font-size:16.5px;color:rgba(255,255,255,.78);margin:0 0 26px;max-width:34ch;grid-column:2;grid-row:1} .cierre .btn{grid-column:2;margin:0;border-radius:2px;background:var(--ink);box-shadow:none;justify-content:space-between} .cierre .btn::after{content:"↗"} .foot{background:var(--ink);padding-top:54px} .foot__in{border-top:1px solid rgba(255,255,255,.26);padding-top:30px} .foot__brand img{border-radius:2px} .foot__claim{font-family:var(--sans);font-style:normal;font-size:14.5px;line-height:1.6} .foot__k{color:#8AB9FF;font-size:9px} .foot__nav a{font-size:13.5px} @media (max-width:1040px){ .hero h1{font-size:clamp(56px,8.6vw,88px)} .plat__in{grid-template-columns:1fr 1fr;gap:44px} .plat__demo{grid-template-columns:1fr;min-height:0} .tarjeta--1{border-right:0;border-bottom:1px solid var(--linea)} } @media (max-width:900px){ .hero h1{font-size:clamp(58px,12.2vw,100px)} .carreras .sec__head,.pruebas .sec__head,.faq .sec__head{grid-template-columns:1fr;gap:16px} .carreras .sec__head .eyebrow,.pruebas .sec__head .eyebrow,.faq .sec__head .eyebrow, .carreras .sec__head h2,.pruebas .sec__head h2,.faq .sec__head h2, .carreras .sec__head .sec__lede,.pruebas .sec__head .sec__lede{grid-column:1;grid-row:auto} .cats{grid-template-columns:1fr} .cat:nth-child(odd){border-right:0} .prueba,.prueba--alta{grid-template-columns:1fr} .prueba img,.prueba--alta img{height:250px;border-right:0;border-bottom:1px solid rgba(255,255,255,.24)} .prueba__txt,.prueba--alta .prueba__txt{padding:30px 44px 34px 0} .plat__in{grid-template-columns:1fr;gap:52px} .plat h2{max-width:12ch} .plat__demo{grid-template-columns:1fr 1fr} .tarjeta--1{border-bottom:0;border-right:1px solid var(--linea)} .regalo__in{grid-template-columns:1fr;gap:30px;align-items:start} .cierre__in{grid-template-columns:1fr;gap:30px} .cierre p,.cierre .btn{grid-column:1;grid-row:auto} .cierre p{margin:0;max-width:48ch} .cierre .btn{justify-self:start} } @media (max-width:640px){ .hero h1{font-size:clamp(48px,14.7vw,72px)} .hero__chapter small::after{white-space:normal} .carreras{padding-top:76px;padding-bottom:78px} .carreras .sec__head,.pruebas .sec__head,.faq .sec__head{margin-bottom:38px} .carreras .sec__head h2,.pruebas .sec__head h2,.faq .sec__head h2{font-size:38px} .picker__bar{padding:12px} .search{border-left:0;border-top:1px solid var(--linea);padding:11px 0} .cat{min-height:205px} .cat__foto{width:58%;opacity:.76} .cat__txt{width:72%;padding:20px} .lvl2__head,.familia,.filtros,.chips,.empty{margin-left:15px;margin-right:15px} .ficha{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px} .results__k{margin-left:15px;margin-right:15px} .det__generic{margin-left:15px;margin-right:15px} .nota-mas{margin-left:15px;margin-right:15px} .pruebas{padding:78px 0} .prueba img,.prueba--alta img{height:210px} .prueba__txt,.prueba--alta .prueba__txt{padding:26px 28px 30px 0} .prueba::before{top:18px} .plat{padding:78px 0 84px} .plat h2{font-size:46px} .plat .hero__acc{flex-direction:column;align-items:stretch} .plat .hero__acc .btn{width:100%} .plat__demo{grid-template-columns:1fr} .tarjeta--1{border-right:0;border-bottom:1px solid var(--linea)} .tarjeta{padding:54px 20px 24px} .regalo{padding:62px 0} .faq{padding:74px 0 80px} .faq summary::before{width:38px} .faq details p{padding-left:38px} .cierre{padding:78px 0} .cierre h2{font-size:52px} } /* ============================================================ TEST WEB 03 - PRECISION PASS Correcciones a partir de revisión visual real: 1) aire óptico para la tilde de TÚ; 2) transición producto → cifras más tensa; 3) demo de plataforma compacta, jerárquica y sin vacío falso; 4) isotipo embebido para archivo standalone. ============================================================ */ /* 01 - El acento de TÚ ya no invade la línea superior. */ .hero h1 .hero__line--last{ padding-left:1.18em; margin-top:.105em; } /* 02 - La pausa después del producto era demasiado larga. */ .cifras{ padding-top:96px; padding-bottom:86px; } .cifras__label{margin-bottom:26px} /* 03 - Plataforma: el producto deja de estirarse a la altura del copy. */ .plat__in{ grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr); gap:58px; align-items:start; } .plat__demo{ grid-template-columns:1fr; grid-template-rows:auto auto; min-height:0; align-self:start; background:#fff; } .plat__demo::before{ content:"MI TÍTULO / SESIÓN DE DEFENSA"; } .tarjeta{ padding:58px 24px 24px; } .tarjeta--1{ border-right:0; border-bottom:1px solid var(--linea); min-height:250px; } .tarjeta--2{ min-height:220px; justify-content:flex-start; padding-top:52px; } .tarjeta__p{ font-size:clamp(19px,1.55vw,24px); line-height:1.16; max-width:19ch; } .tarjeta__b{ margin-top:30px; width:100%; } .tarjeta__r{ font-size:13.5px; line-height:1.58; } .barras{ height:126px; margin-top:18px; gap:7px; } .barras b{ font-size:8.5px; margin-top:7px; } /* El módulo se siente como producto, no como dos cajas vacías. */ .tarjeta--1::after, .tarjeta--2::after{ position:absolute; right:18px; top:18px; font-family:var(--mono); font-size:8px; letter-spacing:.12em; color:rgba(7,16,30,.30); } .tarjeta--1::after{content:"01 / PREGUNTA"} .tarjeta--2::after{content:"02 / PROGRESO"} /* Ajustes intermedios: mantener impacto sin choques ni demo sobredimensionada. */ @media (max-width:1180px){ .hero h1 .hero__line--last{margin-top:.12em} .plat__in{grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);gap:42px} .tarjeta__p{font-size:21px} } @media (max-width:1040px){ .plat__in{grid-template-columns:1fr 1fr;gap:40px} .plat__demo{grid-template-columns:1fr;min-height:0} .tarjeta--1{border-right:0;border-bottom:1px solid var(--linea)} } @media (max-width:900px){ .hero h1 .hero__line--last{margin-top:.09em} .cifras{padding-top:82px} .plat__in{grid-template-columns:1fr;gap:46px} .plat__demo{max-width:620px;width:100%} } @media (max-width:640px){ .hero h1 .hero__line--last{margin-top:.12em;padding-left:.78em} .cifras{padding-top:66px;padding-bottom:68px} .tarjeta{padding:52px 20px 22px} .tarjeta--1{min-height:230px} .tarjeta--2{min-height:205px;padding-top:48px} .barras{height:112px} } /* ============================================================ TEST WEB 04 - WORLD CLASS PASS Producto utilizable + evidencia verificable + motion narrativo + mundos por área + microdetalle/performance. ============================================================ */ /* progreso de lectura: una sola línea, no un gadget */ #carreras,#pruebas,#plataforma,#faq{scroll-margin-top:92px} .page-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:120;pointer-events:none;background:transparent} .page-progress i{display:block;width:100%;height:100%;background:var(--blue-electric);transform:scaleX(0);transform-origin:left center;will-change:transform} .nav__links a{position:relative} .nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--blue-electric);transition:right .3s cubic-bezier(.2,.7,.25,1)} .nav__links a.is-active{color:var(--ink)} .nav__links a.is-active::after{right:0} /* hero: ejemplos tocables sin convertir la lámina en una app completa */ .panel__modes{display:grid;grid-template-columns:repeat(3,auto) 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);background:#091421;padding:0 18px} .panel__mode{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:rgba(255,255,255,.48);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;cursor:pointer;transition:color .2s,background .2s} .panel__mode:first-child{border-left:1px solid rgba(255,255,255,.08)} .panel__mode b{color:#7EAEFF;font-weight:500;margin-right:7px} .panel__mode:hover,.panel__mode.is-on{color:#fff;background:rgba(126,174,255,.07)} .panel__demo-label{justify-self:end;font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.3)} .panel.is-switching .msg--user,.panel.is-switching .msg--bot{opacity:.25;transform:translateY(4px)} .panel .msg--user,.panel .msg--bot{transition:opacity .2s,transform .25s} /* cifra de confianza: evita promesa absoluta y añade aire de registro */ .cifra span{min-height:44px} /* mundos MiTítulo: una casa, cuatro lenguajes */ .cat__signal{display:flex;gap:10px;align-items:center;margin-top:17px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);font-family:var(--mono);font-size:8px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)} .cat__signal b{font-weight:500;color:#8AB9FF} .cat[data-world="biomedicas"] .cat__foto{object-position:center 45%} .cat[data-world="sociales"] .cat__foto{object-position:center 48%} .cat[data-world="ingenierias"] .cat__foto{object-position:center 52%;filter:saturate(.72) contrast(1.08)} .cat[data-world="tecnico"] .cat__foto{object-position:center 55%;filter:saturate(.9) contrast(1.08)} .cat[data-world="ingenierias"]::before,.cat[data-world="tecnico"]::before{content:"";position:absolute;right:0;top:0;width:54%;height:100%;z-index:0;pointer-events:none;opacity:.2;background:linear-gradient(90deg,transparent,rgba(126,174,255,.25)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.17) 31px 32px)} .area-signals{display:grid;grid-template-columns:repeat(3,1fr);margin:4px 24px 30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--linea)} .area-signals span{padding:13px 18px 13px 0;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)} .area-signals span+span{border-left:1px solid var(--linea);padding-left:18px} .area-signals b{display:block;font-size:8px;letter-spacing:.14em;color:var(--blue-electric);font-weight:500;margin-bottom:5px} /* evidencia: la interacción revela qué se puede comprobar; no inventa casos */ .prueba__more{margin-top:26px;align-self:flex-start;appearance:none;border:0;border-top:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;padding:14px 0 0;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;display:flex;gap:18px;align-items:center;transition:color .2s} .prueba__more span{color:#8AB9FF;transition:transform .25s} .prueba__more:hover{color:#8AB9FF} .prueba__more:hover span{transform:translate(3px,-3px)} .proof-drawer{grid-column:1/-1;display:grid;grid-template-columns:230px 1fr;border-top:1px solid rgba(255,255,255,.28);background:#0A1525;overflow:hidden;max-height:0;opacity:0;transition:max-height .55s cubic-bezier(.2,.7,.25,1),opacity .35s} .prueba.is-open .proof-drawer{max-height:520px;opacity:1} .proof-drawer__index{padding:28px 24px;border-right:1px solid rgba(255,255,255,.18);font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#8AB9FF;text-transform:uppercase} .proof-drawer__body{padding:28px 34px 32px} .proof-drawer__body h4{font-size:clamp(22px,2.1vw,31px);line-height:1.06;letter-spacing:-.04em;color:#fff;margin:0 0 23px} .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)} .proof-grid>div{padding:18px 18px 8px 0;min-height:105px} .proof-grid>div+div{border-left:1px solid rgba(255,255,255,.15);padding-left:18px} .proof-grid b{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#8AB9FF;margin-bottom:8px;font-weight:500} .proof-grid p{font-size:13.5px!important;line-height:1.55!important;margin:0!important;color:rgba(255,255,255,.7)!important} .proof-drawer__cta{display:inline-flex;margin-top:22px;color:#fff;text-decoration:none;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #8AB9FF;padding-bottom:4px} /* plataforma: producto primero. El módulo ya no es una ilustración estática. */ .plat__in{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:76px} .world-demo{border:1px solid var(--ink);background:#fff;align-self:start;min-width:0;box-shadow:0 18px 60px rgba(7,16,30,.055)} .world-demo__chrome{height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 15px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:rgba(7,16,30,.5)} .world-demo__live{display:flex;align-items:center;gap:7px} .world-demo__live i{width:6px;height:6px;background:var(--blue-electric);display:inline-block} .world-demo__tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)} .world-demo__tabs button{appearance:none;border:0;border-right:1px solid var(--linea);background:#F7F5EF;color:rgba(7,16,30,.5);padding:14px 15px;text-align:left;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;position:relative;transition:background .2s,color .2s} .world-demo__tabs button:last-child{border-right:0} .world-demo__tabs b{font-weight:500;color:var(--blue-electric);margin-right:8px} .world-demo__tabs button::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:var(--blue-electric);transition:right .3s cubic-bezier(.2,.7,.25,1)} .world-demo__tabs button.is-on{background:#fff;color:var(--ink)} .world-demo__tabs button.is-on::after{right:0} .world-demo__body{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(205px,.82fr);min-height:402px} .world-demo__main{padding:30px 30px 26px;display:flex;flex-direction:column;min-width:0} .world-demo__k{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-electric);margin:0 0 18px} .world-demo__main h3{font-size:clamp(25px,2.35vw,35px);line-height:1.03;letter-spacing:-.045em;margin:0;max-width:16ch} .world-demo__intro{font-size:13.5px;line-height:1.6;color:var(--ink-soft);max-width:47ch;margin:16px 0 0} .world-demo__prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px} .world-demo__prompt{appearance:none;border:1px solid var(--linea);background:#fff;color:var(--ink-soft);padding:8px 10px;font-family:var(--mono);font-size:8px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background .2s} .world-demo__prompt:hover,.world-demo__prompt.is-on{border-color:var(--blue-electric);color:var(--blue-electric);background:#F5F9FF} .world-demo__action{margin-top:auto;appearance:none;border:0;border-top:1px solid var(--ink);background:transparent;color:var(--ink);padding:13px 0 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer} .world-demo__action span{color:var(--blue-electric);transition:transform .2s} .world-demo__action:hover span{transform:translate(3px,-3px)} .world-demo__answer{margin-top:18px;padding:16px 0 0;border-top:1px solid var(--linea);font-size:13.5px;line-height:1.62;color:var(--ink-soft)} .world-demo__answer strong{color:var(--ink)} .world-demo__side{border-left:1px solid var(--ink);background:#F7F5EF;padding:18px;min-width:0;display:flex;flex-direction:column} .world-demo__side-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--linea);font-family:var(--mono);font-size:8px;letter-spacing:.13em;color:var(--blue-electric)} .world-demo__side-top b{font-weight:400;color:rgba(7,16,30,.42)} .world-demo__source{margin-top:20px} .world-demo__source small{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:rgba(7,16,30,.42);text-transform:uppercase} .world-demo__source strong{display:block;font-size:14px;line-height:1.35;margin-top:7px;color:var(--ink)} .world-demo__source p{font-size:12.5px;line-height:1.55;color:var(--ink-soft);margin-top:10px} .world-demo__score{margin-top:auto;padding-top:25px} .world-demo__score-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--linea);padding:9px 0;font-family:var(--mono);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:rgba(7,16,30,.55)} .world-demo__score-row b{font-weight:500;color:var(--ink)} .world-demo__bar{height:3px;background:#DDE3EB;margin-top:4px;overflow:hidden} .world-demo__bar i{display:block;height:100%;background:var(--blue-electric);transform-origin:left;animation:wdbar .7s cubic-bezier(.2,.7,.25,1) both} @keyframes wdbar{from{transform:scaleX(0)}to{transform:scaleX(1)}} .world-demo__flash{display:grid;gap:8px;margin-top:18px} .world-demo__flash article{border:1px solid var(--linea);background:#fff;padding:12px} .world-demo__flash b{font-family:var(--mono);font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-electric)} .world-demo__flash p{font-size:12.5px;line-height:1.45;color:var(--ink-soft);margin-top:7px} .world-demo__foot{min-height:36px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 15px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:7.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(7,16,30,.42)} .world-demo__foot span:last-child{color:var(--blue-electric);text-align:right} .world-demo.is-changing .world-demo__main,.world-demo.is-changing .world-demo__side{opacity:.35;transform:translateY(4px)} .world-demo__main,.world-demo__side{transition:opacity .18s,transform .25s} /* botón y links: la flecha responde, no toda la caja */ .btn::after{transition:transform .22s cubic-bezier(.2,.7,.25,1)} .btn:hover::after{transform:translate(3px,-3px)} /* performance progresivo: los bloques lejanos no obligan a pintar todo en el primer frame */ /* nota: .carreras queda fuera a propósito. Su alto real cambia mucho según el dispositivo (columnas 4→2→1 y contenido inyectado por JS), y esa diferencia contra el alto de reserva (contain-intrinsic-size) es lo que dejaba el selector de carreras en blanco en celulares. */ /* nota: .plat también queda fuera. Contiene la demo interactiva con texto que se escribe por JS ("Prioridad de hoy"), el mismo patrón que causó el bug de .carreras: alto real muy distinto al de reserva en móvil. */ @supports (content-visibility:auto){ .pruebas,.regalo,.faq,.cierre,.foot{content-visibility:auto;contain-intrinsic-size:900px} } img[loading="lazy"]{content-visibility:auto} @media (max-width:1120px){ .plat__in{grid-template-columns:1fr 1fr;gap:44px} .world-demo__body{grid-template-columns:1fr} .world-demo__side{border-left:0;border-top:1px solid var(--ink);min-height:240px} } @media (max-width:900px){ .area-signals{grid-template-columns:1fr} .area-signals span+span{border-left:0;border-top:1px solid var(--linea);padding-left:0} .proof-drawer{grid-template-columns:1fr} .proof-drawer__index{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)} .proof-grid{grid-template-columns:1fr} .proof-grid>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0} .plat__in{grid-template-columns:1fr;gap:52px} .world-demo__body{grid-template-columns:1.15fr .85fr} .world-demo__side{border-top:0;border-left:1px solid var(--ink)} } @media (max-width:640px){ .panel__modes{grid-template-columns:repeat(3,1fr);padding:0} .panel__mode{padding:11px 6px;text-align:center;font-size:7.5px} .panel__mode:first-child{border-left:0} .panel__demo-label{display:none} .cat__signal{font-size:7px;gap:7px} .area-signals{margin:0 15px 24px} .prueba__more{font-size:8px;line-height:1.45} .proof-drawer__body{padding:24px 20px 28px} .world-demo__chrome{font-size:7px;letter-spacing:.08em} .world-demo__live{font-size:0} .world-demo__live::after{content:"DEMO";font-size:7px} .world-demo__tabs button{padding:12px 8px;font-size:7.5px;text-align:center} .world-demo__tabs b{display:block;margin:0 0 4px} .world-demo__body{grid-template-columns:1fr} .world-demo__main{padding:25px 20px 22px;min-height:400px} .world-demo__main h3{font-size:28px;max-width:14ch} .world-demo__side{border-left:0;border-top:1px solid var(--ink);min-height:230px} .world-demo__foot{align-items:flex-start;flex-direction:column;gap:5px} .world-demo__foot span:last-child{text-align:left} } @media (prefers-reduced-motion:reduce){ .page-progress{display:none} .world-demo__bar i{animation:none} .panel.is-switching .msg--user,.panel.is-switching .msg--bot,.world-demo.is-changing .world-demo__main,.world-demo.is-changing .world-demo__side{transform:none} } /* ============================================================ MiTítulo - TEST WEB 07 / CONVERSION FINAL PASS Academic Editorial × Digital Product ============================================================ */ :root{--v5-paper:#F3F0E9;--v5-cream:#E9E4DA;--v5-ink:#07101E;--v5-blue:#2E86FF;--v5-blue2:#0E64D8;--v5-line:rgba(7,16,30,.14)} section{scroll-margin-top:76px} .nav__links{gap:18px}.nav__links a{font-size:13.5px}.nav__cta{gap:8px}.nav__cta .btn{padding-inline:16px} .cifras__in--v5{grid-template-columns:repeat(3,1fr);border-radius:0}.cifras__in--v5 .cifra{min-height:188px;display:flex;flex-direction:column;justify-content:space-between}.cifras__in--v5 .cifra b{font-family:var(--mono);font-size:clamp(38px,4.8vw,60px);font-weight:500;letter-spacing:-.06em}.cifras__in--v5 .cifra span{max-width:31ch} /* proofs as editorial ledger, not testimonial cards */ .pruebas--v5{padding-bottom:96px}.proof-ledger{border-top:1px solid rgba(255,255,255,.24)} .proof-row{display:grid;grid-template-columns:66px minmax(220px,.82fr) minmax(280px,1fr) auto;gap:30px;align-items:start;padding:31px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff} .proof-row__no,.proof-row__k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#79ADFF}.proof-row h3{font-size:clamp(24px,2.2vw,33px);line-height:1.02;max-width:16ch}.proof-row>p{color:rgba(255,255,255,.67);font-size:15.5px;line-height:1.62;max-width:48ch}.proof-row>a{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:7px;white-space:nowrap}.proof-row>a span{color:#79ADFF}.proof-row:hover h3{color:#DCEAFF} /* guarantee */ .guarantee{background:var(--v5-paper);color:var(--v5-ink);padding:110px 0 122px;border-bottom:1px solid var(--v5-line)} .guarantee__grid{display:grid;grid-template-columns:190px 1fr;gap:70px}.guarantee__index{border-top:1px solid var(--v5-ink);padding-top:13px}.guarantee__index p,.guarantee__index span,.guarantee__micro{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.guarantee__index span{display:block;margin-top:8px;color:rgba(7,16,30,.46)}.guarantee__micro{color:var(--v5-blue2);margin-bottom:17px}.guarantee__statement h2{display:flex;align-items:baseline;gap:22px;font-size:clamp(76px,13vw,184px);line-height:.76;letter-spacing:-.09em;font-weight:800}.guarantee__statement h2 em{font-family:var(--serif);font-weight:400;font-size:.45em;letter-spacing:-.04em;color:var(--v5-blue2)}.guarantee__lead{font-size:clamp(22px,2.4vw,34px);line-height:1.25;letter-spacing:-.035em;max-width:34ch;margin-top:58px}.guarantee__actions{display:grid;grid-template-columns:auto minmax(220px,460px);gap:28px;align-items:center;margin-top:38px;padding-top:24px;border-top:1px solid var(--v5-line)}.guarantee__actions p{font-size:12.5px;line-height:1.55;color:rgba(7,16,30,.58)}.guarantee .btn{border-radius:2px} /* bridge */ .method-bridge{background:var(--v5-ink);color:#fff;padding:92px 0 110px;overflow:hidden}.method-bridge__in{position:relative}.method-bridge__rail{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:rgba(255,255,255,.48);margin-bottom:88px}.method-bridge__rail i{height:1px;background:rgba(255,255,255,.18)}.method-bridge__eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#79ADFF;margin-bottom:20px}.method-bridge h2{font-size:clamp(50px,7.8vw,112px);line-height:.9;letter-spacing:-.065em;font-weight:700;max-width:11.5ch}.method-bridge h2 em{font-family:var(--serif);font-weight:400;color:#91BAFF}.method-bridge__copy{margin:46px 0 0 auto;max-width:38ch;color:rgba(255,255,255,.68);font-size:17px;line-height:1.65;border-left:1px solid #79ADFF;padding-left:22px} /* product: structure from the real MiTítulo app, reskinned to brand */ .plat--v5{background:#F7F8FA;padding:104px 0 112px}.plat__v5-head{display:grid;grid-template-columns:1.05fr .65fr;gap:78px;align-items:end}.plat__v5-head .plat__copy{max-width:none}.plat__v5-head .plat__copy h2{font-size:clamp(48px,6vw,84px);max-width:11ch}.plat__v5-lede{padding-bottom:8px}.plat__v5-lede>p{font-size:18px;line-height:1.62;color:var(--tinta-2)}.plat__source-note{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--linea);font-family:var(--mono);font-size:10.5px!important;letter-spacing:.04em;color:var(--tinta-3)!important}.product-frame{margin-top:58px;border:1px solid #D5DAE2;background:#fff;box-shadow:0 38px 90px -52px rgba(7,16,30,.55);overflow:hidden}.product-frame__chrome{height:37px;background:#07101E;color:rgba(255,255,255,.58);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-family:var(--mono);font-size:8.5px;letter-spacing:.13em}.product-frame__chrome span:last-child{color:#83B1FF}.product-app{display:grid;grid-template-columns:188px 1fr;min-height:660px}.product-sidebar{background:#0A182B;color:#fff;padding:20px 13px;display:flex;flex-direction:column}.product-brand{display:flex;gap:9px;align-items:center;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.product-brand__mark{display:grid;grid-template-columns:repeat(3,4px);gap:2px;align-items:end;height:15px}.product-brand__mark i{display:block;background:#5E9BFF}.product-brand__mark i:nth-child(1){height:9px}.product-brand__mark i:nth-child(2){height:15px}.product-brand__mark i:nth-child(3){height:12px}.product-sidebar nav{display:flex;flex-direction:column;gap:5px;padding-top:18px}.product-sidebar nav button{border:0;background:transparent;color:rgba(255,255,255,.6);text-align:left;padding:10px 11px;font-size:12px;cursor:pointer;border-left:2px solid transparent}.product-sidebar nav button span{font-family:var(--mono);font-size:8px;color:rgba(255,255,255,.35);margin-right:9px}.product-sidebar nav button.is-on{color:#fff;background:rgba(46,134,255,.12);border-left-color:#5E9BFF}.product-side-progress{margin-top:auto;padding:16px 8px 4px;border-top:1px solid rgba(255,255,255,.1)}.product-side-progress p{display:flex;justify-content:space-between;font-size:10px}.product-side-progress div{height:3px;background:rgba(255,255,255,.12);margin:8px 0}.product-side-progress i{display:block;height:100%;background:#5E9BFF}.product-side-progress small{font-size:8.5px;color:rgba(255,255,255,.45)}.product-workspace{position:relative;background:#F4F6F9;padding-bottom:88px}.product-topbar{height:76px;background:#fff;border-bottom:1px solid #E2E6EC;display:flex;justify-content:space-between;align-items:center;padding:0 27px}.product-topbar p{font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:#6C7788}.product-topbar h3{font-size:21px;letter-spacing:-.04em;margin-top:3px}.product-profile{display:flex;align-items:center;gap:9px;background:#F4F6F9;border:1px solid #E1E5EB;padding:6px 10px 6px 7px;border-radius:999px;font-size:10px;color:#667184}.product-profile:first-letter{background:#0E64D8;color:#fff}.product-profile b{font-size:10px;color:#172234}.product-view{padding:28px}.product-greeting{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.product-greeting span{font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:#758094}.product-greeting h4{font-size:26px;margin:5px 0 6px}.product-greeting p{font-size:12.5px;color:#687486}.product-badge{border:1px solid #BBD2F7!important;background:#EAF2FF;padding:6px 9px;border-radius:999px;color:#0E64D8!important}.product-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.product-command{background:linear-gradient(135deg,#0A1C34,#0E376A);color:#fff;border-radius:10px;padding:20px;box-shadow:0 14px 32px -22px #07101E}.product-command__top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#95BAF5}.product-command__body{display:grid;grid-template-columns:120px 1fr;gap:19px;align-items:center;margin:19px 0}.product-orbit{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5D9EFF 0 76%,rgba(255,255,255,.12) 76% 100%);position:relative}.product-orbit:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0B2749}.product-orbit span{position:relative;z-index:1;text-align:center}.product-orbit b{display:block;font-size:25px}.product-orbit small{font-size:8px;color:rgba(255,255,255,.55)}.product-command__body>div:last-child>p{font-family:var(--mono);font-size:8px;color:#8FB9FF;letter-spacing:.1em}.product-command__body h4{font-size:21px;line-height:1.12;margin:6px 0 14px;max-width:18ch}.product-command button{border:0;background:#fff;color:#07101E;font-weight:700;font-size:10.5px;padding:10px 13px;border-radius:4px;cursor:pointer}.product-command__foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.product-command__foot span{font-family:var(--mono);font-size:7px;color:rgba(255,255,255,.44)}.product-command__foot b{display:block;font-family:var(--sans);font-size:9px;color:#fff;margin-top:3px}.product-panel,.product-domain{background:#fff;border:1px solid #E2E6EC;border-radius:10px;padding:17px}.product-panel__head span{display:block;font-family:var(--mono);font-size:7.5px;letter-spacing:.13em;color:#0E64D8}.product-panel__head b{display:block;font-size:13px;margin-top:3px}.product-panel ol{padding:0;margin:15px 0 14px;list-style:none}.product-panel li{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;border-top:1px solid #EDF0F3;padding:9px 0;font-size:9.5px}.product-panel li i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#EAF2FF;color:#0E64D8;font-size:8px}.product-panel li b{font-size:8px;color:#7B8594}.product-goal>span{font-size:8px;color:#6C7788}.product-goal>div{height:3px;background:#EDF0F3;margin-top:7px}.product-goal i{display:block;height:100%;background:#2E86FF}.product-domain{margin-top:14px}.product-domain__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:17px}.product-domain__bars label{display:grid;grid-template-columns:1fr 28px;gap:7px;align-items:center;font-size:9px}.product-domain__bars label>span{grid-column:1/-1;color:#576375}.product-domain__bars label>i{height:5px;background:#EDF0F3}.product-domain__bars label>i b{display:block;height:100%;background:#2E86FF}.product-domain__bars strong{font-size:9px;text-align:right}.product-gate{position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(180deg,rgba(244,246,249,.7),#F4F6F9 35%);border-top:1px solid #DFE4EA;display:flex;justify-content:space-between;align-items:center;padding:17px 28px}.product-gate>div span{display:block;font-family:var(--mono);font-size:7.5px;letter-spacing:.15em;color:#0E64D8}.product-gate strong{font-size:13px}.product-gate a{text-decoration:none;background:#07101E;color:#fff;padding:11px 14px;font-size:10px;font-weight:700}.product-gate a span{color:#7EB1FF}.product-view.is-switching{animation:v5switch .22s ease both}@keyframes v5switch{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}} /* idea viability */ .idea-eval{padding:112px 0;background:var(--v5-paper);border-top:1px solid var(--v5-line);border-bottom:1px solid var(--v5-line)}.idea-eval__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:78px;align-items:start}.idea-eval__copy{position:sticky;top:120px}.idea-eval__copy h2{font-size:clamp(48px,5.7vw,78px);line-height:.96;max-width:9ch}.idea-eval__copy h2 em{font-family:var(--serif);font-weight:400;color:var(--v5-blue2)}.idea-eval__copy>p:not(.eyebrow){font-size:17px;color:#4F5967;line-height:1.65;margin-top:28px;max-width:39ch}.idea-eval__copy .btn{margin-top:30px;border-radius:2px}.idea-dossier{background:#fff;border:1px solid #CFCBC2;box-shadow:0 30px 70px -48px rgba(7,16,30,.45)}.idea-dossier__top,.idea-dossier__foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-family:var(--mono);font-size:8px;letter-spacing:.13em;color:#65707D;border-bottom:1px solid #DDD9D0}.idea-dossier__top b{color:#0E64D8}.idea-dossier__body{display:grid;grid-template-columns:178px 1fr;min-height:430px}.idea-dossier__body nav{background:#07101E;padding:14px 0}.idea-dossier__body nav button{width:100%;display:grid;grid-template-columns:36px 1fr;border:0;border-left:2px solid transparent;background:transparent;color:rgba(255,255,255,.52);padding:15px 14px;text-align:left;cursor:pointer}.idea-dossier__body nav button b{font-family:var(--mono);font-size:8px;font-weight:400;color:#5D9EFF}.idea-dossier__body nav button span{font-size:11px}.idea-dossier__body nav button.is-on{background:rgba(46,134,255,.12);border-left-color:#5D9EFF;color:#fff}.idea-dossier__detail{padding:38px 38px 46px}.idea-dossier__detail>span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#0E64D8}.idea-dossier__detail h3{font-size:clamp(30px,3.3vw,45px);max-width:10ch;margin-top:25px}.idea-dossier__detail>p{color:#596370;font-size:15px;line-height:1.62;max-width:40ch;margin-top:20px}.idea-dossier__signal{margin-top:42px;border-top:1px solid #D9D5CC;padding-top:17px;position:relative}.idea-dossier__signal i{position:absolute;left:0;top:-1px;width:72px;height:2px;background:#2E86FF}.idea-dossier__signal b{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#6E7885}.idea-dossier__signal p{font-size:13px;line-height:1.5;margin-top:8px}.idea-dossier__foot{border-top:1px solid #DDD9D0;border-bottom:0;background:#F8F7F4;color:#7A817E} /* FAQ v5 */ .faq--v5{padding-top:110px;padding-bottom:110px}.faq--v5 .sec__head{max-width:70ch}.faq--v5 .sec__head h2{font-size:clamp(42px,5vw,68px)}.faq--v5 details p a{color:var(--azul-h);font-weight:600;text-decoration:none} /* circular close */ .cierre--v5{background:#07101E;color:#fff;padding:108px 0 78px}.cierre__v5{max-width:none}.cierre__k{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:#79ADFF;border-top:1px solid rgba(255,255,255,.24);padding-top:13px}.cierre__v5 h2{font-size:clamp(62px,9vw,128px);line-height:.82;letter-spacing:-.07em;margin-top:54px;max-width:10ch}.cierre__v5 h2 em{font-family:var(--serif);font-weight:400;color:#8DB7FF}.cierre__v5-bottom{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;margin-top:66px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.cierre__v5-bottom>div{max-width:48ch}.cierre__v5-bottom strong{font-size:22px}.cierre__v5-bottom p{margin-top:8px;color:rgba(255,255,255,.62);font-size:15px}.cierre__v5 .btn{border-radius:2px} @media(max-width:1040px){.nav__links a:nth-child(2){display:none}.guarantee__grid{grid-template-columns:140px 1fr;gap:42px}.proof-row{grid-template-columns:50px 1fr 1fr}.proof-row>a{grid-column:2/4;justify-self:start}.plat__v5-head{grid-template-columns:1fr;gap:30px}.product-app{grid-template-columns:150px 1fr}.product-grid{grid-template-columns:1fr}.product-panel{display:none}.idea-eval__grid{grid-template-columns:1fr;gap:48px}.idea-eval__copy{position:static}.idea-eval__copy h2{max-width:12ch}} @media(max-width:760px){.nav__links{display:none}.guarantee{padding:80px 0}.guarantee__grid{grid-template-columns:1fr;gap:36px}.guarantee__index{max-width:180px}.guarantee__statement h2{display:block;font-size:clamp(84px,26vw,150px)}.guarantee__statement h2 em{display:block;font-size:.42em;margin-top:20px}.guarantee__lead{margin-top:42px}.guarantee__actions{grid-template-columns:1fr}.proof-row{grid-template-columns:42px 1fr;gap:18px}.proof-row>p,.proof-row>a{grid-column:2}.method-bridge{padding:70px 0 80px}.method-bridge__rail{margin-bottom:55px}.method-bridge h2{font-size:clamp(50px,14vw,78px)}.method-bridge__copy{margin-left:0}.product-frame{width:100%;border-left:0;border-right:0}.product-frame__chrome span:first-child{display:none}.product-app{grid-template-columns:1fr}.product-sidebar{padding:9px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center}.product-sidebar nav{flex-direction:row;padding:0 0 0 12px;gap:2px}.product-sidebar nav button{padding:8px;font-size:10px}.product-sidebar nav button span{display:none}.product-side-progress{display:none}.product-brand{border:0;padding:0 8px}.product-workspace{padding-bottom:108px}.product-view{padding:18px 14px}.product-topbar{height:62px;padding:0 15px}.product-profile{display:none}.product-greeting{display:block}.product-badge{display:inline-block!important;margin-top:12px}.product-command__body{grid-template-columns:88px 1fr}.product-orbit{width:78px;height:78px}.product-command__foot{grid-template-columns:1fr 1fr}.product-command__foot span:last-child{display:none}.product-domain__bars{grid-template-columns:1fr 1fr}.product-gate{height:108px;padding:14px;gap:10px}.product-gate strong{font-size:11px}.product-gate a{font-size:9px;padding:10px}.idea-dossier__body{grid-template-columns:1fr;min-height:0}.idea-dossier__body nav{display:grid;grid-template-columns:repeat(5,1fr);padding:0}.idea-dossier__body nav button{display:block;padding:12px 4px;text-align:center;border-left:0;border-bottom:2px solid transparent}.idea-dossier__body nav button b{display:block}.idea-dossier__body nav button span{font-size:8px}.idea-dossier__body nav button.is-on{border-bottom-color:#5D9EFF}.idea-dossier__detail{padding:28px 22px 34px}.idea-dossier__detail h3{font-size:34px}.cierre__v5-bottom{grid-template-columns:1fr;gap:28px}.cierre__v5-bottom .btn{width:100%;justify-content:space-between}.cifras__in--v5{grid-template-columns:1fr}.cifras__in--v5 .cifra{min-height:0}} /* ═══════════════════════════════════════════════════════════════ V6 - CARRERAS PREMIUM / ACADEMIC EDITORIAL × DIGITAL PRODUCT El selector deja de sentirse como un directorio y pasa a ser un archivo editorial interactivo. La ficha funciona como micrositio. ═══════════════════════════════════════════════════════════════ */ .carreras .picker{background:#fff;overflow:visible} .picker__body{background:#fff} /* Nivel 2 - archivo por área */ .area-page{background:#fff;color:var(--ink)} .area-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);min-height:430px;border-bottom:1px solid var(--ink)} .area-hero__copy{padding:50px 46px 44px 42px;display:flex;flex-direction:column;justify-content:flex-end} .area-hero__k{font-family:var(--mono);font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--blue-electric);margin:0 0 auto} .area-hero__title{display:flex;align-items:flex-end;gap:24px;margin-top:58px} .area-hero__title h3{font-size:clamp(48px,5.1vw,76px);line-height:.88;letter-spacing:-.065em;max-width:8.5ch;margin:0;outline:0} .area-hero__title>span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:rgba(7,16,30,.42);padding-bottom:8px} .area-hero__copy>p:last-child{font-size:16px;line-height:1.65;color:var(--ink-soft);max-width:58ch;margin:30px 0 0} .area-hero__visual{position:relative;overflow:hidden;background:var(--ink);border-left:1px solid var(--ink)} .area-hero__visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transform:scale(1.01)} .area-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,30,.06),rgba(7,16,30,.12) 45%,rgba(7,16,30,.92));pointer-events:none} .area-hero__signals{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;border-top:1px solid rgba(255,255,255,.28)} .area-hero__signals span{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.75)} .area-hero__signals span:last-child{border-bottom:0} .area-hero__signals b{display:inline-block;width:106px;color:#8AB9FF;font-size:8px;letter-spacing:.16em;font-weight:500} .area-browser{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);border-bottom:1px solid var(--ink)} .area-browser__list{min-width:0;border-right:1px solid var(--ink);padding:0} .area-browser__k{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:rgba(7,16,30,.46);text-transform:uppercase;margin:0;padding:22px 28px;border-bottom:1px solid var(--line)} .area-family{border-bottom:1px solid var(--ink)} .area-family:last-child{border-bottom:0} .area-family__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px 15px;margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)} .area-family__head span{font-size:9px;color:var(--blue-electric)} .career-row{appearance:none;width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(160px,.5fr) 30px;align-items:center;gap:16px;text-align:left;border:0;border-top:1px solid var(--line);background:#fff;color:var(--ink);padding:19px 28px;cursor:pointer;transition:background .22s ease,color .22s ease,padding-left .25s cubic-bezier(.2,.7,.25,1)} .career-row:first-of-type{border-top:0} .career-row:hover,.career-row:focus-visible{background:var(--ink);color:#fff;padding-left:34px;outline:0} .career-row__no{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:rgba(7,16,30,.37)} .career-row:hover .career-row__no,.career-row:focus-visible .career-row__no{color:#8AB9FF} .career-row__name{font-size:clamp(18px,1.65vw,24px);line-height:1.05;letter-spacing:-.03em;font-weight:650} .career-row__name small{display:block;margin-top:6px;font-family:var(--mono);font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:rgba(7,16,30,.42);font-weight:400} .career-row:hover .career-row__name small,.career-row:focus-visible .career-row__name small{color:rgba(255,255,255,.5)} .career-row__tools{font-family:var(--mono);font-size:8.5px;line-height:1.55;letter-spacing:.03em;text-transform:uppercase;color:rgba(7,16,30,.5)} .career-row:hover .career-row__tools,.career-row:focus-visible .career-row__tools{color:rgba(255,255,255,.6)} .career-row__arrow{font-size:18px;color:var(--blue-electric);transition:transform .22s ease} .career-row:hover .career-row__arrow,.career-row:focus-visible .career-row__arrow{transform:translate(3px,-3px)} .area-preview{position:relative;min-height:610px;background:var(--ink);overflow:hidden} .area-preview__sticky{position:sticky;top:86px;height:min(72vh,720px);min-height:610px;overflow:hidden;background:var(--ink)} .area-preview img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.04);transition:opacity .18s ease,transform .55s cubic-bezier(.2,.7,.25,1)} .area-preview.is-changing img{opacity:.2;transform:scale(1.025)} .area-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,30,.06),rgba(7,16,30,.12) 45%,rgba(7,16,30,.94));pointer-events:none} .area-preview__caption{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff} .area-preview__caption p{font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#8AB9FF;margin:0 0 10px} .area-preview__caption h4{font-size:clamp(30px,3.2vw,48px);line-height:.94;letter-spacing:-.05em;margin:0;max-width:9ch} .area-preview__caption span{display:block;margin-top:16px;font-family:var(--mono);font-size:8.5px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.62);max-width:42ch} .area-help{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 32px;background:#F2F5F9;border-bottom:1px solid var(--ink)} .area-help p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-soft)} .area-help b{color:var(--ink)} .area-help .btn{white-space:nowrap} /* Nivel 3 - micrositio de carrera */ .career-detail{background:#fff;color:var(--ink)} .career-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);min-height:590px;border-bottom:1px solid var(--ink)} .career-hero__copy{padding:52px 48px 48px 42px;display:flex;flex-direction:column;justify-content:flex-end} .career-hero__k{font-family:var(--mono);font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--blue-electric);margin:0 0 auto} .career-hero__copy :is(h1,h3){font-size:clamp(50px,5.8vw,86px);line-height:.86;letter-spacing:-.07em;margin:64px 0 0;max-width:9ch;outline:0} .career-hero__copy :is(h1,h3)>span{display:block;font-family:var(--mono);font-size:9px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:rgba(7,16,30,.4);margin-bottom:16px;font-weight:500} .career-hero__copy :is(h1,h3) em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--blue-electric)} .career-hero__lead{font-size:17px;line-height:1.62;color:var(--ink-soft);max-width:48ch;margin:31px 0 0} .career-hero__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px} .career-hero__ghost{appearance:none;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 2px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer} .career-hero__visual{position:relative;overflow:hidden;background:var(--ink);border-left:1px solid var(--ink);margin:0} .career-hero__visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.05);transform:scale(1.01)} .career-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,30,.02),rgba(7,16,30,.08) 47%,rgba(7,16,30,.92));pointer-events:none} .career-hero__visual figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff;border-top:1px solid rgba(255,255,255,.34);padding-top:14px;display:flex;justify-content:space-between;gap:18px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase} .career-hero__visual figcaption span{color:#8AB9FF}.career-hero__visual figcaption b{font-weight:400;color:rgba(255,255,255,.72);text-align:right} .career-signals{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)} .career-signal{padding:19px 26px 20px;border-right:1px solid var(--line)} .career-signal:last-child{border-right:0} .career-signal p{font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-electric);margin:0 0 8px} .career-signal strong{font-size:14px;line-height:1.4;font-weight:600} .career-insight{display:grid;grid-template-columns:230px minmax(0,1fr);gap:58px;padding:76px 42px 80px;border-bottom:1px solid var(--ink);background:#F7F5EF} .career-insight__k{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-electric);border-top:1px solid var(--ink);padding-top:13px;margin:0} .career-insight__body h4{font-size:clamp(36px,4.3vw,62px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;max-width:14ch} .career-insight__body p{font-size:18px;line-height:1.7;color:var(--ink-soft);max-width:68ch;margin:0} .career-method{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);border-bottom:1px solid var(--ink)} .career-method__intro{padding:68px 42px;background:var(--ink);color:#fff} .career-method__intro p{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8AB9FF;margin:0 0 24px} .career-method__intro h4{font-size:clamp(38px,4.1vw,58px);line-height:.94;letter-spacing:-.055em;margin:0;max-width:10ch} .career-method__intro h4 em{font-family:var(--serif);font-weight:400;color:#8AB9FF} .career-method__intro>span{display:block;margin-top:28px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.6);max-width:36ch} .career-types{background:#fff} .career-type{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:22px 30px;border-bottom:1px solid var(--line)} .career-type:last-child{border-bottom:0} .career-type__no{font-family:var(--mono);font-size:9px;color:var(--blue-electric);padding-top:4px} .career-type p{font-size:15.5px;line-height:1.55;margin:0;color:var(--ink)} .career-process{padding:80px 42px 86px;border-bottom:1px solid var(--ink)} .career-process__head{display:grid;grid-template-columns:230px minmax(0,1fr);gap:58px;margin-bottom:48px} .career-process__head .k{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-electric);border-top:1px solid var(--ink);padding-top:13px;margin:0} .career-process__head h4{font-size:clamp(38px,4.5vw,64px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:13ch} .career-process__grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)} .career-step{min-height:176px;padding:24px 26px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)} .career-step span{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:var(--blue-electric)} .career-step h5{font-size:21px;line-height:1.1;letter-spacing:-.035em;margin:30px 0 10px} .career-step p{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0;max-width:50ch} .career-product{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);background:#081421;color:#fff;border-bottom:1px solid var(--ink)} .career-product__copy{padding:68px 42px} .career-product__copy .k{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8AB9FF;margin:0 0 23px} .career-product__copy h4{font-size:clamp(40px,4.4vw,62px);line-height:.93;letter-spacing:-.055em;margin:0;max-width:10ch} .career-product__copy h4 em{font-family:var(--serif);font-weight:400;color:#8AB9FF} .career-product__copy>p{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.64);max-width:48ch;margin:26px 0 0} .career-product__ui{margin:34px 30px 34px 0;border:1px solid rgba(255,255,255,.22);background:#0B1929;align-self:stretch;display:grid;grid-template-rows:auto 1fr} .career-product__bar{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.48)} .career-product__bar b{color:#8AB9FF;font-weight:500} .career-product__body{padding:24px;display:grid;gap:12px;align-content:center} .career-product__metric{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)} .career-product__metric:last-child{border-bottom:0} .career-product__metric>span{font-family:var(--mono);font-size:8px;color:#8AB9FF} .career-product__metric strong{font-size:15px;font-weight:600}.career-product__metric i{font-family:var(--mono);font-size:8px;font-style:normal;color:rgba(255,255,255,.42)} .career-depth{padding:0 42px;background:#fff;border-bottom:1px solid var(--ink)} .career-depth summary{cursor:pointer;list-style:none;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase} .career-depth summary::-webkit-details-marker{display:none}.career-depth summary::after{content:"+";font-size:18px;color:var(--blue-electric)}.career-depth[open] summary::after{content:"−"} .career-depth__body{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;padding:0 0 34px} .career-depth__body p{padding:15px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0} .career-final{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:400px;border-bottom:1px solid var(--ink);background:#F7F5EF} .career-final__copy{padding:66px 42px} .career-final__copy p{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-electric);margin:0 0 24px} .career-final__copy h4{font-size:clamp(42px,5vw,72px);line-height:.91;letter-spacing:-.06em;margin:0;max-width:10ch} .career-final__copy>span{display:block;margin-top:24px;font-size:15px;line-height:1.65;color:var(--ink-soft);max-width:52ch} .career-final__actions{padding:66px 42px;border-left:1px solid var(--ink);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start} .career-final__actions .btn{margin-top:18px}.career-final__actions small{display:block;margin-top:18px;font-family:var(--mono);font-size:8px;line-height:1.6;letter-spacing:.06em;color:rgba(7,16,30,.48);text-transform:uppercase} /* búsqueda dentro de carreras */ .career-search-list{border-top:1px solid var(--ink)} .career-search-head{padding:26px 28px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(7,16,30,.5)} /* garantía: el qualifier existe, pero no compite con la promesa */ .guarantee__actions p{max-width:48ch;line-height:1.55} .guarantee__actions p strong{color:var(--ink)} .guarantee__actions p a{color:inherit;text-decoration:underline;text-underline-offset:3px} @media(max-width:980px){ .area-hero,.career-hero{grid-template-columns:1fr;min-height:0} .area-hero__visual{min-height:330px;border-left:0;border-top:1px solid var(--ink)} .career-hero__visual{min-height:440px;border-left:0;border-top:1px solid var(--ink)} .area-browser{grid-template-columns:1fr}.area-browser__list{border-right:0}.area-preview{display:none} .career-insight,.career-process__head{grid-template-columns:170px 1fr;gap:38px} .career-method,.career-product,.career-final{grid-template-columns:1fr} .career-product__ui{margin:0 30px 34px}.career-final__actions{border-left:0;border-top:1px solid var(--ink);padding-top:38px} } @media(max-width:700px){ .picker__bar{position:relative} .area-hero__copy,.career-hero__copy{padding:34px 22px 30px} .area-hero__title{margin-top:42px;display:block}.area-hero__title h3{font-size:52px}.area-hero__title>span{display:block;margin-top:12px} .area-hero__visual{min-height:270px}.area-hero__signals span{padding:12px 16px}.area-hero__signals b{width:86px} .area-browser__k{padding:18px 18px} .career-row{grid-template-columns:32px minmax(0,1fr) 22px;padding:17px 18px;gap:10px}.career-row:hover,.career-row:focus-visible{padding-left:20px}.career-row__tools{display:none}.career-row__name{font-size:18px} .area-family__head{padding:19px 18px 13px}.area-help{grid-template-columns:1fr;padding:24px 20px}.area-help .btn{justify-self:start} .career-hero__copy :is(h1,h3){font-size:55px;margin-top:48px}.career-hero__visual{min-height:360px}.career-hero__lead{font-size:15.5px} .career-signals{grid-template-columns:1fr}.career-signal{border-right:0;border-bottom:1px solid var(--line)}.career-signal:last-child{border-bottom:0} .career-insight,.career-process__head{grid-template-columns:1fr;gap:24px;padding-left:22px;padding-right:22px}.career-insight{padding-top:54px;padding-bottom:58px}.career-insight__body h4{font-size:40px} .career-method__intro,.career-process,.career-product__copy,.career-final__copy,.career-final__actions{padding-left:22px;padding-right:22px} .career-type{padding:19px 20px;grid-template-columns:34px 1fr}.career-process{padding-top:58px;padding-bottom:60px}.career-process__grid{grid-template-columns:1fr}.career-step{min-height:0} .career-product__ui{margin:0 16px 20px}.career-product__metric{grid-template-columns:34px 1fr}.career-product__metric i{display:none} .career-depth{padding:0 22px}.career-depth__body{grid-template-columns:1fr}.career-final{min-height:0} } /* ============================================================ MiTítulo V7 - Conversion / clarity / contrast pass ============================================================ */ .cifra span strong{display:block;color:var(--marino);font-size:15px;margin-bottom:7px;font-weight:700}.cifras__label{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#576170;margin-bottom:15px} .area-hero__copy>p:last-child{font-size:18px;line-height:1.62;max-width:60ch;color:#344154}.area-hero__signals{background:linear-gradient(180deg,rgba(7,16,30,.18),rgba(7,16,30,.94))}.area-hero__signals span{color:#fff;font-size:10.5px;line-height:1.45;text-shadow:0 1px 4px rgba(0,0,0,.25)}.area-hero__signals b{color:#A8CBFF;width:155px;font-size:8.5px}.area-hero__visual>img{filter:saturate(.9) contrast(1.02) brightness(1.09)}.area-hero__visual::after{background:linear-gradient(180deg,rgba(7,16,30,0),rgba(7,16,30,.05) 42%,rgba(7,16,30,.78))}.area-preview.is-idle img{filter:saturate(.82) contrast(1.02) brightness(.93)}.area-preview__caption span{color:rgba(255,255,255,.82);line-height:1.5}.area-preview__caption p{color:#A8CBFF}.area-preview__caption h4{max-width:13ch}.career-row__tools{color:#354255;font-weight:500}.career-row__name small{color:#5C6876}.area-browser__k{color:#354255;font-weight:500}.area-help p{font-size:16px;line-height:1.6;color:#344154} .career-hero__lead{font-size:18px!important;line-height:1.68!important;color:#344154!important;max-width:60ch!important}.career-hero__visual img{filter:saturate(.92) contrast(1.02) brightness(1.08)}.career-signals{background:#fff}.career-signal{min-height:126px}.career-signal p{color:#075FCE;font-weight:600}.career-signal strong{font-size:14px;line-height:1.55;color:#162235}.career-insight__body p{color:#344154}.career-method__intro>span{color:rgba(255,255,255,.78)}.career-step p{color:#344154}.career-step h5{font-size:20px}.career-product__copy>p{color:rgba(255,255,255,.76)} .career-demo__body{padding:28px;display:flex;flex-direction:column;justify-content:center;min-height:360px}.career-demo__eyebrow{font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:#8AB9FF!important;text-transform:uppercase;margin:0 0 13px!important}.career-demo__body h5{font-size:14px;margin:0 0 13px;color:rgba(255,255,255,.65);font-weight:500}.career-demo__body blockquote{margin:0;font-size:21px;line-height:1.35;letter-spacing:-.025em;color:#fff;border-left:2px solid #5E9BFF;padding-left:17px}.career-demo__start,.career-demo__answer button{margin-top:24px;appearance:none;border:1px solid rgba(255,255,255,.3);background:#fff;color:#07101E;padding:13px 15px;font-weight:700;cursor:pointer;align-self:flex-start}.career-demo__start span{color:#0E64D8}.career-demo__answer{margin-top:22px;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}.career-demo__answer>span{font-family:var(--mono);font-size:8px;letter-spacing:.13em;color:#8AB9FF}.career-demo__answer p{font-size:15px;line-height:1.6;color:#fff!important;margin:12px 0 0!important}.career-demo__answer small{display:block;color:rgba(255,255,255,.58);font-size:11.5px;line-height:1.55;margin-top:11px}.career-demo__answer button{background:transparent;color:#fff;font-size:10px;font-family:var(--mono);letter-spacing:.06em} .product-sidebar button,.product-command button,.product-quiz__answers button,.product-progress-next button{touch-action:manipulation}.product-quiz__q{padding:26px 0 18px}.product-quiz__q>p{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#8FB9FF}.product-quiz__q h4{font-size:25px;max-width:29ch;margin-top:10px}.product-quiz__answers{display:grid;gap:8px}.product-quiz__answers button{appearance:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff;text-align:left;padding:13px 14px;font-size:12.5px;line-height:1.45;cursor:pointer}.product-quiz__answers button:hover,.product-quiz__answers button:focus-visible{border-color:#82B2FF;outline:0}.product-quiz__answers button.is-good{background:#E7F3EC;color:#173B25;border-color:#82B895}.product-quiz__answers button.is-weak{background:#F5ECE8;color:#5C2B1E;border-color:#C99A89}.product-quiz__feedback{margin-top:14px;padding:15px;background:#fff;color:#172234;border-radius:6px}.product-quiz__feedback b{font-size:14px}.product-quiz__feedback p{font-size:12px;line-height:1.55;margin:6px 0}.product-quiz__feedback button{appearance:none;border:0;background:#07101E;color:#fff;padding:9px 11px;font-size:10px;cursor:pointer}.product-quiz__feedback small{display:block;font-size:10px;color:#667184}.product-domain--full{margin:0}.product-progress-next{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border-top:1px solid #E1E5EA;padding-top:16px;margin-top:18px}.product-progress-next>span{font-family:var(--mono);font-size:8px;color:#6D7785;letter-spacing:.12em}.product-progress-next strong{font-size:12px}.product-progress-next button{border:0;background:#07101E;color:#fff;padding:10px 12px;font-size:10px;cursor:pointer} .guarantee__micro{color:#075FCE;font-weight:600}.guarantee__actions p{color:#46515E}.proof-row>p{color:rgba(255,255,255,.76)}.sec__lede{color:#3F4B5B}.plat__source-note{color:#5B6572!important}.idea-eval__copy>p:not(.eyebrow){color:#3E4958}.faq__list p{color:#3D4856} @media(max-width:900px){.career-signal{min-height:0}.career-demo__body{min-height:0}.product-progress-next{grid-template-columns:1fr}.area-hero__signals b{width:auto;display:block;margin-bottom:4px}.area-hero__signals span{font-size:10px}} @media(max-width:640px){.cifra span strong{font-size:14px}.career-hero__lead{font-size:16px!important}.career-demo__body blockquote{font-size:18px}.career-signals{grid-template-columns:1fr}.career-signal{border-right:0;border-bottom:1px solid var(--line)}.career-signal:last-child{border-bottom:0}.area-hero__signals span{color:#fff}.area-hero__visual>img,.career-hero__visual img{brightness:1.12}} .hero__proofnote{font-size:12px!important;color:rgba(7,16,30,.48)!important;margin-top:7px!important;line-height:1.35!important} /* ============================================================ MiTítulo V8 - Perfect Pass Personalización por carrera / selector escalable / sticky real / contraste / mobile touch / microdemos de defensa ============================================================ */ .hero-career-rail{position:relative;z-index:3;margin-bottom:24px} .hero-career-rail__head{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding:14px 0 12px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#8AB9FF} .hero-career-rail__head b{font-weight:400;color:rgba(255,255,255,.48);letter-spacing:.08em} .hero-career-rail__scroll{display:flex;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;border:1px solid rgba(255,255,255,.18);background:#081423} .hero-career-rail__scroll::-webkit-scrollbar{display:none} .hero-career-rail button{appearance:none;flex:0 0 auto;scroll-snap-align:start;border:0;border-right:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.64);font:600 13px/1 var(--sans);padding:16px 20px;cursor:pointer;transition:background .18s,color .18s} .hero-career-rail button:hover,.hero-career-rail button:focus-visible,.hero-career-rail button.is-on{outline:0;background:#133761;color:#fff} .hero-career-rail button.is-on::before{content:'●';font-size:7px;color:#83B6FF;margin-right:9px;vertical-align:1px} .hero-career-rail__search{margin-left:auto!important;color:#9CC1FF!important} .panel__body{min-height:314px} .panel__stage-note{font-family:var(--mono);font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#83B6FF;margin-bottom:10px} .panel__reprompt{padding:18px 20px;border-left:2px solid #5B9DFF;background:rgba(46,134,255,.08);font-weight:600;color:#fff} /* headline + lede should end on the same visual axis */ .carreras .sec__head .sec__lede{max-width:none;width:100%;padding-right:1.5%;font-size:17px;line-height:1.72} /* area browser: scalable index */ .area-browser{align-items:stretch} .area-browser__list{min-height:0} .area-family{margin:0;border-bottom:1px solid var(--ink);background:#fff} .area-family>summary{list-style:none;cursor:pointer;user-select:none} .area-family>summary::-webkit-details-marker{display:none} .area-family__head{position:relative;padding-right:58px} .area-family__head::after{content:'+';position:absolute;right:28px;top:50%;transform:translateY(-50%);font:400 19px/1 var(--mono);color:var(--blue-electric)} .area-family[open]>.area-family__head::after{content:'−'} .area-family__head:hover{background:#F4F7FB} .area-family__rows{border-top:1px solid var(--line)} .career-row{text-decoration:none!important;grid-template-columns:48px minmax(0,1fr) minmax(210px,.62fr) 30px;padding:22px 28px;background:#fff} .career-row__no{font-size:10px;color:#5C6878} .career-row__name{font-size:clamp(20px,1.75vw,26px);text-decoration:none!important} .career-row__name small{font-size:9px;color:#5E6875;letter-spacing:.07em;text-decoration:none!important} .career-row__tools{font-size:10px;line-height:1.55;color:#334154;font-weight:500;text-decoration:none!important} .career-row:hover,.career-row:focus-visible,.career-row.is-previewing{background:#07101E;color:#fff;padding-left:34px} .career-row:hover .career-row__tools,.career-row:focus-visible .career-row__tools,.career-row.is-previewing .career-row__tools{color:#D9E7FF} .career-row:hover .career-row__name small,.career-row:focus-visible .career-row__name small,.career-row.is-previewing .career-row__name small{color:#9DB5D5} .area-preview{height:100%;min-height:100%;align-self:stretch;background:#07101E} .area-preview__sticky{position:sticky;top:82px;height:calc(100vh - 98px);min-height:560px;max-height:none;background:#07101E;overflow:hidden} .area-preview__sticky img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .area-preview__caption{bottom:34px} .area-preview__caption h4{max-width:12ch} .area-preview__caption span{font-size:9.5px;color:rgba(255,255,255,.76)} .area-preview__cta{display:inline-flex;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.3);font:500 9px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8AB9FF} .area-groups-nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ink);background:#F7F5EF} .area-groups-nav::-webkit-scrollbar{display:none} .area-groups-nav button{flex:0 0 auto;border:0;border-right:1px solid #D5DAE1;background:transparent;padding:14px 18px;font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#4B5868;cursor:pointer} .area-groups-nav button:hover{background:#fff;color:#07101E} .filtros--secondary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 20px!important;background:#F8FAFC} .filtros--secondary::before{content:'INSTITUCIÓN / FILTRO OPCIONAL';font:500 8px/1 var(--mono);letter-spacing:.13em;color:#77818E;margin-right:6px} /* individual pages: stop repeating PDF metaphor and sell specialization */ .career-insight__body::after{content:'Este es el tipo de detalle que revisamos antes de que termine convertido en una observación formal.';display:block;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-weight:650;color:#07101E} .career-proof{display:grid;grid-template-columns:250px minmax(0,1fr);border-bottom:1px solid var(--ink);background:#F7F5EF} .career-proof__head{padding:46px 30px;border-right:1px solid var(--ink)} .career-proof__head p{font:500 9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--blue-electric);margin:0 0 18px} .career-proof__head h4{font-size:clamp(28px,3.4vw,48px);line-height:.97;letter-spacing:-.05em;margin:0} .career-proof__qs{display:grid;grid-template-columns:repeat(3,1fr)} .career-proof__qs article{padding:42px 26px;border-right:1px solid var(--line)} .career-proof__qs article:last-child{border-right:0} .career-proof__qs b{font:500 9px/1 var(--mono);letter-spacing:.12em;color:var(--blue-electric)} .career-proof__qs p{font-size:17px;line-height:1.5;margin:16px 0 0;color:#172334} .career-proof__foot{grid-column:2;padding:18px 26px;border-top:1px solid var(--line);font-size:14px;font-weight:650;color:#07101E} .career-product__copy h4{max-width:12ch} .career-demo__options{display:grid;gap:8px;margin-top:18px} .career-demo__options button{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.18);background:#0D1D31;color:#DDE8F8;padding:13px 14px;font:500 13px/1.45 var(--sans);cursor:pointer} .career-demo__options button:hover,.career-demo__options button:focus-visible{outline:0;border-color:#6DA8FF;background:#122B4D} .career-demo__options button.is-good{border-color:#8AB9FF;background:#16365D} .career-demo__options button.is-weak{opacity:.52} .career-demo__feedback{margin-top:16px;padding:16px;border-top:1px solid rgba(255,255,255,.18);color:#DDE8F8;font-size:13px;line-height:1.6} .career-demo__feedback b{display:block;color:#8AB9FF;margin-bottom:7px} @media(max-width:900px){ .hero__product-head{grid-template-columns:1fr;gap:26px} .hero__product-copy{max-width:56ch} .area-browser{grid-template-columns:1fr} .area-preview{display:none} .career-row{grid-template-columns:36px minmax(0,1fr) 24px;gap:12px;padding:18px 18px} .career-row__tools{grid-column:2;display:block;margin-top:-5px} .career-row__arrow{grid-column:3;grid-row:1/3} .career-proof{grid-template-columns:1fr} .career-proof__head{border-right:0;border-bottom:1px solid var(--ink)} .career-proof__qs{grid-template-columns:1fr} .career-proof__qs article{border-right:0;border-bottom:1px solid var(--line);padding:24px} .career-proof__foot{grid-column:1} } @media(max-width:640px){ .hero-career-rail{margin-bottom:18px} .hero-career-rail__head{align-items:flex-start;flex-direction:column;gap:6px} .hero-career-rail button{padding:14px 16px;font-size:12px} .carreras .sec__head .sec__lede{font-size:16px;padding-right:0} .area-hero__signals span{font-size:10px;line-height:1.55} .area-family__head{padding:18px 50px 18px 18px;font-size:9px} .area-family__head::after{right:18px} .area-browser__k{padding:18px;font-size:8.5px} .area-groups-nav button{padding:13px 15px} .career-row__name{font-size:20px} .career-row__tools{font-size:9.5px} } /* V8.1 - búsqueda robusta */ #buscador::-webkit-search-cancel-button,#buscador::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none} .empty__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px} .empty p b{font-weight:700;color:var(--ink)} .plat__ai-note{margin:16px 0 0;padding:11px 14px;border-left:2px solid var(--blue);background:rgba(46,134,255,.055);font-size:13px;line-height:1.55;color:var(--muted)} .plat__ai-note b{color:var(--ink)} .panel__source-inline{color:#8bb8ff;font-family:var(--mono,monospace);font-size:.9em} /* V8.3 - sales language, legibility and layout QA */ .hero__product-copy{max-width:62ch} .panel__sell{margin-top:16px;padding:14px 16px;border-left:2px solid #63A5FF;background:rgba(46,134,255,.09);color:#EAF2FF!important} .panel__sell strong{color:#fff} /* Career index - the preview must read immediately, not disappear into the image. */ .area-preview{background-color:#07101E;background-repeat:no-repeat;background-size:cover;background-position:center} .area-preview::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,30,.05),rgba(7,16,30,.18) 42%,rgba(7,16,30,.96));z-index:1;pointer-events:none} .area-preview::after{display:none} .area-preview__sticky{z-index:2;height:calc(100vh - 82px);min-height:620px} .area-preview__sticky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,30,.02),rgba(7,16,30,.12) 46%,rgba(7,16,30,.94));pointer-events:none;z-index:1} .area-preview__caption{z-index:3!important;left:30px;right:30px;bottom:34px} .area-preview__caption p{color:#9BC3FF!important;font-size:9.5px!important;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.7)} .area-preview__caption h4{color:#fff!important;opacity:1!important;font-weight:750;text-shadow:0 3px 22px rgba(0,0,0,.88);max-width:11ch!important} .area-preview__caption span{color:#EEF5FF!important;opacity:1!important;font-size:10px!important;font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,.85)} .area-preview__cta{color:#A9CCFF!important;font-size:9px!important;font-weight:600;border-color:rgba(255,255,255,.48)!important;text-shadow:0 2px 12px rgba(0,0,0,.85)} /* Rows: higher contrast even before hover. */ .career-row{min-height:92px} .career-row__name{color:#07101E;font-weight:720} .career-row__name small{color:#435165!important;font-size:9.5px!important} .career-row__tools{color:#23344B!important;font-size:10px!important;font-weight:600!important} .career-row__no{color:#526277!important} .career-row:hover .career-row__name,.career-row:focus-visible .career-row__name,.career-row.is-previewing .career-row__name{color:#fff!important} .career-row:hover .career-row__tools,.career-row:focus-visible .career-row__tools,.career-row.is-previewing .career-row__tools{color:#DDEBFF!important} .career-row:hover .career-row__name small,.career-row:focus-visible .career-row__name small,.career-row.is-previewing .career-row__name small{color:#B7CBE7!important} /* Family rail: mouse users get explicit controls; touch users can still swipe. */ .area-groups-shell{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;border-bottom:1px solid var(--ink);background:#F7F5EF} .area-groups-nav{border-bottom:0!important;scroll-behavior:smooth} .area-groups-arrow{border:0;background:#07101E;color:#fff;font:600 18px/1 var(--sans);cursor:pointer;display:grid;place-items:center;transition:background .2s ease} .area-groups-arrow:hover,.area-groups-arrow:focus-visible{background:#2E86FF;outline:0} .area-groups-arrow--prev{border-right:1px solid #D5DAE1}.area-groups-arrow--next{border-left:1px solid #D5DAE1} /* The three-question block becomes a professional checklist, not a giant narrow headline. */ .career-proof{display:block!important;padding:68px 42px 0;background:#F7F5EF} .career-proof__head{padding:0 0 34px!important;border:0!important;display:grid;grid-template-columns:230px minmax(0,1fr);gap:58px;align-items:start} .career-proof__head p{padding-top:12px;border-top:1px solid var(--ink);margin:0!important} .career-proof__head h4{font-size:clamp(38px,4.6vw,66px)!important;line-height:.96!important;max-width:15ch;margin:0!important} .career-proof__qs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)} .career-proof__qs article{min-height:190px;padding:28px!important;border-right:1px solid var(--ink)!important;border-bottom:1px solid var(--ink)!important;background:#fff} .career-proof__qs b{font-size:9px!important}.career-proof__qs p{font-size:17px!important;line-height:1.5!important;margin-top:24px!important} .career-proof__foot{grid-column:auto!important;margin:0;padding:22px 0 26px!important;border:0!important;font-size:14px!important} /* Interactive training: unmistakable green/red feedback. */ .career-demo__options button{transition:border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease} .career-demo__options button.is-correct{border-color:#4BD28A!important;background:rgba(23,128,76,.24)!important;color:#F1FFF7!important;box-shadow:inset 3px 0 0 #4BD28A} .career-demo__options button.is-incorrect{border-color:#FF6B78!important;background:rgba(154,38,52,.25)!important;color:#FFF3F4!important;box-shadow:inset 3px 0 0 #FF6B78} .career-demo__options button.is-muted{opacity:.38} .career-demo__feedback{border:1px solid rgba(255,255,255,.16)!important;padding:15px 16px!important;margin-top:14px!important} .career-demo__feedback.is-correct{border-color:rgba(75,210,138,.55)!important;background:rgba(23,128,76,.14);color:#E9FFF2} .career-demo__feedback.is-correct b{color:#67E7A2!important} .career-demo__feedback.is-incorrect{border-color:rgba(255,107,120,.55)!important;background:rgba(154,38,52,.12);color:#FFF0F2} .career-demo__feedback.is-incorrect b{color:#FF8D98!important} .career-demo__feedback p{margin:6px 0 0} #careerDemoStatus.is-correct{color:#67E7A2!important}#careerDemoStatus.is-incorrect{color:#FF8D98!important} /* Route section: slightly stronger information hierarchy. */ .career-process__grid{grid-template-columns:repeat(3,1fr)!important} .career-step{min-height:205px!important}.career-step h5{margin-top:24px!important} @media(max-width:900px){ .area-groups-shell{grid-template-columns:minmax(0,1fr)} .area-groups-arrow{display:none} .career-process__grid{grid-template-columns:repeat(2,1fr)!important} .career-proof{padding:52px 22px 0!important} .career-proof__head{grid-template-columns:1fr!important;gap:22px!important} .career-proof__head p{max-width:260px} .career-proof__qs{grid-template-columns:1fr!important} .career-proof__qs article{min-height:0!important} } @media(max-width:640px){ .career-process__grid{grid-template-columns:1fr!important} .career-proof__head h4{font-size:40px!important;max-width:12ch} .area-preview{display:none!important} } /* V8.4 - taxonomy + full-height preview + sales demo */ .area-preview{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important} .area-preview__sticky{background:transparent!important} .area-preview__sticky::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,30,.01),rgba(7,16,30,.12) 48%,rgba(7,16,30,.92));z-index:1;pointer-events:none} .area-preview__sticky img{z-index:0} .area-preview__caption{z-index:3!important} .panel__stage-note{color:#8BB8FF!important;font-weight:650!important} @media (min-width:901px){.area-preview{min-height:100%;align-self:stretch}.area-preview__sticky{height:calc(100vh - 82px);min-height:620px}} /* V8.5 - final sales + visual QA pass */ @media (min-width:901px){ .area-browser{align-items:stretch!important} .area-preview{position:relative!important;align-self:stretch!important;height:auto!important;min-height:0!important;background-color:#07101E!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;overflow:visible!important} .area-preview::before,.area-preview::after{display:none!important} .area-preview__sticky{position:sticky!important;top:82px!important;height:clamp(560px,calc(100vh - 82px),760px)!important;min-height:0!important;max-height:none!important;background:transparent!important;overflow:hidden!important} .area-preview__sticky img{display:none!important} .area-preview__sticky::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(7,16,30,.03) 0%,rgba(7,16,30,.08) 55%,rgba(7,16,30,.72) 100%)!important;z-index:1!important;pointer-events:none!important} .area-preview__caption{left:32px!important;right:32px!important;bottom:30px!important;z-index:3!important} } /* The image should remain visible, not turn into a navy wall after the caption. */ .area-preview__caption h4{max-width:13ch!important} .area-preview__caption span{max-width:38ch!important} /* FAQ: question and answer should read as one conversation, not two disconnected blocks. */ .faq--v5 .sec__head{max-width:none!important} .faq--v5 .sec__head .sec__lede{grid-column:2 / -1;max-width:68ch;margin-top:4px} .faq details[open] summary{padding-bottom:10px!important} .faq details p{margin:0!important;padding-top:0!important;padding-bottom:24px!important;line-height:1.62!important} .faq details p strong{color:#07101E;font-weight:700} /* Closing CTA: less template-like, more decisive. */ .cierre--v85 .cierre__k{color:#8AB9FF!important;letter-spacing:.14em} .cierre--v85 .cierre__v5-bottom{align-items:end} .cierre--v85 .cierre__v5-bottom p{max-width:52ch;color:rgba(255,255,255,.72)} .cierre--v85 .cierre__v5-bottom strong{font-size:clamp(20px,2vw,28px);letter-spacing:-.025em} /* Training feedback: the explanation is part of the product proof. */ .career-demo__feedback p{font-size:13.5px!important;line-height:1.62!important} .career-demo__feedback.is-incorrect b{letter-spacing:.02em} @media(max-width:900px){ .faq--v5 .sec__head .sec__lede{grid-column:auto;max-width:100%} .faq details[open] summary{padding-bottom:8px!important} .cierre--v85 .cierre__v5-bottom{align-items:start} } /* V8.6 - self-audit: one viewport-sized sticky preview, never a stretched background column. */ @media (min-width:901px){ .area-browser{align-items:start!important} .area-preview{ position:sticky!important;top:82px!important;align-self:start!important; height:clamp(560px,calc(100vh - 82px),760px)!important;min-height:560px!important; overflow:hidden!important;background:#07101E!important;background-image:none!important; } .area-preview::before,.area-preview::after{display:none!important} .area-preview__sticky{position:relative!important;top:auto!important;height:100%!important;min-height:0!important;overflow:hidden!important} .area-preview__sticky img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:0!important} .area-preview__sticky::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(7,16,30,.02),rgba(7,16,30,.10) 48%,rgba(7,16,30,.86))!important;z-index:1!important;pointer-events:none!important} .area-preview__caption{z-index:3!important;left:32px!important;right:32px!important;bottom:30px!important} } /* Sales detail: preview text must never disappear into the photo. */ .area-preview__caption p{color:#A8CCFF!important;font-weight:650!important} .area-preview__caption h4{color:#fff!important;text-shadow:0 3px 20px rgba(0,0,0,.72)!important} .area-preview__caption span,.area-preview__cta{color:#F1F6FF!important;text-shadow:0 2px 12px rgba(0,0,0,.78)!important} /* Wider FAQ answers, tighter open state. */ .faq details[open] summary{padding-bottom:8px!important} .faq details p{max-width:78ch!important} /* V8.7 - pre-lanzamiento: venta, jerarquía y QA */ .hero__product--bridge{padding:92px 0 76px;overflow:hidden} .hero__product-head--bridge{margin-bottom:56px;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:72px;align-items:end} .hero__product--bridge h2{max-width:13.4ch;font-size:clamp(50px,6vw,88px)} .hero__product--bridge .hero__product-copy{font-size:16px} .hero-bridge__flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)} .hero-bridge__flow article{padding:30px 28px 34px 0;min-height:240px} .hero-bridge__flow article+article{border-left:1px solid rgba(255,255,255,.16);padding-left:28px} .hero-bridge__flow span{font:500 8.5px/1.3 var(--mono);letter-spacing:.14em;color:#8AB9FF} .hero-bridge__flow h3{font-size:clamp(22px,2.2vw,31px);line-height:1.03;letter-spacing:-.04em;color:#fff;margin:58px 0 13px;max-width:13ch} .hero-bridge__flow p{font-size:13.5px;line-height:1.62;color:rgba(255,255,255,.66);max-width:34ch} .hero-bridge__action{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px} .hero-bridge__action a{font:650 12px/1.2 var(--sans);color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.48);padding-bottom:6px} .hero-bridge__action a span{color:#8AB9FF;margin-left:6px} .hero-bridge__action p{font:500 8.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42)} .cifras{padding-top:88px!important} /* The real software demo: let the question own the card width. */ .product-quiz__q{padding:28px 0 22px} .product-quiz__q h4{max-width:none!important;width:100%;font-size:clamp(25px,2.5vw,34px)!important;line-height:1.18!important} .product-quiz__answers button{min-height:54px;display:flex;align-items:center} /* FAQ: less dead space, clearer answer rhythm. */ .faq details[open] summary{padding-bottom:2px!important} .faq details p{margin-top:0!important;padding-top:0!important;max-width:82ch!important;line-height:1.72} /* Institution is metadata, not a top-level sales filter. */ .filtros--secondary{display:none!important} /* Footer: remove the long defensive/legal sentence from the visual close. */ .foot__legal{grid-template-columns:1fr!important} .foot__legal p:last-child{display:none!important} /* Career demo: avoid visual clue that the longest answer is always correct. */ .career-demo__options button{min-height:64px;display:flex;align-items:center} @media(max-width:900px){ .hero__product-head--bridge{grid-template-columns:1fr;gap:28px;margin-bottom:42px} .hero__product--bridge .hero__product-copy{max-width:60ch} .hero-bridge__flow{grid-template-columns:1fr} .hero-bridge__flow article{min-height:0;padding:24px 0} .hero-bridge__flow article+article{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding-left:0} .hero-bridge__flow h3{margin:24px 0 10px;max-width:22ch} } @media(max-width:640px){ .hero__product--bridge{padding:70px 0 58px} .hero__product--bridge h2{font-size:clamp(44px,13vw,68px)} .hero-bridge__action{align-items:flex-start;flex-direction:column} .product-quiz__q h4{font-size:24px!important} } .trust-wall{display:grid;grid-template-columns:repeat(5,1fr);margin:42px 0 54px;border:1px solid rgba(255,255,255,.18);background:#091525} .trust-wall__item{min-height:178px;padding:24px 21px 22px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between} .trust-wall__item:last-child{border-right:0}.trust-wall__k{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:#79ADFF;text-transform:uppercase} .trust-wall__item strong{display:block;color:#fff;font-size:22px;line-height:1.02;letter-spacing:-.025em;margin:17px 0 10px}.trust-wall__item p{color:rgba(255,255,255,.70);font-size:12.5px;line-height:1.48;margin:0} .trust-wall__item a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(121,173,255,.45)} @media(max-width:1050px){.trust-wall{grid-template-columns:repeat(2,1fr)}.trust-wall__item{border-bottom:1px solid rgba(255,255,255,.14)}.trust-wall__item:nth-child(2n){border-right:0}.trust-wall__item:last-child{grid-column:1/-1;border-bottom:0}} @media(max-width:620px){.trust-wall{grid-template-columns:1fr;margin:30px 0 42px}.trust-wall__item,.trust-wall__item:last-child{grid-column:auto;border-right:0;min-height:0;gap:8px}.trust-wall__item strong{font-size:21px;margin:8px 0 5px}} /* V8.10 / Mobile polish pass - ajustes de sensación sin rediseñar la landing. */ .career-hero__actions .btn--solid, .career-final__actions .btn--solid{--bg:var(--ink);--fg:#fff;box-shadow:none} .career-hero__actions .btn--solid:hover, .career-final__actions .btn--solid:hover{--bg:#15243D;box-shadow:none} @media(max-width:700px){ /* Header: misma identidad, menos altura útil consumida. */ .nav__in{height:64px} /* Carreras: ritmo más corto y menos "marco" duro en móvil. */ .career-hero__copy{padding:32px 22px 18px} .career-hero__actions{margin-top:26px;gap:10px;align-items:flex-start} .career-hero__visual{min-height:290px} .carreras .picker{border-left-color:#B7C0CC;border-right-color:#B7C0CC} /* Microtexto: sigue siendo editorial, pero ya no se pierde en pantalla pequeña. */ .career-hero__k, .career-hero__visual figcaption, .career-signal p, .career-type__no, .career-process__head .k, .career-step span{font-size:9.5px} .career-hero__visual figcaption{left:20px;right:20px;bottom:20px;padding-top:12px;letter-spacing:.085em} .career-hero__k{color:rgba(7,16,30,.56)} /* WhatsApp: compacto y por encima de la zona de controles del navegador móvil. */ .wa{ width:50px;height:50px;padding:0;right:12px; bottom:calc(82px + env(safe-area-inset-bottom)); justify-content:center;gap:0;border-radius:50%; box-shadow:0 8px 22px -8px rgba(37,211,102,.62),0 14px 34px -18px rgba(4,42,20,.58) } .wa svg{width:23px;height:23px} } @media(max-width:520px){ /* Demo de plataforma: prioridad apilada; indicador y acción dejan de competir. */ .product-command{padding:18px} .product-command__body{grid-template-columns:1fr;gap:16px;margin:17px 0} .product-orbit{width:84px;height:84px} .product-command__body h4{max-width:none;font-size:22px;line-height:1.15;margin:7px 0 15px} .product-command__body>div:last-child>p{font-size:8.5px} .product-command__body>div:last-child button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:11px 14px} .product-command__foot{gap:8px} } /* V8.11 / Correcciones móviles dirigidas por revisión real. */ @media(max-width:700px){ /* Hero: jerarquía legible y margen óptico real al borde derecho. */ .hero__meta{font-size:12px;letter-spacing:.13em;padding-bottom:18px} .hero__meta strong{font-weight:600} .hero h1 .hero__line:nth-child(3){font-size:.82em;letter-spacing:-.07em;width:calc(100% - 12px)} /* Áreas: la información sobre foto debe leerse sin pelear con la imagen. */ .area-hero__signals{background:linear-gradient(180deg,rgba(7,16,30,.36),rgba(7,16,30,.98))} .area-hero__signals span{font-size:11px;font-weight:600;line-height:1.55;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.72)} .area-hero__signals b{font-size:9px;font-weight:650;color:#B8D5FF;text-shadow:0 2px 10px rgba(0,0,0,.76)} .area-hero__visual::after{background:linear-gradient(180deg,rgba(7,16,30,.02),rgba(7,16,30,.14) 40%,rgba(7,16,30,.88))} /* Demo: ningún hijo puede imponer un ancho mayor que el viewport. */ .product-frame,.product-app,.product-workspace,.product-view,.product-grid,.product-command{min-width:0;max-width:100%} .product-app{width:100%;overflow:hidden} .product-sidebar{grid-template-columns:auto minmax(0,1fr)} .product-sidebar nav{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap} .product-sidebar nav::-webkit-scrollbar{display:none} .product-sidebar nav button{flex:0 0 auto} .product-workspace,.product-view{overflow:hidden} } @media(max-width:520px){ .product-grid{grid-template-columns:1fr;width:100%} .product-grid>*{min-width:0} .product-command{width:100%;box-sizing:border-box;padding:18px 16px} .product-command__top{gap:12px;white-space:nowrap} .product-command__body{grid-template-columns:1fr!important;gap:14px;margin:18px 0} .product-orbit{width:92px;height:92px;margin-inline:auto} .product-orbit b{font-size:28px} .product-orbit small{font-size:9px} .product-command__body>div:last-child{min-width:0;text-align:left} .product-command__body>div:last-child>p{font-size:9px} .product-command__body h4{max-width:none!important;width:100%;font-size:21px!important;line-height:1.14!important;margin:7px 0 14px;overflow-wrap:break-word} .product-command__body>div:last-child button{width:100%;max-width:100%;box-sizing:border-box;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:11px} .product-command__foot{grid-template-columns:1fr 1fr;gap:12px} } :root{--azul:#1A66D9;--azul-h:#1552B0;--blue-electric:#1A66D9} .career-hero__visual figcaption span{min-width:0;overflow-wrap:anywhere} .career-final__ref{display:block;margin-top:14px;font-size:14px;line-height:1.5;color:var(--ink-soft,#414C5C)} .hero__proofnote a{color:inherit;text-decoration:underline;text-underline-offset:2px} .foot .brand__txt em,.sec__head--luz .eyebrow{color:#2E86FF!important} @media (max-width:760px){ .hero__proofline{font-size:12px!important} .cat__signal,.cat__signal b,.cat__sub,.cat__n{font-size:11px!important} .hero__chapter small,.hero__chapter b{font-size:11px!important} .plat__source-note,.product-gate>a,.proof-row>a,.cifras__label{font-size:12px!important} .proof-row__k,.proof-row__no,.trust-wall__k,.guarantee__index p,.guarantee__index span,.guarantee__micro, .method-bridge__rail span,.method-bridge__eyebrow,.hero__product-k,.hero__brief-no,.foot__k, .idea-dossier__detail>span,.idea-dossier__body nav button span,.idea-dossier__top span,.idea-dossier__top b, .product-frame__chrome span,.hero-bridge__flow article>span,.hero-bridge__action>p, .idea-dossier__foot span,.idea-dossier__signal b{font-size:11px!important} .wa{bottom:calc(16px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important} .foot{padding-bottom:88px!important} } /* V2: hero claro, servicios, cuentas especializadas y marcadores de foto */ .hero h1.v2-h1{font-size:clamp(40px,5.1vw,76px);line-height:.92;letter-spacing:-.05em;text-transform:uppercase;max-width:none;margin:0} .hero h1.v2-h1 span{display:block} .hero h1.v2-h1 em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.045em;color:var(--blue-electric);line-height:.98;margin-top:.06em} .v2-poem{margin:26px 0 0;max-width:46ch;font-size:16px;line-height:1.55;color:var(--ink-soft)} .v2-poem b{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--ink);font-size:1.12em} .hero__acc .v2-cta-main{--bg:var(--blue-electric)!important;--fg:#fff} .hero__acc .v2-cta-main:hover{--bg:#1552B0!important} .hero__proofnote a{color:inherit} /* marcador neutro: se ve solo mientras la foto no exista */ .v2-ph{position:relative;margin:0;overflow:hidden;background:#E6E2D8} .v2-ph img{display:block;width:100%;height:100%;object-fit:cover} .v2-ph figcaption{display:none} .v2-ph.is-empty{background:linear-gradient(135deg,#ECE8DF 0%,#E2DDD2 100%);border:1px dashed rgba(7,16,30,.22)} .v2-ph.is-empty figcaption{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:16px;font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(7,16,30,.45)} .v2-ph--hero{aspect-ratio:16/7;margin:46px auto 0} .v2-ph--head{aspect-ratio:4/3} .v2-ph--feat{aspect-ratio:4/3} /* servicios */ .v2-servicios{background:var(--editorial);padding:96px 0 104px;border-top:1px solid var(--ink)} .v2-sec-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:end;margin-bottom:56px} .v2-sec-head h2{font-size:clamp(32px,4.2vw,58px);line-height:.98;letter-spacing:-.05em;margin:14px 0 0;max-width:16ch} .v2-sec-head h2 em,.v2-svc h3 em,.v2-feat h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue-electric)} .v2-sec-head .sec__lede{margin-top:20px;max-width:52ch;color:var(--ink-soft)} .v2-sec-head .eyebrow{margin:0} .v2-svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--rule)} .v2-svc{display:flex;flex-direction:column;padding:30px 28px 28px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#FBFAF6;min-width:0} .v2-svc__k{font:500 11px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--blue-electric);margin:0} .v2-svc h3{font-size:clamp(23px,2vw,29px);line-height:1.06;letter-spacing:-.04em;margin:26px 0 12px;color:var(--ink)} .v2-svc__intro{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px} .v2-svc__list{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--rule)} .v2-svc__list li{font-size:14.5px;line-height:1.45;padding:9px 0 9px 18px;border-bottom:1px solid var(--rule);position:relative;color:var(--ink)} .v2-svc__list li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;background:var(--blue-electric)} .v2-svc__note{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0 0 18px} .v2-svc__note a{color:var(--ink)} .v2-svc__cta{margin-top:auto;align-self:flex-start;font:650 13px/1.2 var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px} .v2-svc__cta span{color:var(--blue-electric);margin-left:4px} .v2-svc__cta:hover{color:var(--blue-electric);border-color:var(--blue-electric)} .v2-svc--free{background:var(--ink);color:#fff} .v2-svc--free h3{color:#fff} .v2-svc--free h3 em{color:#8AB9FF} .v2-svc--free .v2-svc__k{color:#8AB9FF} .v2-svc--free .v2-svc__intro,.v2-svc--free .v2-svc__note{color:rgba(255,255,255,.72)} .v2-svc--free .v2-svc__list{border-color:rgba(255,255,255,.18)} .v2-svc--free .v2-svc__list li{color:#fff;border-color:rgba(255,255,255,.18)} .v2-svc--free .v2-svc__list li::before{background:#8AB9FF} .v2-svc--free .v2-svc__cta{color:#fff;border-color:#fff} .v2-svc--free .v2-svc__cta span{color:#8AB9FF} .v2-svc--soft{grid-column:1/-1} .v2-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px} .v2-chips span{font:500 12px/1 var(--mono);letter-spacing:.04em;padding:9px 11px;border:1px solid var(--rule);background:#fff;color:var(--ink)} .v2-feats{margin-top:64px} .v2-feats__k{font:500 11px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--ink)} .v2-feats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .v2-feat{display:flex;flex-direction:column;min-width:0} .v2-feat__body{display:flex;flex-direction:column;flex:1;padding-top:20px} .v2-feat h3{font-size:clamp(21px,1.8vw,26px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 10px} .v2-feat p{font-size:14.5px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px} .v2-feat__links{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px} .v2-social{display:flex;gap:14px} .v2-social a{font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:4px} .v2-social a:hover{color:var(--blue-electric)} .v2-guar-note{margin-top:22px;max-width:60ch;font-size:15.5px;line-height:1.6;opacity:.85} .v2-loading{padding:42px 24px;font:500 12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)} .v2-foot-hours{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.5);margin:10px 0 0;max-width:24ch} @media (max-width:980px){ .v2-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v2-feats__grid{grid-template-columns:1fr 1fr} .v2-sec-head{grid-template-columns:1fr;gap:28px} } @media (max-width:640px){ .hero h1.v2-h1{font-size:clamp(34px,10.2vw,48px);max-width:none} .v2-poem{font-size:15px;margin-top:18px} .v2-ph--hero{aspect-ratio:4/3;margin:30px auto 0} .v2-servicios{padding:64px 0 70px} .v2-svc-grid{grid-template-columns:1fr} .v2-svc{padding:26px 20px 24px} .v2-feats__grid{grid-template-columns:1fr;gap:36px} .v2-sec-head{margin-bottom:36px} } .v2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .v2-soft-tools{margin:4px 0 18px} .v2-soft-search{display:block;max-width:420px} .v2-soft-search input{font:500 15px/1.3 var(--sans);padding:11px 14px;border:1px solid var(--rule);background:#fff;color:var(--ink);border-radius:999px;width:100%;box-sizing:border-box} .v2-soft-search input:focus{outline:none;border-color:var(--ink)} .v2-chips-row{display:flex;gap:4px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none} .v2-chips-row::-webkit-scrollbar{display:none} .v2-chip{flex:0 0 auto;font:500 12.5px/1 var(--sans);padding:7px 11px;border:0;background:transparent;color:var(--ink-soft);border-radius:999px;cursor:pointer;white-space:nowrap} .v2-chip:hover{color:var(--ink)} .v2-chip.is-on{background:rgba(7,16,30,.07);color:var(--ink)} .v2-chip--az{font-family:var(--mono)} .v2-soft-count{margin:8px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink-soft);min-height:1em} .v2-progs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 16px} .v2-prog{background:#fff;border:1px solid var(--rule);min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s} .v2-prog[hidden]{display:none} @media (hover:hover){.v2-prog:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 10px 22px -16px rgba(7,16,30,.4)}} .v2-prog__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:112px;padding:16px 8px;text-align:center} .v2-prog__btn:focus-visible{outline:2px solid var(--blue-electric);outline-offset:-2px} .v2-prog__btn b{font:600 13.5px/1.25 var(--sans);color:var(--ink);letter-spacing:-.01em} .v2-prog__logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center} .v2-prog__logo img{max-width:40px;max-height:40px;object-fit:contain} .v2-mono{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--sans);color:var(--ink)} .v2-prog.is-open{grid-column:span 2;border-color:var(--ink)} .v2-prog__more{padding:0 14px 14px;text-align:center} .v2-prog__more p{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--ink-soft)} .v2-prog__cta{font:650 12.5px/1.2 var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px} .v2-prog__cta i{font-style:normal;color:var(--blue-electric)} .v2-soft-all{font:600 13px/1 var(--sans);padding:12px 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;cursor:pointer} .v2-soft-all:hover{background:var(--ink);color:#fff} .v2-soft-all[hidden]{display:none} .v2-soft-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border:1px solid var(--rule);background:#fff} .v2-soft-empty[hidden]{display:none} .v2-soft-empty p{margin:0;font-size:15px;color:var(--ink)} .v2-soft-empty .btn{margin:0} .v2-svc__item{color:inherit;text-decoration:none;display:block} .v2-svc__item span{color:var(--blue-electric);margin-left:4px} .v2-svc__item:hover{color:var(--blue-electric)} .v2-svc__more{border-bottom:0!important;padding-left:0!important} .v2-svc__more::before{display:none} .v2-svc__more summary{cursor:pointer;font:600 13px/1.2 var(--sans);color:var(--ink-soft);list-style:none} .v2-svc__more summary::-webkit-details-marker{display:none} .v2-svc__more summary::after{content:" +";color:var(--blue-electric)} .v2-svc__more details[open] summary::after{content:" -"} .v2-svc__list--more{margin:8px 0 0!important;border-top:0!important} .v2-svc{padding:34px 30px 30px} .v2-svc h3{margin:22px 0 18px} @media (max-width:980px){.v2-progs{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:640px){.v2-progs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v2-prog__btn{min-height:96px}.v2-svc{padding:26px 20px 24px}} @media (max-width:360px){.v2-progs{grid-template-columns:repeat(2,minmax(0,1fr))}} .v2-svc--free .v2-svc__more summary{color:rgba(255,255,255,.8)} .v2-progs{grid-auto-flow:row dense} .v5-need{background:var(--editorial);padding:96px 0 104px;border-top:1px solid var(--ink)} .v5-need h2{font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.05em;margin:14px 0 40px} .v5-need h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue-electric)} .v5-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .v5-tile{display:flex;flex-direction:column;gap:22px;justify-content:space-between;min-height:150px;padding:26px 24px;background:#fff;border:1px solid var(--rule);color:var(--ink);text-decoration:none;font:600 19px/1.2 var(--sans);letter-spacing:-.02em;transition:transform .2s,border-color .2s} .v5-tile svg{color:var(--blue-electric)} .v5-tile:hover{transform:translateY(-3px);border-color:var(--ink)} .v5-free{margin:30px 0 0;color:var(--ink-soft);font-size:15px} .v5-page{padding:120px 0 90px;background:var(--editorial);min-height:70vh} .v5-page .v2-svc{max-width:760px;border:1px solid var(--rule)} .v5-page .v2-svc--soft{max-width:none} .v5-back{display:inline-block;margin-bottom:22px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none} /* V6: escala 8/16/24/32/48/64 */ .v5-need{padding:64px 0} .v5-need h2{margin:16px 0 32px} .v5-tiles{gap:16px} .v5-tile{justify-content:flex-start;gap:16px;min-height:0;padding:24px} .v5-free{margin:24px 0 0} .v6-cifras{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:32px 0} .v6-cifras__in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .v6-cifras__in div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .v6-cifras b{font-size:32px;letter-spacing:-.04em;color:var(--ink)} .v6-cifras span{font-size:14px;color:var(--ink-soft)} .v5-page{padding:104px 0 64px;min-height:0} .v5-back{margin-bottom:24px} .v5-page .v2-svc{padding:32px;margin:0 0 16px} .v5-page .v2-svc h3{margin:16px 0 24px} .v5-page .v2-svc__list{margin-bottom:24px} .v5-page .v2-svc__note{margin:0 0 16px} .v6-plat-link{margin:0 0 16px;font-size:15px;color:var(--ink-soft)} .v6-plat-link a{color:var(--ink)} .v6-plat-top{height:96px} .v6-video{padding:32px 0 48px} .v6-video__frame{position:relative;margin:16px 0 0;aspect-ratio:16/9;background:linear-gradient(135deg,#0C1C34,#12294A);overflow:hidden} .v6-video__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .v6-video__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.92)} .v6-video__play::after{content:"";position:absolute;left:29px;top:22px;border-left:20px solid var(--ink);border-top:14px solid transparent;border-bottom:14px solid transparent} .v6-video__frame figcaption{position:absolute;left:16px;bottom:16px;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75)} @media (max-width:640px){.v5-need{padding:48px 0}.v5-tiles{gap:8px}.v5-tile{padding:16px;font-size:16px}.v6-cifras{padding:24px 0}.v6-cifras__in{grid-template-columns:1fr;gap:8px}.v6-cifras b{font-size:24px}.v5-page{padding:88px 0 48px}.v5-page .v2-svc{padding:24px 16px}.v6-plat-top{height:72px}} @media (max-width:640px){.v5-need{padding:48px 0}.v5-tiles{grid-template-columns:1fr 1fr;gap:10px}.v5-tile{min-height:132px;padding:20px 16px;font-size:16px}.v5-page{padding:92px 0 60px}} /* ===== V7: revision visual ===== */ :root{--section-y:clamp(64px,10vw,120px);--tinta-3:#5A6472;--ink-soft:#4A5361;--hielo:#F2F0E9;--crema:#F2F0E9} /* 2. contenido visible sin JS */ html:not(.js) .reveal,html:not(.js) .ent{opacity:1!important;transform:none!important;animation:none!important} .js .reveal{opacity:1} @media (prefers-reduced-motion:reduce){.reveal,.ent{opacity:1!important;transform:none!important;animation:none!important}} section,footer,.foot,.pruebas,.guarantee,.faq,.hero__product{content-visibility:visible!important} /* 3. CTA principal */ .v7-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;background:#12803F;color:#fff!important;font:600 16px/1.2 var(--sans);text-decoration:none;border-radius:4px;border:0;opacity:1!important;animation:none!important} .v7-cta:hover{background:#0E6B34} .v7-cta::after{content:none!important} .hero__acc .v7-cta{width:100%} .v7-hero-links{display:flex;flex-wrap:wrap;gap:24px;margin:16px 0 0} .v7-hero-links a{font-size:15px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px} .cta-visible .v7-wa{opacity:0;pointer-events:none} /* 13. burbuja unica */ .v7-wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 20px;border-radius:28px;background:#12803F;color:#fff;font:600 15px/1 var(--sans);text-decoration:none;box-shadow:0 10px 24px -10px rgba(7,16,30,.5);transition:opacity .25s} .v7-wa svg{width:24px;height:24px} @media (max-width:640px){.v7-wa{width:56px;padding:0}.v7-wa span{display:none}} .wa{display:none!important} /* 11. cabecera opaca */ .nav{background:#F2F0E9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(12,28,52,.08)!important} /* 12. tamanos tactiles */ .nav__burger{width:48px!important;height:48px!important} .nav__burger span{width:24px!important} .brand{min-height:44px} .v5-back{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;margin-bottom:8px} .cp-crumbs a{display:inline-flex;align-items:center;min-height:44px} p a,li a:not([class]),.v2-svc__note a{padding-block:10px;margin-block:-10px} /* 16. preguntas */ .faq summary{display:grid!important;grid-template-columns:32px 1fr 24px;column-gap:8px;align-items:start;padding:20px 0!important} .faq summary::before{width:auto!important;font-size:12px!important;vertical-align:0!important;padding-top:.45em} /* 17. hero en escritorio */ @media (min-width:901px){.hero{padding-top:104px!important}.hero__mast{align-items:end!important;row-gap:32px}.hero__headline{padding-top:0!important}.hero__headline h1{margin-top:24px}} /* 18-19. etiquetas y contraste */ .eyebrow,.hero__meta,.hero__product-k,.guarantee__micro,.cat__sub,.career-hero__k,.career-insight__k,.career-signal p,.v2-svc__k,.foot__k,.cp-crumbs,.hero-bridge__flow article>span,.hero__proofline,.cifras__label,.trust-wall__k,.proof-row__k,.proof-row__no,.hero__chapter b,.hero__chapter small,.product-frame__chrome span{font-size:12px!important;letter-spacing:.12em!important} .nav__links a::before{content:none!important;display:none!important} .hero__proofline,.hero__proofnote,.hero__meta{color:#5A6472!important} .hero-bridge__flow p,.proof-row>p,.trust-wall__item p{color:#A7B0BE!important} .hero-bridge__action{justify-content:flex-start!important} .hero-bridge__action a,.career-hero__ghost,.v2-svc__cta,.v2-prog__cta{border-bottom:0!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} .guarantee__grid{grid-template-columns:1fr!important} /* 20. tarjetas de areas */ .cat__txt{background:linear-gradient(0deg,rgba(6,16,32,.88),rgba(6,16,32,.25))!important} .cat__signal{font:400 15px/1.45 var(--sans)!important;text-transform:none!important;letter-spacing:0!important;color:rgba(255,255,255,.9)!important} .cat__signal b{display:block;font:500 12px/1.3 var(--mono)!important;letter-spacing:.12em!important;margin-bottom:4px} @media (max-width:640px){.cats{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.cat{min-height:220px!important;position:relative}.cat__txt{padding:24px!important;width:100%!important;box-sizing:border-box}.cat__t{font-size:24px!important}} /* 21. cifras */ .v6-cifras{background:var(--crema)!important;border:0!important;padding:var(--section-y) 0 0!important} .v6-cifras__in{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:0!important} .v6-cifras__in div{flex-direction:column;align-items:flex-start!important;gap:4px!important;padding:24px 24px 24px 0} .v6-cifras__in div+div{border-left:1px solid var(--rule);padding-left:24px} .v6-cifras b{font-size:40px!important;font-weight:700} .v6-cifras span{font-size:14px;color:#4A5361} @media (max-width:640px){.v6-cifras__in div+div{border-left:0;border-top:1px solid var(--rule);padding-left:0}.v6-cifras b{font-size:32px!important}} /* 22. pie */ .foot__det summary{list-style:none;cursor:pointer} .foot__det summary::-webkit-details-marker{display:none} .foot__det>div a,.foot__nav a{display:flex;align-items:center;min-height:44px;padding:0!important} .v7-acc{display:flex;align-items:center;gap:4px;min-height:44px} .v7-acc span{flex:1;font-size:14px;color:rgba(255,255,255,.75)} .v7-acc a{width:44px;height:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;color:rgba(255,255,255,.8)} .foot__legal{padding-bottom:32px!important} .foot{padding-bottom:96px!important} @media (max-width:640px){.foot__nav{grid-template-columns:1fr!important;gap:8px!important}.foot__det{border-bottom:1px solid rgba(255,255,255,.12);padding:8px 0}.foot__det summary{display:flex;align-items:center;justify-content:space-between;min-height:44px}.foot__det summary::after{content:"+";color:#8AB9FF}.foot__det[open] summary::after{content:"-"}} /* 23-24. superficies y ritmo */ .plat,.plat--v5,.faq,.carreras,.v5-need{background:var(--crema)!important} .v5-need,.carreras,.pruebas,.guarantee,.faq{padding-top:var(--section-y)!important;padding-bottom:var(--section-y)!important} .hero__product--bridge{padding-bottom:var(--section-y)!important} .sec__head{margin-bottom:32px!important} .sec__head .eyebrow+h2,.v7-head .eyebrow+h1{margin-top:16px} /* 5. paginas de servicio */ .v5-page{padding:96px 0 0!important} .v7-head{padding:24px 0 48px} .v7-head h1{font-size:clamp(36px,7vw,64px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px} .v7-head h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue-electric)} .v7-lead{font-size:18px;line-height:1.55;color:#4A5361;max-width:56ch;margin:0 0 32px} .v7-text{font-size:17px;line-height:1.6;max-width:64ch;margin:0} .v5-page .v2-svc{max-width:none!important;padding:32px!important;background:#fff} .v5-page .v2-svc h3{font-size:clamp(24px,3vw,36px)} @media (min-width:901px){.v5-page .v2-svc__list:not(.v2-svc__list--more){display:grid;grid-template-columns:1fr 1fr;column-gap:48px}} .v5-page .v2-svc__cta{display:inline-flex!important;align-items:center;min-height:48px;padding:0 20px;background:var(--ink);color:#fff!important;text-decoration:none;margin-top:8px} .v5-page .v2-svc--free .v2-svc__cta{background:#fff;color:var(--ink)!important} .v7-sec{padding:var(--section-y) 0 0} .v7-sec .eyebrow{margin:0 0 24px} .v7-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .v7-steps li{background:#fff;border:1px solid var(--rule);padding:24px} .v7-steps b{font:500 12px/1 var(--mono);color:var(--blue-electric);letter-spacing:.12em} .v7-steps h3{font-size:18px;line-height:1.25;margin:16px 0 8px} .v7-steps p{font-size:15px;line-height:1.55;color:#4A5361;margin:0} .v7-faq{background:transparent!important;padding-bottom:0!important} .v7-faq summary{font-size:18px!important} .v7-band{margin:var(--section-y) 0 0;padding:48px 32px;background:var(--ink);color:#fff} .v7-band h2{font-size:clamp(28px,4vw,40px);margin:0 0 12px;color:#fff;letter-spacing:-.04em} .v7-band p{margin:0 0 32px;color:#A7B0BE} .v5-page{padding-bottom:var(--section-y)!important} @media (max-width:900px){.v7-steps{grid-template-columns:1fr 1fr}} @media (max-width:640px){.v7-steps{grid-template-columns:1fr;gap:8px}.v5-page .v2-svc{padding:24px 16px!important}.v7-band{padding:32px 16px}.v7-cta{width:100%}} /* 6-8. software */ .v2-soft-search input::placeholder{color:#5A6472} .v2-chips-row{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-inline:16px;margin-inline:-16px} .v2-chip{min-height:40px;padding:0 14px!important;scroll-snap-align:start;font-size:14px!important} .v2-text-tile{display:flex;align-items:center;justify-content:center;width:100%;height:40px;font:600 15px/1.15 var(--sans);letter-spacing:-.01em;color:var(--ink)} .v2-prog--txt .v2-prog__btn b{font:500 12px/1.3 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:#5A6472!important} /* 9-10. ficha de carrera */ .cp-intro--sub{font-size:18px!important;line-height:1.55;color:#4A5361!important;margin:24px 0 0!important} .cp-body .picker__body{padding-top:0!important} @media (max-width:640px){.cp-body,.cp-body .picker{border:0!important;background:transparent!important}.cp-body .career-detail>section{padding:24px!important}} .career-step{padding:24px!important} /* garantia */ .v7-head h1 em{display:inline} /* 19. minimo 12px */ .crumbs button,.crumbs span,.area-hero__k,.area-hero__title span,.area-hero__signals span,.area-hero__signals b,.area-groups-nav button,.area-browser__k,.area-family__head,.area-family__head span,.career-row__no,.career-row__name small,.career-row__tools, .plat__halves span,.plat__halves b,.product-sidebar button,.product-topbar p,.product-greeting span,.product-badge,.product-command__top span,.product-command__top b,.product-orbit small,.product-command__body p,.product-command__body button,.product-command__body button span,.product-command__foot span,.product-command__foot b,.product-panel__head span,.product-domain__bars span,.product-domain__bars strong,.product-gate span,.product-gate strong, .career-hero__ghost,.career-hero__visual figcaption span,.career-hero__visual figcaption b,.career-method__intro p,.career-type__no,.career-process__head .k,.career-step>span,.career-proof__head p,.career-proof__qs b,.career-depth summary,.career-final__copy p,.career-final__actions small,.v2-soft-count{font-size:12px!important} .product-greeting span,.product-greeting p{color:#4A5361!important} .product-sidebar nav button{min-height:44px} .v5-page .v2-svc--free{background:var(--ink)!important} .cat__n{font-size:12px!important} .hero-bridge__action a,.crumbs button{display:inline-flex!important;align-items:center;min-height:44px} .search input{min-height:44px} .cp-crumbs{align-items:center;gap:0 8px!important;padding:16px 0!important} .cp-crumbs a{border-bottom:0!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} .career-hero__actions .btn--solid{--bg:#12803F!important;background:#12803F!important;min-height:48px} /* V8 */ .hero h1{line-height:1.02!important} .hero__line{padding-block:.03em} @media (min-width:901px){.hero h1{font-size:clamp(56px,9vw,150px)!important}} @media (min-width:901px) and (max-height:820px){.hero h1{font-size:min(9vw,15.5vh)!important}} .v5-sub{font-size:18px;line-height:1.5;color:#4A5361;margin:-16px 0 32px;max-width:48ch} .v6-cifras{padding-top:0!important} .v5-need{padding-bottom:48px!important} @media (max-width:640px){:root{--section-y:48px}.hero__product--bridge{padding-top:48px!important}} @media (max-width:640px){:root{--section-y:32px}.v5-need{padding-bottom:32px!important}.hero__product--bridge{padding-top:32px!important}.sec__head{margin-bottom:24px!important}.guarantee__statement{padding-top:0!important;margin-top:0!important}.guarantee__actions{margin-bottom:0!important}.faq__in{gap:0!important}} @media (max-width:640px){.carreras .sec__head,.pruebas .sec__head,.faq .sec__head,.carreras .wrap,.pruebas .wrap,.faq .wrap{padding-top:0!important;margin-top:0!important}.sec__head .eyebrow{margin-top:0!important}.proof-ledger{margin-bottom:0!important}.proof-ledger .proof-row:last-child{padding-bottom:0!important;border-bottom:0!important}.guarantee__grid,.guarantee__statement{padding-top:0!important;margin-top:0!important}.v6-cifras__in div{padding-block:16px!important}} @media (max-width:640px){.pruebas{padding-bottom:16px!important}.guarantee__grid{gap:0!important;row-gap:0!important}.guarantee{padding-top:24px!important}.hero__chapters{margin-top:24px!important}} @media (max-width:640px){.proof-ledger>.proof-row:last-of-type{padding-bottom:0!important;border-bottom:0!important}.guarantee__grid{display:block!important}.guarantee__micro{margin-top:0!important}} .guarantee__statement,.reveal.visto,.reveal.in,.reveal.is-in{transform:none!important} /* ===== V9: ritmo global ===== */ :root{--section-y:32px} @media (max-width:640px){:root{--section-y:24px}} .v5-need,.carreras,.pruebas,.guarantee,.faq,.hero__product--bridge{padding-top:var(--section-y)!important;padding-bottom:var(--section-y)!important} .v5-need{padding-bottom:var(--section-y)!important} .v6-cifras{padding:0 0 var(--section-y)!important} /* tarjetas: etiqueta, 14px, titulo, 10px, texto; sin estirar */ .hero-bridge__flow article,.trust-wall__item,.v7-steps li,.v9-block{min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important} .hero-bridge__flow span,.trust-wall__k{display:block;margin:0!important} .hero-bridge__flow h3,.trust-wall__item strong,.v7-steps h3{margin:14px 0 10px!important} .trust-wall__item>div{margin:0!important} .trust-wall{margin:32px 0!important} /* hero */ .hero h1{line-height:1.08!important} .hero__line{padding-block:0!important} .hero h1 .hero__line--serif{margin:.1em 0 .06em!important} .hero h1 .hero__line--last{margin-top:.04em!important} @media (min-width:901px){.hero h1{font-size:min(10.4vw,16.2vh)!important}} /* filas de pruebas: columnas fijas */ @media (min-width:1001px){.proof-row{grid-template-columns:48px minmax(0,1fr) minmax(0,1.15fr) 232px!important;column-gap:40px!important} .proof-row>p{grid-column:3!important;max-width:none!important;margin:0!important} .proof-row>a{grid-column:4!important;justify-self:end!important;width:232px;box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;gap:8px}} /* encabezados de seccion: etiqueta, titulo, texto */ .sec__head,.carreras .sec__head,.pruebas .sec__head,.faq .sec__head,.faq--v5 .sec__head{display:block!important;max-width:none!important;padding-top:0!important;border-top:0!important;margin:0 0 32px!important} .sec__head .eyebrow{margin:0!important} .sec__head h2{margin:14px 0 0!important;max-width:22ch} .sec__head .sec__lede{margin:16px 0 0!important;max-width:520px!important} .faq__in{display:block!important} .faq__list{width:100%} @media (max-width:640px){.sec__head,.carreras .sec__head,.pruebas .sec__head,.faq .sec__head{margin-bottom:24px!important}} /* inicio: 4 servicios */ .v5-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important} @media (max-width:900px){.v5-tiles{grid-template-columns:1fr 1fr!important}} /* paginas de servicio */ .v7-head{padding:16px 0 0!important} .v7-head .v7-lead{margin-bottom:24px} .v7-sec{padding:64px 0 0!important} .v7-band{margin-top:64px!important} .v7-sec .sec__head{margin-bottom:24px!important} .v7-sec>.eyebrow{margin:0 0 16px} @media (max-width:640px){.v7-sec{padding-top:48px!important}.v7-band{margin-top:48px!important}} .v9-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .v9-block{background:#fff;border:1px solid var(--rule);padding:24px;scroll-margin-top:96px} .v9-block h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px} .v9-block p{font-size:15px;line-height:1.55;color:#4A5361;margin:0 0 16px} .v9-block .v9-wa{margin-top:auto} .v9-block:target{border-color:var(--blue-electric);box-shadow:0 0 0 2px var(--blue-electric)} .v9-wa{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 15px/1.2 var(--sans);color:#12803F!important;text-decoration:none} .v9-wa:hover{text-decoration:underline} .v9-wa svg{width:18px;height:18px} #modalidades .v9-blocks{grid-template-columns:repeat(2,minmax(0,1fr))} #modalidades .v9-block:first-child{grid-column:1/-1} .v9-sec{scroll-margin-top:80px} .v9-chips{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0} .v9-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font:500 14px/1 var(--sans)} .v9-chips a:hover{background:var(--ink);color:#fff} .v9-free{margin-top:16px} .v9-free .v2-svc{margin:0!important} .v9-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue-electric)} .v9-head .sec__lede a{color:var(--ink)} @media (max-width:900px){.v9-blocks,#modalidades .v9-blocks{grid-template-columns:1fr 1fr}} @media (max-width:640px){.v9-blocks,#modalidades .v9-blocks{grid-template-columns:1fr;gap:8px}.v9-block{padding:20px 16px}} html{scroll-behavior:smooth} .proof-row__k{margin:0 0 14px!important} .proof-row h3{margin:0!important} .foot{padding-top:48px!important} /* V9: carreras y plataforma */ .career-hero__copy,.area-hero__copy{justify-content:flex-start!important} .career-hero__copy :is(h1,h3){margin-top:14px!important} .area-hero__k{margin:0!important} .area-hero__title{margin-top:14px!important} .career-final__copy,.career-final__actions{padding-top:48px!important;padding-bottom:48px!important} .career-final{min-height:0!important} .career-final__actions{justify-content:flex-start!important} .plat--v5{padding:16px 0 64px!important} @media (max-width:640px){.plat--v5{padding:8px 0 48px!important}} @media (min-width:901px){.hero h1{font-size:min(10.4vw,16.2vh,134px)!important}} .career-hero__k{margin:0!important} .cp-list{margin-bottom:0!important} .cp-h2{margin:64px 0 14px!important} .cp-more{margin:24px 0 64px!important} .cp-list:last-of-type{margin-bottom:64px!important} .cp-free{margin-top:32px!important} @media (max-width:640px){.cp-h2{margin-top:48px!important}.cp-more{margin-bottom:48px!important}.cp-list:last-of-type{margin-bottom:48px!important}} .v5-page .v2-svc--soft{margin:64px 0 0!important} @media (max-width:640px){.v5-page .v2-svc--soft{margin-top:48px!important}} .plat--v5{padding-bottom:56px!important} .cp-crumbs+h1.cp-h2{margin-top:16px!important} /* ===== V10 ===== */ @media (min-width:901px){.hero__brief{justify-content:center!important;padding-top:0!important;padding-bottom:0!important}} .brand__logo{display:block;width:40px;height:40px;border-radius:50%;flex:0 0 auto} .foot .brand__logo{width:48px;height:48px} .brand img.brand__logo{border-radius:50%!important;box-shadow:none!important} /* calidad: scroll suave (Lenis) y transicion entre paginas */ html.lenis,html.lenis body{height:auto} html.lenis.lenis-smooth{scroll-behavior:auto!important} .lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip} .lenis [data-lenis-prevent]{overscroll-behavior:contain} .lenis.lenis-smooth iframe{pointer-events:none} @view-transition{navigation:auto} ::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.7,.2,1)} @media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}} .cp-main .career-process{padding-top:min(58px,var(--cp-gap,64px));padding-bottom:60px} .cp-main .career-insight{padding-top:56px;padding-bottom:60px} @media (max-width:640px){.plat--v5{padding-bottom:48px!important}} .cp-main .career-proof{padding-top:60px} /* movil: hero mas pegado y grillas de 2 columnas */ @media (max-width:599px){ .hero{padding-top:85px!important} .hero__line--serif{margin-top:-.2em!important} .hero-bridge__flow,.trust-wall,.v7-steps,.v9-blocks{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important} .hero-bridge__flow>article,.trust-wall__item,.v7-steps>li,.v9-block{min-width:0!important;padding:18px 12px 20px!important;border-width:0!important;border-top:1px solid rgba(127,140,160,.35)!important;margin:0!important} .hero-bridge__flow>article:nth-child(odd):not(:last-child),.trust-wall__item:nth-child(odd):not(:last-child),.v7-steps>li:nth-child(odd):not(:last-child),.v9-block:nth-child(odd):not(:last-child){border-right:1px solid rgba(127,140,160,.35)!important} .hero-bridge__flow>article:last-child:nth-child(odd),.trust-wall__item:last-child:nth-child(odd),.v7-steps>li:last-child:nth-child(odd),.v9-block:last-child:nth-child(odd){grid-column:1/-1} .hero-bridge__flow>article>span,.trust-wall__k,.v7-steps>li>b{font-size:10px!important;letter-spacing:.08em!important;line-height:1.4!important;overflow-wrap:normal;word-break:normal;hyphens:none} .hero-bridge__flow h3,.trust-wall__item strong,.v7-steps h3,.v9-block h3{font-size:19px!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:10px 0 8px!important;overflow-wrap:break-word;hyphens:none} .hero-bridge__flow p,.trust-wall__item p,.v7-steps p,.v9-block p{font-size:14px!important;line-height:1.45!important;margin:0!important} .v9-block .v9-wa{margin-top:10px!important;font-size:13px!important} } /* movil: paginas de servicio mas compactas */ @media (max-width:599px){ .v5-page{padding-top:79px!important} .v5-page .v5-back{margin-bottom:0!important;min-height:0!important;line-height:1.2} .v5-page .v7-head{padding-top:8px!important} .v5-page .v7-head .eyebrow{margin-bottom:10px!important} .v5-page .v7-head h1{margin:0 0 12px!important} .v5-page .v7-head .v7-lead{margin-bottom:20px!important} .v5-page .v9-chips{margin-top:24px!important} .v5-page .v7-sec{padding-top:36px!important} .v5-page .v7-sec .sec__head{margin-bottom:16px!important} .v5-page .v7-band{margin-top:36px!important} } @media (hover:none){.hero__chapter::after{display:none!important}.hero__chapter:hover small{color:rgba(7,16,30,.42)!important}.hero__chapter small::after,.hero__chapter:hover small::after{display:none!important}} @media (max-width:599px){ .hero__chapters{margin-top:20px!important} .hero__chapter,.hero__chapter+.hero__chapter,.hero__chapter:nth-child(3){min-height:0!important;padding:16px!important;justify-content:flex-start!important;gap:5px!important} .hero__chapter span{line-height:1.2} .hero__chapter small{font-size:0!important;letter-spacing:0!important;color:transparent!important;line-height:0} .hero__chapter small::before{content:attr(data-short);font-size:11px;letter-spacing:.1em;line-height:1.3;color:rgba(7,16,30,.5);display:block} .hero__chapter small::after{display:none!important} .hero{padding-bottom:0!important} .hero__product{margin-top:24px!important} } /* ronda 5 (movil) */ @media (max-width:599px){ .hero__headline{margin-top:0!important;padding-top:var(--mt-h-top,20px)!important} .hero__mast{row-gap:0!important} .hero__meta{margin-bottom:var(--mt-meta-gap,4px)!important} .hero__brief{margin-top:var(--mt-h-bot,22px)!important} .v5-sub{margin:-16px 0 20px!important} .v5-tiles{align-items:stretch} .v5-tile{min-height:0!important;padding:20px!important;gap:12px!important;justify-content:flex-start!important} .v5-free{margin-top:20px!important} .v6-cifras__in{grid-template-columns:repeat(3,minmax(0,1fr))!important} .v6-cifras__in div,.v6-cifras__in div+div{border-top:0!important;padding:16px 10px!important;gap:4px!important} .v6-cifras__in div:first-child{padding-left:0!important} .v6-cifras__in div+div{border-left:1px solid var(--rule)!important} .v6-cifras b{font-size:26px!important;line-height:1} .v6-cifras span{font-size:12.5px!important;line-height:1.3!important} .cif-l{display:none} .v9-wa__x{display:none} } .v9-block{display:flex!important;flex-direction:column!important} .v9-block .v9-wa{margin-top:auto!important;padding-top:12px} .v9-wa,.v9-wa:hover,.v9-wa:focus,.v9-wa:active,.v9-wa:visited{text-decoration:none!important;border-bottom:0!important} .v9-wa{white-space:nowrap} /* pie de pagina */ .foot__icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .foot__icons a:not(.foot__cliente){width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:0!important;margin:0!important;color:inherit} .foot__icons a:not(.foot__cliente):hover{border-color:rgba(255,255,255,.5)} .foot__icons .foot__cliente{height:40px;display:inline-flex!important;align-items:center;padding:0 14px!important;margin:0!important;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:14px} .foot__contact .v2-foot-hours{margin:12px 0 0!important;font-size:13px} @media (max-width:599px){.foot__contact .v2-foot-hours{white-space:nowrap}} .foot__contact{min-width:0} @media (max-width:599px){ .foot{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important} .foot{padding-top:32px!important} .foot__in{gap:0!important;padding-top:0!important;padding-bottom:0!important} .foot__legal{padding-bottom:0!important} .foot .brand__logo{width:40px!important;height:40px!important} .foot__brand{margin:0 0 16px!important;padding:0!important} .foot__brand .brand__txt{margin:8px 0 4px!important} .foot__claim{margin:0!important;font-size:14px} .foot__nav{gap:0!important;display:block!important} .foot__det{border-top:1px solid rgba(255,255,255,.12)} .foot__det summary{min-height:48px;display:flex!important;align-items:center;justify-content:space-between;padding:0!important;margin:0!important} .foot__det>div{padding:0 0 12px!important} .foot__det>div a{padding:6px 0!important;display:block} .foot__contact,.foot__nav>div:last-child{border-top:1px solid rgba(255,255,255,.12);padding:16px 0!important;margin:0!important} .foot__contact .foot__k,.foot__nav>div:last-child>.foot__k{margin:0 0 12px!important} .v7-acc{display:flex!important;align-items:center;min-height:40px;padding:0!important;margin:0!important;gap:4px} .v7-acc span{flex:1} .v7-acc a{width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important} .foot__legal{padding-top:16px!important;margin-top:0!important;border-top:1px solid rgba(255,255,255,.12)} .foot__legal p,.foot__legal p:last-child{margin:0!important;display:block!important;font-size:12px} .foot__det{padding:0!important} .foot__in{border-top:0!important} } /* hero movil opcion C: titulo grande que llena el ancho (el JS ajusta al ancho exacto) */ @media (max-width:599px){ .hero h1{font-size:14.2vw!important;line-height:.84!important} .hero h1 .hero__line{line-height:.84!important} .hero h1 .hero__line:nth-child(3){font-size:.895em!important} .hero__line--serif{margin-top:-.3em!important;margin-bottom:-.04em!important;position:relative;z-index:1} .hero h1 .hero__line--last{margin-top:12px!important} } /* escritorio: titulo compacto y menu sin saltos de linea */ @media (min-width:600px){.hero h1{line-height:.9!important}.hero h1 .hero__line{line-height:.9!important}} .nav__links a,.nav__cta,.nav a{white-space:nowrap} @media (min-width:1181px) and (max-width:1360px){.nav__links{gap:18px!important}} @media (max-width:1180px){.nav__links,.nav__cta{display:none!important}.nav__burger{display:block!important}.nav__drawer[data-open="true"]{display:flex!important}} .nav__drawer .btn--solid,.nav__drawer .btn--solid:hover{color:#fff!important;border-bottom:0} /* paginas de carrera */ .career-hero__copy :is(h1,h3){margin-top:0} .cp-main{padding-top:96px;background:#F7F5EF} .cp-crumbs{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:22px 0 18px;display:flex;flex-wrap:wrap;gap:8px} .cp-crumbs a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)} .cp-intro{max-width:70ch;font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0 0 26px} .cp-intro strong{color:var(--ink)} .cp-body{background:#fff;border:1px solid var(--ink);border-left-color:#B7C0CC;border-right-color:#B7C0CC} .cp-body .career-detail{margin:0} .cp-free{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:34px 0 0;padding:26px 28px;background:var(--ink);color:#fff} .cp-free h2{font-size:clamp(22px,2.4vw,32px);line-height:1.08;letter-spacing:-.04em;margin:0 0 8px;color:#fff} .cp-free p{margin:0;color:rgba(255,255,255,.72);font-size:15px} .cp-free .btn{margin:0;--bg:#1A66D9;--fg:#fff} .cp-more{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 80px;font:600 14px/1.3 var(--sans)} .cp-more a{color:var(--ink)} .cp-list{columns:3;column-gap:32px;margin:0 0 80px;padding:0;list-style:none} .cp-list li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--rule)} .cp-list a{color:var(--ink);text-decoration:none} .cp-list a:hover{color:var(--blue-electric)} .cp-list small{display:block;color:var(--ink-soft);font-size:12px} .cp-h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;margin:46px 0 14px} @media (max-width:900px){.cp-list{columns:2}} @media (max-width:640px){.cp-main{padding-top:76px}.cp-free{grid-template-columns:1fr;padding:22px 18px}.cp-list{columns:1}} /* alineacion intro y señales de carrera */ .career-hero__copy h1.acc-long{font-size:clamp(34px,4.4vw,64px)!important;max-width:none}@media (max-width:640px){.career-hero__copy h1.acc-long{font-size:clamp(28px,8.6vw,40px)!important}}.career-detail :is(h2,h3,h4){overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}@media (max-width:640px){.career-detail [class*="__head"]{grid-template-columns:minmax(0,1fr)!important}.career-detail [class*="__head"] :is(h2,h3,h4){font-size:clamp(26px,8.2vw,38px)}}@media (max-width:640px){.career-detail:has(h1.acc-long) [class*="__head"] :is(h2,h3,h4){font-size:clamp(22px,6.4vw,30px)}}.cp-main .cp-body.carreras{padding:0!important}.career-detail:has(h1.acc-long) [class*="__head"] :is(h2,h3,h4){font-size:clamp(30px,3.9vw,56px)}@media (max-width:640px){.career-detail:has(h1.acc-long) [class*="__head"] :is(h2,h3,h4){font-size:22px}}@media (max-width:420px){.v7-steps h3{font-size:16px!important;overflow-wrap:break-word}}.career-type,.career-type *{min-width:0;overflow-wrap:break-word}.cp-main{overflow-x:clip}.career-detail:has(h1.acc-long) .career-process__head :is(h2,h3,h4){font-size:clamp(28px,3.2vw,46px)!important;max-width:none!important}@media (max-width:640px){.career-detail:has(h1.acc-long) .career-process__head :is(h2,h3,h4){font-size:22px!important}}@media (max-width:640px){.cp-body .career-hero__visual{min-width:0;max-width:100%}.cp-body .career-hero__visual figcaption{white-space:normal;flex-wrap:wrap}.career-detail:has(h1.acc-long) .career-process__head :is(h2,h3,h4){font-size:19px}}@media (max-width:640px){.cp-body .career-hero{grid-template-columns:minmax(0,1fr)!important}.cp-body .career-hero__actions>*{white-space:normal;max-width:100%}}.career-detail:has(h1.acc-long) .career-process__head :is(h2,h3,h4){font-size:clamp(24px,2.5vw,36px)}@media (max-width:640px){.career-detail:has(h1.acc-long) .career-process__head :is(h2,h3,h4){font-size:21px}}.cp-body .picker{border-top:0}.cp-body .cp-intro--sub{max-width:none;margin:0;padding:30px 42px 8px;font-size:16px}.cp-body .career-signal{padding-left:42px}@media (max-width:900px){.cp-body .cp-intro--sub{padding:26px 22px 6px 42px}.cp-body .career-signal{padding-left:42px}}@media (max-width:640px){.cp-body .cp-intro--sub{padding-left:46px;font-size:15px}.cp-body .career-signal{padding-left:22px}}