/* AwakeBoxes · Entidad emisora: Awakelab · AWK-2026 */
:root {
  --asfalto-0:#011932; --asfalto-1:#012142; --asfalto-2:#01264C;
  --asfalto-3:#003260; --asfalto-4:#003670; --pista-line:#27334F;
  --destello-0:#D9FBFF; --destello-1:#19F7F1; --destello-2:#11EAEA;
  --destello-3:#0FCED3; --destello-4:#0ABCC9; --destello-5:#0B93AA;
  --soft-0:#F0F3FC; --soft-1:#E2E6F2; --steel:#72A3C4;
  --bg:var(--asfalto-0); --panel:var(--asfalto-1); --panel-soft:var(--asfalto-2);
  --text:var(--soft-0); --muted:var(--steel); --accent:var(--destello-1); --ink:var(--asfalto-0);
  --line:rgba(114,163,196,.2); --line-bright:rgba(114,163,196,.35);
  --ease:cubic-bezier(.16,.84,.34,1);
}
body{font-weight:300;background-color:var(--asfalto-0);background-image:repeating-linear-gradient(115deg,transparent 0 38px,rgba(39,51,79,.16) 38px 39px)}
h1,h2,h3,h4{font-weight:700}
.site-header{min-height:112px;height:auto;padding-block:28px;background:rgba(1,25,50,.94);backdrop-filter:blur(16px)}
.brand{display:block;flex-shrink:0}
.issuer-logo{display:block;width:184px;height:auto;max-height:none;object-fit:contain}
.brand-owner{color:var(--steel);font-size:12px;letter-spacing:.18em;font-weight:500;padding-left:30px;margin-left:8px}
.site-header nav{font-weight:500;gap:28px;color:var(--soft-1)}
.edition{color:var(--steel);font-size:12px;letter-spacing:.12em}
.edition>span{border-radius:3px;font-style:italic;font-weight:700;border-color:var(--destello-5)}
.intro{position:relative;isolation:isolate;grid-template-columns:1.25fr 1fr;gap:56px;padding-top:56px;padding-bottom:50px;min-height:490px}
.hero-photo{position:absolute;z-index:-1;inset:0 calc((1320px - 100vw)/2) 0 -48px;background-image:linear-gradient(90deg,var(--asfalto-0) 2%,rgba(1,25,50,.96) 27%,rgba(1,25,50,.77) 57%,rgba(1,25,50,.56)),linear-gradient(180deg,rgba(1,25,50,.4),transparent 45%,var(--asfalto-0)),url('./assets/awakeboxes-pitstop.jpg');background-position:center,right center;background-size:cover;pointer-events:none}
.intro-copy .eyebrow{margin-bottom:40px}
.product-logo{display:block;width:min(450px,100%);height:auto;margin-bottom:40px;object-fit:contain}
.intro h1{font-family:var(--font);font-size:clamp(38px,4.2vw,62px);line-height:1.09;letter-spacing:-.045em;font-weight:900;font-style:italic;margin:0 0 22px}
.intro h1>span{color:var(--soft-0)}
.intro-description{font-size:16px;line-height:1.8;max-width:560px;color:var(--soft-1);font-weight:300}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--destello-2)}
.eyebrow:before{content:'';width:30px;height:2px;flex-shrink:0;background:linear-gradient(90deg,var(--destello-2),transparent)}
.level-picker{background:rgba(1,33,66,.91);backdrop-filter:blur(18px);border-color:rgba(114,163,196,.4);padding:30px;border-radius:16px}
.level-picker h2{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.level-picker p{color:var(--soft-1);min-height:72px;line-height:1.7;font-weight:300}
.level-options{background:var(--asfalto-0);border-radius:8px;border-color:var(--pista-line)}
.level-options button{font-weight:500;font-size:14px;border-radius:5px;color:var(--steel);padding-inline:8px}
.level-options button[aria-pressed="true"]{box-shadow:none}
.level-note{line-height:1.65;color:var(--steel)}
.overline{font-weight:500;font-size:12px;letter-spacing:.1em;color:var(--steel)}
.level-dashes i{background:var(--pista-line)}
.section-heading h2,.quality-intro h2{font-weight:800;letter-spacing:-.04em}
.section-heading h2>span,.quality-intro h2>span{color:var(--steel)}
.section-heading h2 em{font-weight:900;font-style:italic;color:var(--soft-0)}
.section-description{font-size:16px;line-height:1.8;color:var(--steel);max-width:780px;margin-top:18px}
.pitstop-section{position:relative;padding-top:46px;padding-bottom:54px;border-top:1px solid var(--line)}
.pitstop-section .section-heading{gap:32px;margin-bottom:30px}
.race-number{font-size:104px;line-height:1.1;font-weight:900;font-style:italic;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px rgba(25,247,241,.38);flex-shrink:0;padding-right:18px;user-select:none}
.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.phase-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;padding:22px;background:rgba(1,38,76,.65);border:1px solid var(--pista-line);border-radius:12px;overflow:hidden;transition:background .25s var(--ease),border-color .25s,transform .25s var(--ease)}
.phase-card:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--destello-2),transparent);opacity:0;transition:opacity .25s}
.phase-card:hover{transform:translateY(-3px);border-color:var(--destello-5)}
.phase-card[aria-selected="true"]{background:var(--asfalto-2);border-color:var(--destello-4)}
.phase-card[aria-selected="true"]:after{opacity:1}
.phase-number{font-size:39px;line-height:1.1;font-weight:900;font-style:italic;color:transparent;-webkit-text-stroke:1.2px var(--steel);margin-bottom:20px}
.phase-card[aria-selected="true"] .phase-number{-webkit-text-stroke-color:var(--destello-2)}
.phase-race{color:var(--destello-3);font-size:12px;letter-spacing:.08em;line-height:1.6;font-weight:600;margin-bottom:8px}
.phase-card strong{font-size:17px;font-weight:600;line-height:1.4;min-height:48px}
.phase-card strong+span{font-size:14px;line-height:1.6;color:var(--steel);margin-top:10px}
.phase-panel{margin-top:16px;background:rgba(1,33,66,.84);border:1px solid var(--line-bright);border-radius:12px;padding:26px;display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;min-height:218px}
.phase-panel .phase-kicker{font-size:12px;font-weight:600;font-style:italic;letter-spacing:.09em;color:var(--destello-3);margin-bottom:10px}
.phase-panel h3{font-size:23px;font-weight:700;letter-spacing:-.035em;line-height:1.3;margin-bottom:12px}
.phase-panel p{font-size:15px;color:var(--steel);line-height:1.8}
.phase-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.phase-detail-list h4{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:8px;color:var(--soft-1)}
.phase-detail-list p{font-size:15px;color:var(--soft-1);font-weight:300}
.phase-action{display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:600;color:var(--destello-2);margin-top:18px}
.phase-action .icon{width:18px;height:18px}
.support-line{display:flex;gap:24px;align-items:baseline;margin-top:24px;flex-wrap:wrap}
.support-line>span{font-size:12px;letter-spacing:.08em;font-weight:500;color:var(--steel)}
.support-line p{font-size:14px;color:var(--soft-1);font-weight:300}
.support-line i{color:var(--destello-5);font-style:normal;margin-inline:8px}
.flow-section{padding-top:40px;padding-bottom:50px;border-top:1px solid var(--line)}
.section-line h2{font-weight:600;color:var(--steel);font-size:12px;letter-spacing:.12em}
.section-line p{color:var(--steel);font-size:14px}
.mode-card{background:linear-gradient(135deg,var(--asfalto-1),rgba(1,38,76,.75));border-color:var(--line-bright);border-radius:14px}
.mode-card:before{background:radial-gradient(ellipse at var(--pointer-x,90%) var(--pointer-y,0%),rgba(25,247,241,.08),transparent 65%)}
.mode-card.is-selected{background:linear-gradient(135deg,var(--asfalto-2),var(--asfalto-1));border-color:var(--destello-4)}
.mode-name{font-weight:900;font-style:italic;font-size:45px;letter-spacing:-.04em}
.mode-action{font-weight:600;font-size:18px;letter-spacing:-.025em;line-height:1.45}
.mode-description{font-weight:300;color:var(--steel);font-size:16px;line-height:1.7}
.mode-top .mode-number{border-radius:4px;color:var(--steel);border-color:var(--line-bright)}
.mode-icon{color:var(--soft-1)}
.selected-label{font-weight:600;letter-spacing:.08em}
.mode-bottom{color:var(--steel);font-size:12px;line-height:1.5}
.flow-footnote{color:var(--steel);line-height:1.8;font-size:14px}
.section-counter{font-family:var(--font);font-weight:900;font-style:italic;font-size:66px;color:var(--destello-5)}
.case-selector button{font-weight:500;color:var(--steel);border-radius:6px}
.case-selector button[aria-pressed="true"]{color:var(--asfalto-0);background:var(--soft-0);border-color:var(--soft-0)}
.case-brief{background:rgba(1,33,66,.85);border-color:var(--pista-line)}
.case-brief p{color:var(--soft-1);font-size:16px}
.case-brief .overline{color:var(--steel)}
.demo-badge{color:var(--steel);font-weight:500}
.lesson{background:var(--asfalto-1);border-color:var(--line-bright);border-radius:14px}
.lesson-header h3{font-weight:700;letter-spacing:-.03em}
.lesson-header p{line-height:1.8}
.lesson-level{font-weight:500;color:var(--soft-1);background:var(--asfalto-2);border-color:var(--pista-line)}
.lesson-kicker{font-weight:600;color:var(--destello-3)}
.panel-label{font-weight:600;color:var(--steel)}
.task-list strong{font-weight:600;letter-spacing:-.015em;color:var(--soft-0)}
.task-list p{font-weight:300;line-height:1.8;color:var(--steel)}
.task-num{font-weight:600;font-style:italic}
.handoff{background:rgba(11,147,170,.09);border-color:rgba(15,206,211,.2)}
.handoff .overline{color:var(--destello-3)}
.handoff p{color:var(--soft-1);line-height:1.8}
.prompt-panel{background:rgba(1,25,50,.88)}
.prompt-header label{color:var(--steel);font-weight:600;line-height:1.6}
.copy-button{border-color:var(--line-bright);background:var(--asfalto-2);color:var(--soft-1);font-weight:500}
.copy-button:hover{background:var(--asfalto-4)}
.prompt-input{font-family:var(--font);font-weight:300;font-size:16px;line-height:1.85;background:var(--asfalto-0);color:var(--soft-1);border-color:var(--pista-line);min-height:310px}
.prompt-hint{color:var(--steel);font-size:12px;line-height:1.7}
.sample-download{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--destello-3);padding-block:15px;border-bottom:1px solid var(--line);line-height:1.5}
.sample-download:hover{color:var(--destello-0)}
.sample-download .icon{width:18px;height:18px}
.example-output{border-color:var(--line-bright)}
.example-output summary{font-weight:500;color:var(--soft-1)}
.output-body{color:var(--steel);line-height:1.8}
.example-output .output-note{color:var(--steel)}
.review-strip strong{font-weight:600;color:var(--soft-1)}
.review-strip p{color:var(--steel)}
.review-strip .icon{color:var(--destello-4)}
.lesson-footer{background:var(--asfalto-2)}
.lesson-footer p{color:var(--soft-1);font-weight:300}
.next-button{font-weight:600;box-shadow:none;border-radius:6px}
.next-button:hover{background:var(--destello-0)}
.quality-intro>p:not(.eyebrow){color:var(--steel);font-weight:300}
.quality-progress>span{font-weight:500;color:var(--soft-1)}
.quality-progress progress,.quality-progress progress::-webkit-progress-bar{background:var(--pista-line)}
.check-item{background:var(--asfalto-1);border-color:var(--line-bright);border-radius:10px}
.check-item:has(input:checked){background:var(--asfalto-2);border-color:var(--destello-5)}
.check-item strong{font-weight:500;color:var(--soft-0)}
.check-item strong+span{color:var(--steel);font-weight:300}
.custom-check{border-color:var(--steel)}
.check-index{color:var(--steel);font-style:italic;font-weight:600}
.faq-section h2{font-weight:800;letter-spacing:-.04em}
.faq-list summary{font-weight:500;color:var(--soft-1)}
.faq-list summary .icon{color:var(--destello-4)}
.faq-list details>p{color:var(--steel);font-weight:300;line-height:1.8}
.closing-strip{background:linear-gradient(115deg,var(--asfalto-2),var(--asfalto-1));border-color:var(--destello-5);border-radius:12px}
.closing-strip p{color:var(--steel);font-weight:300}
.closing-strip strong{font-weight:600;color:var(--soft-0)}
.round-link{border-radius:6px}
.round-link:hover{transform:translateX(3px)}
.site-footer{padding-top:40px;padding-bottom:42px;gap:55px}
.footer-brand{padding-block:12px;gap:24px}
.footer-brand>span:last-child{color:var(--steel);font-weight:500}
.footer-info>p,.footer-date{color:var(--steel)}
.source-links a{color:var(--soft-1);font-weight:400;text-decoration-color:var(--steel)}
.toast{border-radius:6px;font-weight:500}
@media(max-width:1416px){.hero-photo{right:-48px}}
@media(max-width:1180px){.hero-photo{right:-32px;left:-32px}.intro{gap:32px;grid-template-columns:1.1fr 1fr}.level-picker{padding:24px}.level-options{flex-wrap:wrap}.level-options button{flex-basis:calc(50% - 4px)}.level-options button:last-child{flex-basis:100%}.level-picker h2{font-size:22px}.product-logo{width:min(410px,100%)}.issuer-logo{width:168px}.brand-owner{padding-left:24px}.phase-card{padding:20px 18px}.phase-card strong{font-size:16px;min-height:46px}.phase-race{letter-spacing:0}.phase-panel{gap:28px}.mode-action{font-size:17px}.case-selector{gap:8px}}
@media(max-width:920px){.intro{grid-template-columns:1fr 1fr;gap:26px}.intro h1{font-size:43px}.phase-grid{grid-template-columns:repeat(2,1fr)}.phase-card strong{min-height:0}.phase-card{padding:22px}.phase-panel{grid-template-columns:1fr;gap:24px}.phase-number{margin-bottom:15px}.mode-name{font-size:39px}.mode-action{font-size:16px}.mode-description{font-size:15px}.site-header nav{gap:22px}.lesson-grid{grid-template-columns:1fr}.lesson-left{border-right:none}.task-list strong{font-size:16px}.task-list p{font-size:15px}}
@media(max-width:700px){.site-header{padding:24px 18px;min-height:88px}.issuer-logo{width:148px;max-height:none}.site-header nav{font-size:12px;gap:12px}.intro{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:36px;min-height:0}.hero-photo{left:-18px;right:-18px;background-image:linear-gradient(90deg,rgba(1,25,50,.94),rgba(1,25,50,.88)),linear-gradient(180deg,transparent,var(--asfalto-0)),url('./assets/awakeboxes-pitstop.jpg');background-position:center}.intro-copy .eyebrow{margin-bottom:28px}.product-logo{width:min(350px,92%);margin-bottom:28px}.intro h1{font-size:clamp(32px,7.8vw,45px);line-height:1.15;margin-bottom:20px}.intro-description{font-size:16px;line-height:1.8}.level-picker{padding:22px}.level-picker h2{font-size:21px}.level-picker p{min-height:0}.level-options{flex-wrap:nowrap}.level-options button,.level-options button:last-child{flex-basis:auto;font-size:14px;padding-inline:7px}.level-options button{white-space:normal;line-height:1.35;min-height:44px}.overline{font-size:12px;line-height:1.7}.pitstop-section{padding-top:36px;padding-bottom:36px}.section-heading h2{font-size:29px;line-height:1.2}.section-description{font-size:15px;line-height:1.8}.race-number{display:none}.phase-grid{gap:10px}.phase-card{padding:18px 15px}.phase-number{font-size:34px}.phase-card strong{font-size:15px;min-height:44px;line-height:1.5}.phase-card strong+span{font-size:14px;margin-top:8px}.phase-race{font-size:12px;line-height:1.5;min-height:36px;letter-spacing:.015em}.phase-panel{padding:22px;gap:24px}.phase-panel h3{font-size:22px}.phase-detail-list{grid-template-columns:1fr;gap:20px}.phase-panel p,.phase-detail-list p{font-size:16px;line-height:1.8}.support-line{gap:10px}.support-line p{font-size:14px;line-height:1.8}.support-line i{margin-inline:4px}.flow-section{padding-top:34px;padding-bottom:36px}.section-line{margin-bottom:20px}.section-line p{font-size:14px}.mode-card{padding:16px 12px 0}.mode-name{font-size:29px;letter-spacing:-.055em}.mode-action{font-size:14px;line-height:1.5;min-height:44px}.mode-description{display:none}.mode-bottom{font-size:12px}.mode-top{gap:8px}.mode-top .mode-number{border-radius:3px}.mode-icon{width:19px;height:19px}.lesson-header h3{font-size:26px}.task-list strong{font-size:17px}.task-list p{font-size:16px}.prompt-panel{padding:20px}.prompt-header label{font-size:12px;letter-spacing:.06em}.prompt-input{min-height:350px;font-size:16px}.check-item{padding:20px 17px}.quality-intro h2{font-size:32px}.quality-section .eyebrow{font-size:12px;line-height:1.7}.closing-strip p{font-size:17px}.site-footer{padding-block:34px}.footer-brand{gap:22px}.footer-brand .issuer-logo{width:154px}.footer-info{margin-top:30px}.source-links a{margin-left:0;margin-right:14px}}
@media(max-width:360px){.site-header nav{gap:12px}.issuer-logo{width:128px}.mode-card{padding-inline:10px}.mode-name{font-size:26px}.mode-top{gap:6px}.phase-card{padding:16px 13px}.phase-card strong{font-size:14px}.phase-card strong+span{font-size:14px}.level-options{flex-wrap:wrap}.level-options button{flex:1 1 40%}.level-options button:last-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.phase-card{transition:none}.phase-card:hover,.round-link:hover{transform:none}}
@media print{body{background:var(--soft-0);color:var(--asfalto-0)}.hero-photo,.phase-grid,.support-line,.race-number{display:none}.intro{display:block;min-height:0;padding:28px 0}.intro h1,.intro h1>span{font-size:36px;color:var(--asfalto-0)}.intro-description,.section-description,.phase-panel p,.phase-detail-list p{color:var(--asfalto-0)}.phase-panel{display:block;background:var(--soft-0);color:var(--asfalto-0);break-inside:avoid}.phase-detail-list{margin-top:20px}.phase-detail-list h4,.phase-panel h3{color:var(--asfalto-0)}.lesson,.prompt-panel,.handoff,.check-item,.case-brief,.lesson-footer{background:var(--soft-0)}.task-list strong,.task-list p,.handoff p,.prompt-input,.lesson-header p,.lesson-footer p{color:var(--asfalto-0)}.prompt-input{background:var(--soft-0)}.sample-download{display:none}}

/* Programa · recorridos de Claude Team */
.programa-section{position:relative;padding-top:46px;padding-bottom:54px;border-top:1px solid var(--line)}
.programa-section .section-heading{gap:32px;margin-bottom:30px}
.route-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.route-tab{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px 22px;background:rgba(1,38,76,.65);border:1px solid var(--pista-line);border-radius:12px;transition:border-color .25s,background .25s,transform .25s var(--ease)}
.route-tab:hover{transform:translateY(-3px);border-color:var(--destello-5)}
.route-tab[aria-selected="true"]{background:var(--asfalto-2);border-color:var(--destello-4)}
.route-num{font-size:34px;line-height:1.1;font-weight:900;font-style:italic;color:transparent;-webkit-text-stroke:1.2px var(--steel);margin-bottom:12px}
.route-tab[aria-selected="true"] .route-num{-webkit-text-stroke-color:var(--destello-2)}
.route-tab strong{font-size:17px;font-weight:600;line-height:1.35;color:var(--soft-0)}
.route-tab>span:last-child{font-size:13px;color:var(--steel);margin-top:6px;line-height:1.5}
.route-panel{margin-top:16px;background:rgba(1,33,66,.84);border:1px solid var(--line-bright);border-radius:12px;padding:26px;display:grid;gap:22px}
.route-head h3{font-size:23px;font-weight:700;letter-spacing:-.035em;line-height:1.3;margin-bottom:10px}
.route-head p{font-size:15px;color:var(--steel);line-height:1.8;max-width:820px}
.route-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.route-steps li{display:flex;gap:14px;align-items:flex-start}
.route-steps .task-num{font-size:12px;line-height:1.4;min-width:24px;margin-top:4px;color:var(--destello-2);font-weight:600;font-style:italic}
.route-steps strong{display:block;font-size:16px;line-height:1.4;font-weight:600;color:var(--soft-0);margin-bottom:6px}
.route-steps p{font-size:15px;line-height:1.7;color:var(--steel);font-weight:300}
.route-check{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:10px;background:rgba(11,147,170,.09);border:1px solid rgba(15,206,211,.2)}
.route-check .icon{width:20px;height:20px;color:var(--destello-2);margin-top:3px}
.route-check .overline{display:block;color:var(--destello-3);font-size:12px;letter-spacing:.1em;font-weight:600;margin-bottom:6px}
.route-check p{font-size:15px;line-height:1.7;color:var(--soft-1)}
.claude-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.ct{padding:20px 22px;border:1px solid var(--pista-line);border-radius:12px;background:rgba(1,25,50,.6);display:grid;gap:8px;align-content:start}
.ct .mode-number{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--line-bright);font-size:12px;color:var(--steel)}
.ct strong{font-size:22px;font-weight:900;font-style:italic;letter-spacing:-.03em;color:var(--soft-0)}
.ct p{font-size:14px;line-height:1.7;color:var(--steel);font-weight:300}
@media(max-width:920px){.route-tabs{grid-template-columns:1fr}.route-steps{grid-template-columns:1fr}.claude-tools{grid-template-columns:1fr}}
@media(max-width:700px){.programa-section{padding-top:36px;padding-bottom:36px}.route-panel{padding:22px}.route-head h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.route-tab{transition:none}.route-tab:hover{transform:none}}

.site-header nav .back-link{color:var(--destello-2);font-weight:600}
.footer-brand a{color:var(--destello-2)}