@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--paper:#fbf8f1;--white:#fff;--ink:#1d1820;--muted:#69616b;--line:#ded8cf;--plum:#3f173f;--plum-2:#5d275c;--yellow:#f5ce45;--green:#b8d86b;--blue:#b8dff3;--shadow:0 22px 70px rgba(42,27,42,.12);--shell:min(1180px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:16px;top:-80px;z-index:999;padding:12px 18px;background:#fff;color:#111}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(63,23,63,.1);background:rgba(251,248,241,.9);backdrop-filter:blur(16px)}.nav{height:82px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font:800 18px/1 "Manrope",sans-serif;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.nav__menu{display:flex;align-items:center;gap:30px;margin-left:auto}.nav__menu a{font-size:14px;font-weight:600;text-decoration:none}.nav__menu a:hover{color:var(--plum-2)}.nav__cta{display:inline-flex;align-items:center;gap:16px;padding:11px 17px;border:1px solid var(--ink);font-size:14px;font-weight:700;text-decoration:none}.nav__cta span{font-size:18px}.nav__toggle{display:none}
.hero{padding:76px 0 84px;overflow:hidden}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--plum-2);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow>span{width:28px;height:2px;background:currentColor}.hero h1,.section h2,.closing h2{margin:0;font:700 clamp(48px,6.1vw,82px)/.99 "Manrope",sans-serif;letter-spacing:-.055em}.hero h1 em,.section-heading h2 em{color:var(--plum-2);font-style:normal}.hero__lead{max-width:650px;margin:28px 0 0;color:#514a52;font-size:19px;line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 22px;border:1px solid transparent;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--plum);color:#fff;box-shadow:0 12px 30px rgba(63,23,63,.18)}.button--quiet{border-color:var(--line);background:#fff}.play-mini{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1ece4;color:var(--plum);font-size:9px;font-style:normal}.hero__credentials{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;color:#756c75;font-size:12px;font-weight:700;text-transform:uppercase}.hero__credentials span{position:relative}.hero__credentials span+span:before{content:"·";position:absolute;left:-14px;color:#b1a8b0}.hero__visual{position:relative;min-height:540px}.portrait-card{position:absolute;inset:22px 42px 20px 38px;overflow:hidden;background:var(--plum);box-shadow:var(--shadow)}.portrait-card__glow{position:absolute;inset:auto -18% -25% 8%;height:70%;border-radius:50%;background:radial-gradient(circle,#92608f 0,transparent 67%)}.portrait-card img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(24,8,24,.7))}.portrait-card__caption{position:absolute;left:26px;bottom:23px;z-index:2;color:#fff}.portrait-card__caption span{display:block;font:700 18px/1.2 "Manrope"}.portrait-card__caption small{opacity:.75}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;width:205px;padding:15px;background:#fff;box-shadow:0 18px 45px rgba(35,22,35,.16)}.floating-note span{display:grid;place-items:center;width:35px;height:35px;background:#f2ede5;color:var(--plum);font-size:11px;font-weight:800}.floating-note p{margin:0;font-size:13px;line-height:1.35}.floating-note p strong{display:block;font-family:"Manrope"}.floating-note--top{right:0;top:0}.floating-note--bottom{left:0;bottom:0}
.trust-bar{border-block:1px solid var(--line);background:#fff}.trust-bar__inner{min-height:90px;display:flex;align-items:center;gap:44px}.trust-bar p{margin:0;color:var(--muted);font-size:13px}.trust-bar ul{display:flex;flex:1;justify-content:space-between;margin:0;padding:0;list-style:none}.trust-bar li{position:relative;padding-left:18px;font:700 14px "Manrope"}.trust-bar li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.section{padding:112px 0}.section-heading{display:grid;grid-template-columns:1.2fr .55fr;align-items:end;gap:70px;margin-bottom:46px}.section-heading h2{max-width:760px;font-size:clamp(38px,4.7vw,64px)}.section-heading>p{margin:0 0 4px;color:var(--muted);font-size:16px}.formation-grid{display:grid;grid-template-columns:1.16fr .92fr .92fr;gap:20px}.formation-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s}.formation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.formation-card__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eee}.formation-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.formation-card:hover img{transform:scale(1.025)}.tag{position:absolute;left:16px;top:16px;padding:7px 10px;background:#fff;color:var(--plum);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tag--live{background:var(--green);color:#24310d}.tag--data{background:var(--blue);color:#173443}.formation-card__body{display:flex;flex:1;flex-direction:column;padding:24px}.formation-card__meta{display:flex;justify-content:space-between;gap:10px;color:#887e87;font-size:10px;font-weight:800;letter-spacing:.09em}.formation-card h3{margin:12px 0 10px;font:700 22px/1.2 "Manrope";letter-spacing:-.025em}.formation-card--lead h3{font-size:26px}.formation-card p{margin:0 0 22px;color:var(--muted);font-size:14px}.card-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #ece7df;color:var(--plum);font-size:13px;font-weight:800}.section-action{text-align:right;margin-top:28px}.section-action a{font-size:14px;font-weight:800;text-underline-offset:6px}.section-action span{margin-left:10px}
.paths{background:var(--plum);color:#fff}.paths__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.eyebrow--light{color:#d9b9d7}.paths__intro{align-self:center}.paths h2{font-size:clamp(38px,4.6vw,61px)}.paths__intro>p:not(.eyebrow){max-width:430px;color:#d7cbd6}.paths__intro>a{display:inline-flex;gap:14px;margin-top:18px;color:#fff;font-weight:700;text-underline-offset:6px}.path-list>a{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:20px;padding:27px 0;border-top:1px solid rgba(255,255,255,.18);text-decoration:none}.path-list>a:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.path-list__number{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);color:var(--yellow);font-size:11px;font-weight:800}.path-list small{color:#beaabd;font-size:10px;font-weight:800;letter-spacing:.1em}.path-list h3{margin:4px 0;font:700 22px "Manrope"}.path-list p{margin:0;color:#cbbdca;font-size:13px}.path-list b{font-size:20px;transition:transform .2s}.path-list a:hover b{transform:translate(4px,-4px)}
.learning__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px}.learning__visual{position:relative}.learning__visual>img{width:100%;aspect-ratio:4/3;object-fit:cover}.video-badge{position:absolute;right:-26px;bottom:-28px;display:flex;align-items:center;gap:15px;min-width:230px;padding:18px;background:var(--yellow);text-decoration:none;box-shadow:0 16px 40px rgba(63,43,12,.17)}.video-badge>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--plum);color:#fff;font-size:12px}.video-badge small,.video-badge strong{display:block}.video-badge small{font-size:9px;font-weight:800;letter-spacing:.1em}.video-badge strong{font:700 16px "Manrope"}.learning__copy h2,.about__copy h2{font-size:clamp(38px,4.3vw,58px)}.learning__copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.learning__copy ul{margin:24px 0 30px;padding:0;list-style:none}.learning__copy li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.learning__copy li:before{content:"✓";margin-right:12px;color:var(--plum)}.button--dark{background:var(--ink);color:#fff}
.about{border-top:1px solid var(--line);background:#f4f0e9}.about__grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:110px}.about__identity{align-self:start;display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);background:#fff}.about__identity img{width:82px;height:82px;border-radius:50%;object-fit:cover}.about__identity strong,.about__identity span{display:block}.about__identity strong{font:700 17px "Manrope"}.about__identity span{color:var(--muted);font-size:12px}.about__lead{font-size:19px!important;color:#443e45!important}.about__copy>p:not(.eyebrow){max-width:750px;color:var(--muted)}.about__links{display:flex;flex-wrap:wrap;gap:26px;margin-top:28px}.about__links a{font-size:13px;font-weight:800;text-underline-offset:5px}
.closing{padding:82px 0;background:var(--ink);color:#fff}.closing__inner{display:grid;grid-template-columns:1.2fr .65fr;gap:110px;align-items:end}.closing h2{font-size:clamp(39px,4.7vw,62px)}.closing__inner>div:last-child p{margin:0 0 22px;color:#c6bdc5}.button--yellow{background:var(--yellow);color:#211a20}
.footer{padding:66px 0 22px;background:#120e13;color:#fff}.brand--footer{color:#fff}.footer__main{display:flex;justify-content:space-between;gap:70px}.footer__main>div:first-child p{max-width:340px;color:#978f97;font-size:14px}.footer__nav{display:flex;gap:90px}.footer__nav>div{display:flex;flex-direction:column;gap:8px;min-width:120px}.footer__nav strong{margin-bottom:6px;color:#706871;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer__nav a{color:#d8d2d8;font-size:13px;text-decoration:none}.footer__bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#756e76;font-size:11px}
@media(max-width:920px){.nav__menu{gap:16px}.nav__cta{display:none}.hero__grid{gap:35px}.hero__visual{min-height:480px}.floating-note{width:175px}.formation-grid{grid-template-columns:1fr 1fr}.formation-card--lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.formation-card--lead .formation-card__image{height:100%}.paths__grid,.learning__grid{gap:50px}.about__grid{gap:50px}}
@media(max-width:720px){:root{--shell:min(100% - 32px,1180px)}.nav{height:68px}.brand img{width:37px;height:37px}.nav__toggle{position:relative;display:grid;width:42px;height:42px;margin-left:auto;padding:10px;border:0;background:transparent}.nav__toggle span{display:block;height:2px;background:var(--ink);margin:3px 0}.nav__menu{position:absolute;left:0;right:0;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.nav__menu.open{display:flex}.nav__menu a{padding:13px 8px;border-bottom:1px solid var(--line)}.hero{padding:48px 0 68px}.hero__grid{grid-template-columns:1fr}.hero h1{font-size:clamp(46px,14vw,68px)}.hero__lead{font-size:17px}.hero__actions{display:grid}.hero__credentials{display:grid;gap:7px}.hero__credentials span+span:before{display:none}.hero__visual{min-height:440px;margin-top:12px}.portrait-card{inset:12px 22px 28px}.floating-note--top{right:-3px}.floating-note--bottom{left:-3px}.trust-bar__inner{display:block;padding:22px 0}.trust-bar p{margin-bottom:15px}.trust-bar ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section{padding:78px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading>p{margin-top:20px}.formation-grid{grid-template-columns:1fr}.formation-card--lead{grid-column:auto;display:flex}.formation-card--lead .formation-card__image{height:auto}.formation-card--lead h3{font-size:22px}.paths__grid,.learning__grid,.about__grid,.closing__inner{grid-template-columns:1fr;gap:44px}.paths h2,.learning__copy h2,.about__copy h2,.closing h2{font-size:41px}.path-list>a{grid-template-columns:44px 1fr auto;gap:13px}.path-list p{display:none}.learning__visual{margin-right:16px}.video-badge{right:-16px;bottom:-28px}.about__identity{max-width:370px}.closing{padding:70px 0}.footer__main{display:block}.footer__nav{margin-top:38px;gap:55px}.footer__bottom{display:block}.footer__bottom span{display:block;margin-top:5px}}
.portrait-card img{object-position:center;transform:none}.floating-note--bottom{display:none}.learning__visual{display:grid}.video-badge{position:static;justify-self:end;margin-top:-1px}.learning__visual>img{object-position:center top}.section-action{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 28px}
@media(max-width:720px){.hero__visual{display:none}.hero{padding-bottom:54px}}
.nav__training{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav__menu .nav__mobile-training{display:none}
@media(min-width:921px){.nav{gap:20px}.nav__menu{gap:20px}}
@media(max-width:920px){.nav__training{display:none}.nav__menu .nav__mobile-training{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.formation-card,.formation-card img,.path-list b{transition:none}}
.hero__private{margin:21px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.hero__private a{color:var(--plum);font-weight:700;text-underline-offset:5px;margin-left:5px}.path-list .path-list__private{background:#ffffff09;margin-inline:-16px;padding-inline:16px;border-radius:8px}.path-list__private small{color:#f5ce45}
/* Portada completa del curso de automatización, sin recortar el texto. */
.formation-card--automation .formation-card__image { background: #241039; }
.formation-card--automation .formation-card__image img { object-fit: cover; }
.formation-card--automation .tag { top: auto; bottom: 12px; }
