@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-wght-normal.D9elroTD.woff2)format("woff2-variations")}:root{--paper:#f3f0e8;--paper-deep:#e8e3d8;--ink:#121a2a;--ink-soft:#465064;--blue:#2857df;--blue-dark:#17369b;--coral:#c93b24;--gold:#f4c967;--white:#fcfbf7;--line:#121a2a29;--line-strong:#121a2a52;--shadow:0 24px 70px #1b243e1f;--sans:"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;--serif:"Source Serif 4 Variable", "Source Serif 4", Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container:min(1180px, calc(100% - 48px))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 15% 10%, #fffffff2, transparent 28rem), var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65;overflow-x:clip}body:before{z-index:999;pointer-events:none;opacity:.12;content:"";mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{color:var(--white);background:var(--blue)}.container{width:var(--container);margin-inline:auto}.skip-link{z-index:1000;color:#fff;background:var(--ink);padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 24px;font-size:.72rem;font-weight:800;line-height:1.2;display:flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:2px}.display-title,.page-title,.section-title{font-family:var(--serif);letter-spacing:-.05em;text-wrap:balance;font-weight:400;line-height:.98}.section-title{max-width:760px;margin:0;font-size:clamp(2.6rem,5vw,4.8rem)}.section-header{grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:48px;display:grid}.section-header>p{max-width:420px;color:var(--ink-soft);margin:0 0 5px}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:14px;min-height:52px;padding:12px 22px;font-size:.88rem;font-weight:750;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:inline-flex}.button:hover{color:var(--white);background:var(--ink);transform:translateY(-2px)}.button.primary{color:var(--white);border-color:var(--blue);background:var(--blue)}.button.primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.arrow-link{color:var(--blue-dark);align-items:center;gap:9px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.arrow-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:18px;transition:transform .18s}.arrow-link:hover svg{transform:translate(4px)}.site-header{z-index:100;backdrop-filter:blur(18px);background:#f3f0e8e0;border-bottom:1px solid #121a2a1f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:78px;display:flex}.wordmark{align-items:center;gap:13px;text-decoration:none;display:inline-flex}.wordmark-mark{color:#fff;background:var(--ink);width:39px;height:39px;font-family:var(--serif);letter-spacing:-.04em;place-items:center;font-size:.88rem;display:grid;transform:rotate(-3deg)}.wordmark-name{letter-spacing:-.02em;font-size:.93rem;font-weight:800}.wordmark-name em{font-family:var(--serif);font-size:1.05rem;font-weight:400}.desktop-nav{align-items:center;gap:clamp(12px,1.6vw,24px);display:flex}.desktop-nav a{letter-spacing:.05em;font-size:.78rem;font-weight:750;text-decoration:none;position:relative}.desktop-nav a:not(.nav-contact):after{content:"";background:var(--blue);height:2px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.desktop-nav .nav-contact{color:var(--white);background:var(--ink);padding:9px 15px}.mobile-nav{display:none}.site-footer{color:var(--white);background:var(--ink);padding:78px 0 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:80px;padding-bottom:70px;display:grid}.footer-name{font-family:var(--serif);letter-spacing:-.04em;font-size:clamp(2rem,4vw,4rem);text-decoration:none}.footer-grid>div:first-child p{color:#ffffffd6;max-width:480px;margin:20px 0 0}.footer-links{grid-template-columns:1fr 1fr;gap:40px;display:grid}.footer-links h2{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.68rem}.footer-links a{width:fit-content;margin:8px 0;font-size:.92rem;text-decoration:none;display:block}.footer-links a:hover{color:var(--gold)}.footer-bottom{color:#ffffffc7;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;font-size:.74rem;display:flex}.footer-bottom a{color:#ffffffc7;text-decoration:none}.publication-card{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:36px;padding:38px 0;display:grid}.publication-card:last-child{border-bottom:1px solid var(--line)}.publication-card-meta{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-content:flex-start;gap:8px 12px;font-size:.68rem;font-weight:750;display:flex}.publication-index{width:100%;color:var(--coral);font-family:var(--serif);letter-spacing:-.03em;margin-bottom:20px;font-size:1.6rem;font-weight:400}.publication-card-body h3{max-width:840px;font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,2.8vw,2.45rem);font-weight:400;line-height:1.08}.publication-card-body h3 a{text-underline-offset:5px;text-decoration-color:#0000;text-decoration-thickness:1px}.publication-card-body h3 a:hover{text-decoration-color:var(--blue)}.authors,.citation{color:var(--ink-soft);margin:14px 0 0;font-size:.88rem}.authors strong{color:var(--ink)}.citation{margin-top:3px;font-style:italic}.publication-summary{max-width:750px;color:var(--ink-soft);margin:22px 0 0}.publication-card-actions{align-items:center;gap:20px;margin-top:22px;display:flex}.doi-link{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800;text-decoration:none}.doi-link:hover{color:var(--blue)}.publication-card.compact{grid-template-columns:120px 1fr}.publication-card.compact .publication-card-body h3{font-size:clamp(1.35rem,2.3vw,2rem)}.page-hero{border-bottom:1px solid var(--line);padding:105px 0 76px}.page-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);align-items:end;gap:80px;display:grid}.page-title{max-width:900px;margin:0;font-size:clamp(4rem,9vw,8.5rem)}.page-intro{max-width:510px;color:var(--ink-soft);margin:0 0 12px;font-size:1.08rem}.page-section{padding:110px 0}.prose{color:var(--ink-soft);font-size:1.02rem}.prose h2,.prose h3{color:var(--ink);font-family:var(--serif);letter-spacing:-.035em;font-weight:400;line-height:1.12}.prose h2{margin:70px 0 20px;font-size:clamp(2rem,4vw,3.4rem)}.prose h3{margin:45px 0 14px;font-size:1.75rem}.prose a{color:var(--blue-dark);text-underline-offset:3px;text-decoration-thickness:1px}.prose strong{color:var(--ink)}@media (width<=940px){:root{--container:min(100% - 34px, 720px)}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;place-content:center;width:40px;height:40px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--ink);width:22px;height:2px;margin:3px;transition:transform .18s;display:block}.mobile-nav[open] summary span:first-child{transform:translateY(4px)rotate(45deg)}.mobile-nav[open] summary span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-nav nav{border:1px solid var(--line);background:var(--white);width:min(300px,100vw - 34px);box-shadow:var(--shadow);padding:16px;display:grid;position:absolute;top:50px;right:0}.mobile-nav nav a{padding:11px 10px;font-weight:700;text-decoration:none}.section-header,.page-hero-grid,.footer-grid{grid-template-columns:1fr}.section-header,.page-hero-grid{gap:25px}.footer-grid{gap:55px}}@media (width<=640px){:root{--container:calc(100% - 28px)}.header-inner{min-height:68px}.wordmark-name{display:none}.page-hero{padding:75px 0 55px}.page-title{font-size:clamp(3.5rem,18vw,6.2rem)}.page-section{padding:78px 0}.publication-card,.publication-card.compact{grid-template-columns:1fr;gap:18px;padding:30px 0}.publication-index{width:auto;margin:0 10px 0 0}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}body:before{display:none}}.session-content{max-width:min(760px,100%);color:var(--ink-soft);font-size:1.02rem;line-height:1.62}.session-content>:first-child{margin-top:0}.session-content h2,.session-content h3,.session-content h4{color:var(--ink);font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;scroll-margin-top:96px;font-weight:400;line-height:1.12}.session-content h2{margin:64px 0 18px;font-size:clamp(1.9rem,3.6vw,2.8rem)}.session-content h3{margin:44px 0 14px;font-size:clamp(1.4rem,2.4vw,1.85rem)}.session-content h4{font-family:var(--sans);letter-spacing:.01em;margin:32px 0 10px;font-size:1rem;font-weight:800}.session-content h5{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:26px 0 8px;scroll-margin-top:96px;font-size:.72rem;font-weight:800;line-height:1.3}.session-content p{margin:0 0 18px}.session-content strong{color:var(--ink);font-weight:750}.session-content a{color:var(--blue-dark);text-underline-offset:3px;text-decoration-thickness:1px}.session-content ul,.session-content ol{margin:0 0 18px;padding-left:22px}.session-content li{margin-bottom:7px}.session-content hr{background:var(--line);border:0;height:1px;margin:44px 0}.session-content blockquote{border-left:3px solid var(--coral);background:var(--paper-deep);color:var(--ink);font-family:var(--serif);margin:30px 0;padding:22px 26px;font-size:1.16rem;line-height:1.45}.session-content blockquote p:last-child{margin-bottom:0}.session-content details,.session-content details>summary{scroll-margin-top:96px}.session-content pre{border:1px solid var(--line-strong);background:var(--paper-deep);margin:22px 0;padding:20px 22px;overflow-x:auto}.session-content pre code{color:var(--ink);font-family:var(--mono);white-space:pre;background:0 0;border:0;padding:0;font-size:.86rem;line-height:1.55}.session-content code{border:1px solid var(--line);background:var(--paper-deep);color:var(--ink);font-family:var(--mono);padding:2px 5px;font-size:.88em}.session-content .table-scroll{margin:22px 0;overflow-x:auto}.session-content table{border-collapse:collapse;width:100%;font-size:.94rem}.session-content th,.session-content td{border:1px solid var(--line-strong);text-align:left;vertical-align:top;padding:11px 14px}.session-content th{color:var(--ink);background:var(--paper-deep);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.session-content tbody tr:has(td:first-child>em:first-child) td{border-color:color-mix(in srgb, var(--blue) 38%, var(--line-strong));background:color-mix(in srgb, var(--blue) 7%, var(--paper))}.session-content tbody tr:has(td:first-child>em:first-child) td:first-child{color:var(--blue-dark);font-weight:700}.session-content tbody tr:has(td:first-child>em:first-child) em{font-style:normal}.session-content td:empty{min-width:120px;height:44px}.session-content .fill-in{margin:20px 0 24px;padding-left:22px}.session-content .fill-in li{border-bottom:1px solid var(--line-strong);min-height:38px;margin-bottom:18px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.session-content{font-size:.98rem}.session-content pre{padding:16px}}.unit-list{border-top:1px solid var(--line-strong);margin:22px 0 0;padding:0;list-style:none}.unit-list>li>a{border-bottom:1px solid var(--line-strong);color:var(--ink);grid-template-columns:150px 1fr auto;align-items:baseline;gap:20px;padding:18px 0;text-decoration:none;transition:color .16s;display:grid}.unit-list>li>a:hover{color:var(--blue-dark)}.unit-kind{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:800}.unit-body{gap:5px;display:grid}.unit-title{font-family:var(--serif);font-size:1.15rem}.unit-body small{color:var(--ink-soft);font-size:.86rem}.unit-meta{color:var(--ink-soft);white-space:nowrap;font-size:.72rem;font-weight:700}.loose-units{margin-top:55px}.course-lessons{margin:0 0 4px;padding:0 0 0 150px;list-style:none}.course-lessons a{color:var(--ink-soft);grid-template-columns:84px 1fr;align-items:baseline;gap:14px;padding:7px 0;font-size:.88rem;text-decoration:none;transition:color .16s,padding-left .16s;display:grid}.course-lessons a:hover{color:var(--blue-dark);padding-left:6px}.course-lessons .lesson-number{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:800}.course-lessons a:hover .lesson-number{color:var(--blue)}.course-week{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;margin:14px 0 2px;padding-left:150px;font-size:.62rem;font-weight:800}.unit-deliverable{color:var(--ink-soft);margin:12px 0 6px;padding-left:150px;font-size:.86rem;line-height:1.5}.unit-deliverable b{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.unit-entry{border-bottom:1px solid var(--line-strong);padding-bottom:18px}.unit-entry>a{border-bottom:0!important}@media (width<=780px){.course-lessons,.course-week,.unit-deliverable{padding-left:0}.course-lessons a{grid-template-columns:74px 1fr;gap:10px}}@media (width<=640px){.unit-list>li>a{grid-template-columns:1fr;gap:7px}.unit-meta{white-space:normal}}.session-content .align-left{text-align:left}.session-content .align-center{text-align:center}.session-content .align-right{text-align:right}.session-content .diagram{margin:38px 0 42px}.session-content .diagram figcaption{border-bottom:1px solid var(--line);color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;padding-bottom:10px;font-size:.68rem;font-weight:800}.session-content .flow{counter-reset:flow-step;margin:0;padding:0;list-style:none}.session-content .flow li{color:var(--ink);margin:0;padding:8px 0 22px 58px;font-weight:650;position:relative}.session-content .flow li:before{width:37px;height:37px;color:var(--white);background:var(--blue);content:counter(flow-step);counter-increment:flow-step;border-radius:50%;place-items:center;font-size:.76rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.session-content .flow li:after{content:"";background:var(--line-strong);width:1px;position:absolute;top:41px;bottom:2px;left:18px}.session-content .flow li:last-child{padding-bottom:0}.session-content .flow li:last-child:after{display:none}.session-content .flow--before li:before{background:var(--ink-soft)}.session-content .flow--before li{color:var(--ink-soft)}.session-content .flow--row{flex-direction:column;gap:34px;display:flex}.session-content .flow--row li{border:1px solid var(--line-strong);background:var(--paper);text-align:center;place-items:center;padding:15px 20px;display:grid}.session-content .flow--row li:before{display:none}.session-content .flow--row li:after{width:auto;height:auto;color:var(--coral);content:"↓";background:0 0;font-size:1.15rem;font-weight:700;top:auto;bottom:-26px;left:50%;transform:translate(-50%)}.session-content .flow--chain li{border-color:var(--coral);font-family:var(--serif);font-size:1.08rem;font-weight:400}@media (width>=700px){.session-content .flow--row{flex-flow:wrap;justify-content:center;gap:42px}.session-content .flow--row li{flex:1 1 0}.session-content .flow--chain li{flex:0 auto;min-width:120px}.session-content .flow--row li:after{content:"→";inset:50% -29px auto auto;transform:translateY(-50%)}}.session-content .tag{letter-spacing:.1em;vertical-align:2px;border-radius:100px;margin-left:9px;padding:2px 9px;font-size:.6rem;font-weight:800;display:inline-block}.session-content .tag--ot{color:var(--white);background:var(--coral)}.session-content .tag--it{color:var(--ink);background:var(--gold)}.session-content .diagram-svg{width:100%;height:auto}.session-content .diagram-edges path{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.session-content .diagram-arrowhead{fill:var(--line-strong);stroke:none}.session-content .diagram-node rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.2px}.session-content .diagram-node text{fill:var(--ink);font-family:var(--sans);dominant-baseline:central;text-anchor:middle;font-size:15px;font-weight:700}.session-content .diagram-node--accent rect{fill:var(--blue);stroke:var(--blue)}.session-content .diagram-node--accent text{fill:var(--white)}.session-content .diagram-node--data rect{fill:var(--paper-deep)}.lesson-grid{grid-template-columns:minmax(0,760px);gap:56px;display:grid}.lesson-toc ol{margin:0;padding:0;list-style:none}.lesson-toc a{color:var(--ink-soft);border-left:2px solid #0000;padding:7px 0 7px 13px;font-size:.82rem;font-weight:650;line-height:1.3;text-decoration:none;display:block}.lesson-toc a:hover{border-left-color:var(--coral);color:var(--blue-dark)}.lesson-toc .toc-title{border-bottom:1px solid var(--line-strong);color:var(--ink);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;padding-bottom:10px;font-size:.63rem;font-weight:800}@media (width>=1060px){.lesson-grid{grid-template-columns:250px minmax(0,760px)}.lesson-grid--full{grid-template-columns:minmax(0,760px);justify-content:center}.lesson-toc{align-self:start;max-height:calc(100vh - 140px);position:sticky;top:100px;overflow-y:auto}}@media (width<=1059px){.lesson-toc{border:1px solid var(--line-strong);background:var(--paper-deep);max-height:55vh;padding:22px 24px;overflow-y:auto}}@media print{.lesson-toc{display:none}}@media (width<=640px){.session-content .flow li{padding-left:50px}.session-content th,.session-content td{overflow-wrap:break-word;padding:9px 10px}}.session-content .term{border:1px solid var(--ink);background:var(--ink);color:var(--white);font-family:var(--serif);margin:26px 0 18px;padding:9px 20px;font-size:1.25rem;display:inline-block}.session-content .single-node{border:1px solid var(--line-strong);background:var(--paper-deep);color:var(--ink);margin:18px 0;padding:13px 24px;font-weight:700;display:inline-block}.session-content .tag--yes{color:var(--white);background:var(--blue)}.session-content .tag--no{color:var(--white);background:var(--coral)}.session-content .flow li.is-error{color:var(--coral);font-weight:750}.session-content .flow li.is-error:before{background:var(--coral);content:"!"}.session-content .flow-role{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:.6rem;font-weight:800;display:block}.session-content .write-line{border-bottom:1px solid var(--line-strong);min-height:34px;margin:4px 0 6px;display:block}.session-content .answer{margin:20px 0 26px}.session-content .answer dt{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:800}.session-content .answer dd{border-bottom:1px solid var(--line-strong);min-height:34px;margin:4px 0 18px}.session-content .diagram-node--small text{font-size:13px;font-weight:650}.session-content .diagram-node--container rect{fill:none;stroke:var(--ink-soft);stroke-dasharray:5 4}.session-content .diagram-node--container text{fill:var(--ink-soft);letter-spacing:.14em;font-size:12px;font-weight:800}.session-content .diagram-label{fill:var(--ink-soft);font-family:var(--sans);text-anchor:middle;font-size:13px;font-weight:700}.session-content .diagram-label--accent{fill:var(--coral)}.session-content .diagram-edges .is-dashed{stroke-dasharray:5 4}.session-content .single-node--mono{font-family:var(--mono);font-size:.94rem;font-weight:600}.session-content .diagram-node .diagram-subtext{fill:var(--ink-soft);font-family:var(--mono);font-size:12px;font-weight:600}.session-content .diagram-node--accent .diagram-subtext{fill:#ffffffbf}.session-content .diagram-node--ok rect{fill:var(--blue);stroke:var(--blue)}.session-content .diagram-node--ok text{fill:var(--white)}.session-content .diagram-node--danger rect{fill:var(--coral);stroke:var(--coral)}.session-content .diagram-node--danger text{fill:var(--white)}.session-content pre{padding-top:34px;position:relative}.session-content pre code[class*=language-]:before{color:var(--white);background:var(--ink);font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:4px 11px;font-size:.58rem;font-weight:800;position:absolute;top:0;left:0}.session-content pre code.language-bash:before{content:"Terminal"}.session-content pre code.language-nginx:before{content:"Nginx"}.session-content pre code.language-json:before{content:"JSON"}.session-content pre code.language-html:before{content:"Ejemplo · HTML"}.session-content pre code.language-css:before{content:"Ejemplo · CSS"}.session-content .lesson-demo{border:1px solid var(--line-strong);background:var(--paper);margin:8px 0 32px}.session-content pre:has(+.lesson-demo){margin-bottom:0}.session-content pre+.lesson-demo{margin-top:-1px}.session-content .lesson-demo>figcaption{border-bottom:1px solid var(--line-strong);color:var(--ink);font-family:var(--sans);background:#f5f2eb;flex-wrap:wrap;align-items:baseline;gap:7px 14px;padding:10px 15px;line-height:1.35;display:flex}.session-content .lesson-demo>figcaption span{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:.61rem;font-weight:850}.session-content .lesson-demo>figcaption strong{font-size:.82rem;font-weight:750}.session-content .lesson-demo__stage{background:var(--white);padding:clamp(16px,3vw,28px);overflow-x:auto}.session-content .lesson-demo__note{border-top:1px solid var(--line);color:var(--ink-soft);font-family:var(--sans);background:#faf8f3;margin:0;padding:10px 15px 11px;font-size:.75rem;line-height:1.45}.session-content .lesson-browser{color:#202124;background:#fff;border:1px solid #c9cdd5;border-radius:5px;max-width:600px;margin-inline:auto;font-family:Arial,sans-serif;box-shadow:0 7px 18px #161d2f0f}.session-content .lesson-browser:before{content:"";background:radial-gradient(circle at 14px 14px,#ef6a5b 0 4px,#0000 4.5px),radial-gradient(circle at 30px 14px,#f2bf4f 0 4px,#0000 4.5px),radial-gradient(circle at 46px 14px,#64c26b 0 4px,#0000 4.5px),#f1f3f5;border-bottom:1px solid #d9dce2;border-radius:5px 5px 0 0;height:28px;display:block}.session-content .lesson-browser__page{padding:22px 24px 26px}.session-content .lesson-browser__page .demo-title{color:#202124;letter-spacing:normal;margin:0 0 .67em;font-family:Arial,sans-serif;font-size:2em;font-weight:700;line-height:1.15}.session-content .lesson-browser__page p{color:#202124;margin:1em 0;font-family:Arial,sans-serif;font-size:1rem;line-height:normal}.session-content .lesson-lists{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.session-content .lesson-list-card{color:#202124;background:#fff;border:1px solid #d9dce2;border-radius:4px;min-width:0;padding:14px;font-family:Arial,sans-serif}.session-content .lesson-list-card>strong{color:#17369b;font-family:var(--mono);margin-bottom:10px;font-size:.78rem;display:block}.session-content .lesson-list-card ul,.session-content .lesson-list-card ol{margin:0;padding-left:20px}.session-content .lesson-list-card li{margin:4px 0;line-height:1.4}.session-content .lesson-list-card dl{margin:0}.session-content .lesson-list-card dt{margin-top:8px;font-weight:700}.session-content .lesson-list-card dt:first-child{margin-top:0}.session-content .lesson-list-card dd{color:#565e6d;margin:2px 0 0;font-size:.88rem;line-height:1.4}.session-content .lesson-semantic-map{color:#202124;background:#fff;border:1px solid #17369b;border-radius:4px;gap:8px;max-width:620px;margin-inline:auto;padding:8px;font-family:Arial,sans-serif;display:grid}.session-content .lesson-semantic-map__region{background:#f4f6fc;border:1px solid #9eaccd;border-radius:3px;padding:10px}.session-content .lesson-semantic-map__region:before{color:#17369b;font-family:var(--mono);content:attr(data-element);margin-bottom:7px;font-size:.68rem;font-weight:800;display:block}.session-content .lesson-semantic-map__nav{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.session-content .lesson-semantic-map__nav span{background:#fff;border:1px solid #9eaccd;border-radius:100px;padding:3px 8px;font-size:.76rem}.session-content .lesson-semantic-map__articles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.session-content .lesson-semantic-map__articles div{background:#fff;border:1px dashed #7183ad;padding:10px}.session-content .lesson-semantic-map__articles div:before{color:#a3341f;font-family:var(--mono);content:"<article>";margin-bottom:5px;font-size:.66rem;font-weight:800;display:block}.session-content .lesson-demo-table{border-collapse:collapse;color:#202124;background:#fff;width:100%;max-width:620px;margin-inline:auto;font-family:Arial,sans-serif}.session-content .lesson-demo-table caption{color:#202124;text-align:left;padding:0 0 10px;font-weight:700}.session-content .lesson-demo-table th,.session-content .lesson-demo-table td{text-align:left;border:1px solid #c9cdd5;padding:10px 12px}.session-content .lesson-demo-table thead th{color:#fff;background:#17369b}.session-content .lesson-demo-table tbody th{background:#edf2ff}.session-content .lesson-demo-form{color:#202124;background:#fff;border:1px solid #c9cdd5;border-radius:4px;gap:8px;max-width:420px;margin-inline:auto;padding:18px;font-family:Arial,sans-serif;display:grid}.session-content .lesson-demo-form__label{font-weight:700}.session-content .lesson-demo-form__input{color:#202124;min-width:0;min-height:43px;font:inherit;background:#fff;border:1px solid #7a8290;border-radius:4px;padding:9px 10px}.session-content .lesson-demo-form__button{color:#fff;font:inherit;background:#17369b;border:0;border-radius:4px;justify-self:start;margin-top:6px;padding:9px 16px;font-weight:700}.session-content .lesson-first-css{color:#222;font-family:system-ui,sans-serif;line-height:1.6}.session-content .lesson-first-css .demo-title{color:navy;letter-spacing:normal;margin:0 0 8px;font-family:inherit;font-size:2rem;font-weight:700;line-height:1.2}.session-content .lesson-first-css p{color:inherit;font-family:inherit;line-height:inherit;margin:0}.session-content .lesson-box-model{color:#202124;max-width:560px;font-family:var(--sans);text-align:center;background:repeating-linear-gradient(135deg,#ffe4a3,#ffe4a3 8px,#fff0c9 8px 16px);margin-inline:auto;padding:20px}.session-content .lesson-box-model>span,.session-content .lesson-box-model__border>span,.session-content .lesson-box-model__padding>span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;font-weight:800;display:block}.session-content .lesson-box-model__border{background:var(--coral);color:#fff;padding:6px}.session-content .lesson-box-model__padding{color:#17369b;background:#dfe8fb;padding:18px}.session-content .lesson-box-model__content{color:#17369b;background:#fff;padding:17px;font-weight:800}.session-content .lesson-flex-nav{color:#fff;background:#17213c;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:660px;margin-inline:auto;padding:14px 18px;font-family:system-ui,sans-serif;display:flex}.session-content .lesson-flex-nav>strong{color:#f2bf4f}.session-content .lesson-flex-nav ul{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.session-content .lesson-flex-nav li{margin:0}.session-content .lesson-flex-nav a{color:#fff;font-size:.88rem;font-weight:700;text-decoration:none}.session-content .lesson-grid-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:660px;margin-inline:auto;display:grid}.session-content .lesson-grid-catalogue article{color:#202124;background:#fff;border:1px solid #b7bfd0;border-radius:4px;min-width:0;padding:16px;font-family:system-ui,sans-serif}.session-content .lesson-grid-catalogue h4{color:#17369b;letter-spacing:normal;margin:0 0 6px;font-family:inherit;font-size:.95rem;font-weight:750;line-height:1.25}.session-content .lesson-grid-catalogue p{color:#565e6d;margin:0;font-family:inherit;font-size:.78rem;line-height:1.4}.session-content .lesson-responsive-frames{grid-template-columns:.72fr 1fr 1.35fr;align-items:end;gap:18px;display:grid}.session-content .lesson-responsive-frame{color:#202124;background:#fff;border:1px solid #aeb6c5;border-radius:4px;min-width:0;font-family:system-ui,sans-serif;box-shadow:0 5px 14px #161d2f0d}.session-content .lesson-responsive-frame>span{color:#565e6d;text-align:center;background:#f1f3f5;border-bottom:1px solid #d9dce2;padding:6px 8px;font-size:.61rem;font-weight:800;display:block}.session-content .lesson-responsive-frame>div{gap:6px;padding:9px;display:grid}.session-content .lesson-responsive-frame i{color:#17369b;background:#edf2ff;border:1px solid #9eaccd;border-radius:3px;place-items:center;min-height:42px;font-size:.68rem;font-style:normal;font-weight:800;display:grid}.session-content .lesson-responsive-frame--tablet>div{grid-template-columns:repeat(2,minmax(0,1fr))}.session-content .lesson-responsive-frame--wide>div{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=700px){.session-content .lesson-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.session-content .lesson-list-card:last-child{grid-column:1/-1}.session-content .lesson-responsive-frames{grid-template-columns:1fr;gap:10px}.session-content .lesson-responsive-frame{grid-template-columns:88px minmax(0,1fr);align-items:stretch;display:grid}.session-content .lesson-responsive-frame>span{border-bottom:0;border-right:1px solid #d9dce2;place-items:center;padding:6px;display:grid}}@media (width<=560px){.session-content .lesson-demo>figcaption{gap:3px;padding:9px 12px;display:grid}.session-content .lesson-demo__stage{padding:14px 12px}.session-content .lesson-demo__note{padding:9px 12px 10px}.session-content .lesson-browser__page{padding:18px}.session-content .lesson-browser__page .demo-title{font-size:1.7em}.session-content .lesson-list-card{padding:11px 13px;font-size:.88rem}.session-content .lesson-list-card>strong{font-size:.67rem}.session-content .lesson-semantic-map{gap:6px;padding:6px}.session-content .lesson-semantic-map__region{padding:8px}.session-content .lesson-semantic-map__articles{gap:6px}.session-content .lesson-semantic-map__articles div{padding:8px;font-size:.82rem}.session-content .lesson-demo-form{padding:15px}.session-content .lesson-box-model{padding:12px}.session-content .lesson-box-model__padding{padding:13px}.session-content .lesson-box-model__content{padding:14px 8px}.session-content .lesson-grid-catalogue{gap:7px}.session-content .lesson-grid-catalogue article{padding:9px 8px}.session-content .lesson-grid-catalogue h4{font-size:.78rem}.session-content .lesson-grid-catalogue p{font-size:.66rem}.session-content .lesson-responsive-frame>div{gap:4px;padding:6px}.session-content .lesson-responsive-frame i{min-height:32px}}:root{--code-comment:#565e6d;--code-tag:#17369b;--code-attr:#0f6b5c;--code-string:#a3341f;--code-number:#7a3ea3;--code-function:#8a4b0f}.session-content .token.comment,.session-content .token.prolog,.session-content .token.cdata,.session-content .token.doctype{color:var(--code-comment);font-style:italic}.session-content .token.punctuation,.session-content .token.operator{color:var(--ink-soft)}.session-content .token.tag,.session-content .token.keyword,.session-content .token.selector,.session-content .token.atrule,.session-content .token.builtin,.session-content .token.important{color:var(--code-tag);font-weight:650}.session-content .token.attr-name,.session-content .token.property,.session-content .token.class-name{color:var(--code-attr)}.session-content .token.string,.session-content .token.attr-value,.session-content .token.char,.session-content .token.regex,.session-content .token.url{color:var(--code-string)}.session-content .token.number,.session-content .token.boolean,.session-content .token.constant,.session-content .token.symbol,.session-content .token.entity{color:var(--code-number)}.session-content .token.function,.session-content .token.variable{color:var(--code-function)}.session-content .token.deleted{color:#8f2a17;text-decoration:line-through}.session-content .token.inserted{color:var(--code-attr)}.session-content .token.attr-value .token.punctuation{color:var(--code-string)}.session-content .token.namespace{opacity:.7}.copy-code{border:0;border-bottom:1px solid var(--line-strong);border-left:1px solid var(--line-strong);background:var(--paper);color:var(--ink-soft);cursor:pointer;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;user-select:none;padding:5px 12px;font-size:.58rem;font-weight:800;transition:color .14s,background-color .14s;position:absolute;top:0;right:0}.copy-code:hover{color:var(--white);background:var(--blue-dark)}.copy-code:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.copy-code.is-copied{color:var(--white);background:var(--ink)}.copy-code.is-failed{color:var(--white);background:var(--coral)}@media (prefers-reduced-motion:reduce){.copy-code{transition:none}}@media print{.copy-code{display:none}}.session-content .compare-pair{grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 30px;display:grid}.session-content .compare-pair>div{border:1px solid var(--line-strong);background:var(--paper-deep);padding:20px 22px}.session-content .compare-pair p{margin:0}.session-content .compare-label{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:.63rem;font-weight:800;margin-bottom:10px!important}.session-content .compare-pair .compare-body{color:var(--ink);font-family:var(--serif);font-size:1.1rem}@media (width<=640px){.session-content .compare-pair{grid-template-columns:1fr}}.session-content .tag--low{color:var(--ink);background:var(--paper-deep);box-shadow:inset 0 0 0 1px var(--line-strong)}.session-content .tag--mid{color:var(--ink);background:var(--gold)}.session-content .tag--high{color:var(--white);background:var(--coral)}.session-content pre code.language-javascript:before{content:"JavaScript"}.session-content pre code.language-markdown:before{content:"Markdown"}.session-content pre code.language-text:before{content:"Texto"}.session-content pre code.language-python:before{content:"Python"}.session-content .record{border:1px solid var(--line-strong);background:var(--paper-deep);grid-template-columns:auto 1fr;gap:7px 20px;margin:24px 0;padding:20px 24px;display:grid}.session-content .record dt{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;align-self:center;font-size:.66rem;font-weight:800}.session-content .record dd{color:var(--ink);font-family:var(--mono);margin:0;font-size:.92rem}.session-content .prompt{border:1px solid var(--ink);background:var(--paper);margin:28px 0;padding:24px 26px}.session-content .prompt-label{border-bottom:1px solid var(--line);color:var(--coral);letter-spacing:.14em;text-transform:uppercase;padding-bottom:10px;font-size:.63rem;font-weight:800;margin:0 0 18px!important}.session-content .prompt p:last-child,.session-content .prompt ol{margin-bottom:0}.session-content .checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding-left:0;list-style:none;display:grid}.session-content .checklist li{border:1px solid var(--line);background:var(--paper);overflow-wrap:normal;word-break:normal;min-width:0;margin:0;padding:12px 14px 12px 42px;line-height:1.45;position:relative}.session-content .checklist li:before{width:18px;height:18px;color:var(--white);background:var(--blue);content:"✓";border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;line-height:1;display:grid;position:absolute;top:12px;left:14px}@media (width<=640px){.session-content .checklist{grid-template-columns:1fr}}.session-content .today-box{border:1px solid var(--line-strong);border-left:4px solid var(--blue-dark);background:var(--paper-deep);margin:28px 0 36px;padding:22px 26px}.session-content .today-label{color:var(--blue-dark);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:800;margin:0 0 12px!important}.session-content .today-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-content .today-steps li{color:var(--ink);margin:0;font-size:.95rem;line-height:1.5}.session-content .today-steps li strong{color:var(--blue-dark)}.session-content .checkpoint{border:1px solid var(--line-strong);border-left:4px solid var(--blue);background:var(--paper-deep);margin:34px 0;padding:24px 26px}.session-content .checkpoint-label{color:var(--blue-dark);letter-spacing:.14em;text-transform:uppercase;font-size:.63rem;font-weight:800;margin:0 0 14px!important}.session-content .checkpoint ul,.session-content .checkpoint ol,.session-content .checkpoint>:last-child{margin-bottom:0}.session-content .checkpoint--recall{border-left-color:var(--coral);background:var(--paper)}.session-content .checkpoint--recall .checkpoint-label{color:var(--coral)}.session-content .checkpoint--start{border-left-color:var(--blue-dark);background:color-mix(in srgb, var(--paper-deep) 78%, var(--white));margin-top:-16px}.session-content .checkpoint--weekly{border-left-color:var(--ink);background:var(--white);box-shadow:0 10px 28px #1b273312}.session-content .checkpoint--weekly .checkpoint-label{color:var(--ink)}.session-content .practice-levels,.session-content .learning-priorities{border:1px solid var(--line-strong);background:var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:28px 0 34px;display:grid}.session-content .practice-levels>div,.session-content .learning-priorities>div{background:var(--white);align-content:start;gap:8px;min-width:0;padding:20px;display:grid}.session-content .practice-levels strong,.session-content .learning-priorities strong{color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.session-content .practice-levels span,.session-content .learning-priorities span{color:var(--ink-soft);font-size:.9rem;line-height:1.55}.session-content .practice-levels>div:last-child strong,.session-content .learning-priorities__extra strong{color:var(--coral)}.session-content .learning-priorities__essential{box-shadow:inset 0 4px 0 var(--blue-dark)}.session-content .learning-priorities__important{box-shadow:inset 0 4px 0 var(--blue)}.session-content .learning-priorities__extra{box-shadow:inset 0 4px 0 var(--coral)}@media (width<=720px){.session-content .practice-levels,.session-content .learning-priorities{grid-template-columns:1fr}}.session-content .aside{border:1px solid var(--line-strong);background:var(--paper);margin:30px 0}.session-content .aside>summary{color:var(--ink);cursor:pointer;padding:15px 22px;font-size:.86rem;font-weight:800;list-style:none}.session-content .aside>summary::-webkit-details-marker{display:none}.session-content .aside>summary:before{width:22px;color:var(--ink-soft);content:"+";font-weight:800;display:inline-block}.session-content .aside[open]>summary:before{content:"–"}.session-content .aside[open]>summary{border-bottom:1px solid var(--line)}.session-content .aside>:not(summary){margin-left:22px;margin-right:22px}.session-content .aside>:nth-child(2){margin-top:18px}.session-content .aside>:last-child{margin-bottom:18px}.session-content .aside--help>summary{color:var(--blue-dark)}.session-content .aside--extra{background:var(--paper-deep)}.session-content .aside--extra>summary{color:var(--ink-soft)}.session-content .stage{border-bottom:2px solid var(--blue);color:var(--blue-dark);letter-spacing:.14em;text-transform:uppercase;padding-bottom:9px;font-size:.63rem;font-weight:800;display:block;margin:46px 0 20px!important}.session-content .stage--guided{border-bottom-color:var(--coral);color:var(--coral)}.session-content .stage--solo{border-bottom-color:var(--ink);color:var(--ink)}.session-content .worked{border:1px solid var(--line-strong);border-left:4px solid var(--blue);background:var(--paper-deep);margin:24px 0 28px;padding:22px 26px}.session-content .worked dt{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:800}.session-content .worked dd{color:var(--ink);margin:6px 0 18px}.session-content .worked dd:last-child{margin-bottom:0}.session-content .rule{border:1px solid var(--line-strong);border-left:4px solid var(--gold);background:var(--paper);margin:34px 0;padding:24px 26px}.session-content .rule-label{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;font-size:.63rem;font-weight:800;margin:0 0 14px!important}.session-content .rule>:last-child{margin-bottom:0}.session-content pre code.language-java:before{content:"Java"}.session-content pre code.language-http:before{content:"HTTP"}.session-content pre code.language-xml:before{content:"pom.xml"}.session-content pre code.language-properties:before{content:"Configuración"}.session-content pre code.language-sql:before{content:"SQL"}
