/* CEEJAY role discovery. The home banners keep the existing welcome artwork. */
.home-student-banner{margin-top:14px}
[data-screen="inicio"] .welcome-card .button-orange{color:#fff}
.role-guide{--guide-orange:#ff5a1f;--guide-blue:#1457ff;--guide-ink:#020c2d;--guide-line:#b8ceff;color:var(--guide-ink);max-width:1220px;margin-inline:auto}
.role-guide button{font-family:inherit;cursor:pointer}
.role-guide button:focus-visible,.role-guide summary:focus-visible{outline:3px solid var(--guide-orange);outline-offset:4px}
.guide-hero,.guide-final{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,#2b7bff 0%,#1457ff 52%,#0736a4 100%);color:white;border:1px solid #7bafff}
.guide-hero::after,.guide-final::after{content:"";position:absolute;right:-70px;top:-160px;width:330px;height:330px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 36px #ffffff08,0 0 0 80px #ffffff04;z-index:-1}
.guide-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:335px;padding:30px;gap:20px}
.guide-hero-copy{min-width:0}.role-guide .eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;line-height:1.4}
.guide-hero .eyebrow,.guide-final .eyebrow{color:#ffab7b}
.guide-hero h1,.guide-final h2{font:800 clamp(32px,4.4vw,56px)/.98 "Avenir Next Condensed","Arial Narrow",Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:14px 0}
.guide-hero em,.guide-final em{color:var(--guide-orange);font-style:normal}
.guide-hero p{font-size:14px;line-height:1.6;max-width:540px;margin:0 0 18px;color:#e6efff}
.guide-hero small{display:block;font-size:11px;line-height:1.5;color:#d7e6ff;margin-top:13px;max-width:510px}
.guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.role-guide .button{font-size:11px;padding:13px 17px;min-height:44px;border-radius:12px;white-space:normal;text-align:center}
.guide-ghost,.guide-outline{border:1px solid #ffffff50;border-radius:12px;background:#ffffff10;color:white;min-height:44px;padding:10px 14px;font-size:12px;font-weight:750;text-align:left}.guide-outline{background:white;color:#0736a4;border-color:#b8ceff}
.guide-art{width:100%;max-width:385px;margin:auto;text-align:center}.guide-art>span{font-size:8px;letter-spacing:.2em;font-weight:800;color:#deebff}.guide-network{display:block;width:100%;height:auto;overflow:visible}.guide-network .guide-art-node{transform-box:fill-box;transform-origin:center}
.guide-index{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 28px;padding:0 2px}.guide-index button{background:transparent;border:1px solid #b8ceff;border-radius:99px;color:#0736a4;padding:8px 13px;font-size:11px;font-weight:750;min-height:36px}.guide-index button:hover{background:#dbe7ff;border-color:#1457ff}
.guide-section{margin:0 0 34px;scroll-margin-top:12px}.guide-section-heading{margin-bottom:16px;max-width:750px}.guide-section-heading h2,.guide-faq h2{font:800 clamp(25px,3vw,36px)/1.05 "Avenir Next Condensed","Arial Narrow",Impact,sans-serif;letter-spacing:-.015em;text-transform:uppercase;margin:7px 0 10px}.guide-section-heading p{font-size:13px;line-height:1.6;color:#526988;margin:0;max-width:640px}
.guide-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.guide-feature{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid #ccd9ee;border-top:3px solid var(--guide-blue);border-radius:17px;padding:19px;position:relative;overflow:hidden}.guide-feature::after{content:"";position:absolute;right:-29px;top:-29px;width:84px;height:84px;border:1px solid #1457ff12;border-radius:50%;box-shadow:0 0 0 16px #1457ff05;pointer-events:none}
.guide-feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf2ff;color:#1457ff;margin-bottom:13px}.role-guide svg:not(.guide-network){width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.guide-feature h3{font-size:16px;line-height:1.25;margin:0 0 8px;color:#123269;max-width:260px}.guide-feature p{font-size:12px;line-height:1.65;margin:0 0 13px;color:#526988}.guide-link{display:flex;gap:8px;align-items:center;margin-top:auto;padding:5px 0;border:0;background:transparent;color:#0736a4;font-size:11px;font-weight:800;min-height:32px;text-align:left}.guide-link svg{width:14px!important;height:14px!important}
.guide-offer-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px}.guide-choice-row{display:flex;flex-wrap:wrap;gap:7px}.guide-choice-row button{background:white;color:#123269;border:1px solid #b8ceff;padding:10px 13px;min-height:40px;border-radius:11px;font-size:11px;font-weight:750}.guide-choice-row button[aria-pressed=true]{background:#1457ff;color:white;border-color:#1457ff;box-shadow:inset 0 -3px #ff5a1f}
.guide-custom-list{padding:0;list-style:none;margin:18px 0}.guide-custom-list li{font-size:13px;line-height:1.5;margin-bottom:8px;position:relative;padding-left:17px}.guide-custom-list li::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:#ff5a1f;border-radius:50%}.guide-small{font-size:10px;line-height:1.6;color:#526988;max-width:470px}
.guide-offer-demo{--offer-color:#008f3a;background:white;border:1px solid #b8ceff;border-top:5px solid var(--offer-color);border-radius:19px;box-shadow:0 16px 38px #0736a414;padding:23px;position:relative;overflow:hidden}.guide-demo-label{display:block;font-size:8px;letter-spacing:.15em;font-weight:800;color:#66809f;margin-bottom:20px}.guide-demo-kind{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--offer-color)}.guide-offer-demo h3{font:800 29px/1.05 "Avenir Next Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;margin:10px 0;color:#020c2d}.guide-offer-demo p{font-size:12px;line-height:1.6;color:#526988;margin:0 0 14px}.guide-demo-tags{display:flex;flex-wrap:wrap;gap:6px}.guide-demo-tags span{background:#edf2ff;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:700;color:#0736a4}.guide-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 15px}.guide-price-grid div{background:#f5f8ff;border:1px solid #d7e1f2;border-radius:11px;padding:11px}.guide-price-grid span{display:block;font-size:10px;color:#526988;margin-bottom:4px}.guide-price-grid strong{font-size:17px;color:#0736a4}.guide-offer-demo small{font-size:9px;color:#66809f}
.guide-agenda-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.guide-agenda-card{background:#f8faff;border:1px solid #b8ceff;border-top:4px solid var(--event-color);border-radius:16px;padding:18px}.guide-agenda-card svg{color:var(--event-color);margin-bottom:12px}.guide-agenda-card>span{display:block;font-size:9px;font-weight:800;letter-spacing:.17em;color:var(--event-color)}.guide-agenda-card h3{margin:7px 0;font-size:17px;color:#123269}.guide-agenda-card p{font-size:12px;line-height:1.6;color:#526988;margin:0}
.role-guide [data-kind=class]{--event-color:#008f3a}.role-guide [data-kind=rehearsal]{--event-color:#1457ff}.role-guide [data-kind=meeting]{--event-color:#43b83d}
.guide-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px}.guide-steps li{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-top:1px solid #b8ceff}.guide-steps li>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#1457ff;color:white;font-size:12px;font-weight:850;box-shadow:0 3px #ff5a1f;flex-shrink:0}.guide-steps h3{font-size:14px;margin:1px 0 8px;line-height:1.25;color:#123269}.guide-steps p{font-size:12px;line-height:1.6;color:#526988;margin:0}
.guide-faq{margin-bottom:30px}.guide-faq details{border-bottom:1px solid #b8ceff;padding:0 14px;background:#ffffff70}.guide-faq details:first-of-type{border-top:1px solid #b8ceff;border-radius:12px 12px 0 0}.guide-faq summary{font-size:13px;line-height:1.4;font-weight:750;color:#123269;padding:15px 25px 15px 0;list-style:none;position:relative;cursor:pointer}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary::after{content:"+";position:absolute;right:0;top:10px;color:#1457ff;font-size:23px;font-weight:500}.guide-faq details[open] summary::after{content:"−";color:#ff5a1f}.guide-faq details p{font-size:12px;line-height:1.7;color:#526988;margin:0 0 16px;max-width:760px}
.guide-final{padding:28px}.guide-final h2{font-size:clamp(29px,4vw,46px);margin:12px 0 19px}
.guide-day-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:center}.guide-day-controls{display:grid;gap:9px}.guide-day-controls button{display:flex;gap:12px;align-items:center;border:1px solid #c1d2f2;border-radius:15px;padding:16px;background:#ffffff80;color:#123269;text-align:left}.guide-day-controls button[aria-pressed=true]{background:white;border-color:#1457ff;box-shadow:inset 4px 0 #ff5a1f,0 7px 18px #0736a409}.guide-day-controls b{display:block;font-size:14px}.guide-day-controls small{display:block;font-size:11px;line-height:1.4;color:#66809f;margin-top:4px}.guide-day-controls svg{color:#1457ff}
.guide-day-demo{background:linear-gradient(125deg,#226cff,#0736a4);color:white;border:1px solid #82a9ff;border-top:5px solid #ff5a1f;border-radius:19px;padding:23px;min-height:290px}.guide-day-demo .guide-demo-label{color:#aacaff;margin-bottom:17px}.guide-day-demo h3{font:800 28px/1.05 "Avenir Next Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;margin:0 0 8px}.guide-day-demo p{font-size:12px;line-height:1.6;color:#e5efff;margin:0 0 14px}.guide-day-demo small{display:block;font-size:10px;line-height:1.5;color:#d7e6ff;margin:12px 0}.guide-day-demo .guide-ghost{margin-top:10px}.guide-example-event{border:1px solid #ffffff65;border-left:4px solid var(--event-color);background:#020c2d80;border-radius:10px;padding:11px 13px;margin-top:8px}.guide-example-event>span{display:block;font-size:8px;letter-spacing:.17em;color:#c9e0ff;margin-bottom:3px}.guide-example-event b{font-size:13px;line-height:1.4}.guide-learning-bars{display:flex;gap:5px;margin:14px 0}.guide-learning-bars i{width:40px;height:6px;border-radius:99px;background:#ffffff40}.guide-learning-bars i:first-child,.guide-learning-bars i:nth-child(2){background:#ff5a1f}.guide-mini-crew{display:flex;align-items:center;gap:11px;margin:16px 0}.guide-mini-crew span{display:grid;place-items:center;background:#1457ff;border:1px solid #98bbff;border-radius:50%;width:39px;height:39px}.guide-mini-crew span:nth-child(2){background:#ff5a1f}
.guide-motion [data-guide-reveal]{transition:opacity .45s ease,transform .45s ease}.guide-motion [data-guide-reveal]:not(.is-visible){opacity:0;transform:translateY(12px)}
.guide-motion .guide-art.is-visible .guide-connections{animation:guide-flow 9s linear infinite}.guide-motion .guide-art.is-visible .guide-art-node{animation:guide-float 5s ease-in-out infinite;animation-delay:var(--node-delay)}.guide-motion .guide-art.is-visible .guide-orbit-dot{transform-origin:180px 140px;animation:guide-orbit 22s linear infinite}
@keyframes guide-flow{to{stroke-dashoffset:-44}}@keyframes guide-float{50%{translate:0 -4px}}@keyframes guide-orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.guide-hero{padding:24px;grid-template-columns:1.15fr 1fr;min-height:300px}.guide-hero h1{font-size:38px}.guide-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-offer-layout{gap:16px}.guide-hero p{font-size:13px}}
@media(max-width:600px){.home-student-banner{margin-top:12px}.guide-hero{grid-template-columns:1fr;padding:20px;gap:6px;border-radius:18px}.guide-hero h1{font-size:34px}.guide-hero p{font-size:12px;line-height:1.55}.guide-art{max-width:260px;margin-top:8px}.guide-art>span{font-size:7px}.guide-index{gap:5px;margin:12px 0 24px}.guide-index button{font-size:10px;padding:8px 10px}.guide-section{margin-bottom:26px}.guide-section-heading h2{font-size:27px}.guide-section-heading p{font-size:12px}.guide-feature{padding:15px;border-radius:14px}.guide-feature-icon{width:35px;height:35px;margin-bottom:10px}.guide-feature h3{font-size:14px}.guide-feature p{font-size:11px;line-height:1.55}.guide-link{font-size:10px}.guide-feature-grid{gap:8px}.guide-offer-layout,.guide-day-layout{grid-template-columns:1fr}.guide-offer-demo,.guide-day-demo{padding:19px}.guide-custom-list{margin:14px 0}.guide-agenda-grid,.guide-steps{grid-template-columns:1fr;gap:8px}.guide-agenda-card{padding:15px;display:grid;grid-template-columns:30px 1fr;gap:0 11px}.guide-agenda-card svg{grid-row:1/4;margin-bottom:0}.guide-agenda-card h3,.guide-agenda-card p,.guide-agenda-card>span{grid-column:2}.guide-steps li{padding:13px 0}.guide-day-controls{grid-template-columns:1fr;gap:7px}.guide-day-controls button{padding:12px 14px}.guide-day-controls b{font-size:13px}.guide-day-controls small{font-size:10px}.guide-final{padding:21px}.guide-final h2{font-size:32px}.guide-faq summary{font-size:12px}.role-guide .eyebrow{font-size:9px}}
@media(max-width:360px){.guide-feature-grid{grid-template-columns:1fr}.guide-hero h1{font-size:30px}.guide-feature p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.role-guide *{animation:none!important;transition:none!important}.guide-motion [data-guide-reveal]:not(.is-visible){opacity:1;transform:none}}

@media(max-width:600px){.guide-hero h1{font-size:31px}.guide-art{max-width:205px}.guide-hero .guide-actions{gap:8px}.guide-hero .button{font-size:10px;padding:11px 12px}.guide-hero .guide-ghost{font-size:11px;padding:10px 11px}.guide-hero small{font-size:10px;margin-top:10px}.guide-hero p{margin-bottom:14px}}