/* TutoNaye v4.1 | Página informativa real, contrastes y un solo explorador de Drive */
:root {--tn-ink:#311052;--tn-text:#43225d;--tn-royal:#6413ad;--tn-mist:#fcf7ff}
body {color:var(--tn-ink)}
.hero-note,.muted,.tiny-caption,.eyebrow,.drive-explorer-heading p {color:#5a3376}
.yomi-slide .hero-note {color:#5a3376;font-weight:700}
.brand small {color:#623780;font-weight:700}
.tutor-profile .eyebrow {color:#632297}
.tuto-profile-points small {color:#57366e;font-size:11px}
#classroomView .drive-explorer-heading h2 {color:#321052;line-height:1.2}
#classroomView .drive-explorer-heading p {margin:5px 0 0;font-size:15px;font-weight:600;line-height:1.5}
#classroomView .drive-explorer-heading .eyebrow {color:#68239b!important}
#classroomView .classroom-banner .eyebrow {color:#461775!important;background:#faf0ff!important;font-weight:900;box-shadow:0 2px 8px #40107317}
#classroomView .drive-folder-card strong {color:#2f0b54}
#classroomView .banner-copy p:not(.eyebrow) {color:#fff!important;text-shadow:0 1px 1px #38105875}
#classroomView .drive-folder-card {border-color:#c693f8}
#classroomView .drive-file-card strong {color:#321052}
#classroomView .classroom-bottom-note {display:none}
#como-funciona {scroll-margin-top:112px}
.section-kicker{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:#edd1ff;color:#5b168d;font:900 12px Poppins,sans-serif;letter-spacing:.09em}
.how-it-works,.journey-section,.faq-section{position:relative;margin-top:32px;margin-bottom:65px}
.how-intro,.journey-intro{text-align:center;max-width:780px;margin:0 auto 25px}
.how-intro h2,.journey-intro h2,.faq-copy h2{font:900 clamp(29px,3.6vw,47px)/1.16 Poppins,sans-serif;color:#37105c;letter-spacing:-.035em;margin:14px 0}
.how-intro h2 span,.journey-intro h2 span,.faq-copy h2 span{color:#8f27db}
.how-intro p,.journey-intro p,.faq-copy p{color:#503269;font-size:16px;line-height:1.75;margin:0}
.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;counter-reset:how}
.how-step{position:relative;border:1.5px solid #d8b6fa;border-radius:27px;padding:27px 25px 30px;background:linear-gradient(135deg,#fff,#faf0ff);box-shadow:0 12px 27px #5c199119;min-height:230px;transition:transform .2s ease,box-shadow .2s ease}
.how-step:hover{transform:translateY(-5px);box-shadow:0 18px 30px #5c19912c}
.how-number{position:absolute;right:21px;top:19px;color:#9656be;font:900 17px Poppins,sans-serif}
.how-step-icon{width:66px;height:66px;border-radius:21px;background:linear-gradient(135deg,#ecd0ff,#d6a9fa);display:grid;place-items:center;font-size:31px;margin-bottom:17px;box-shadow:0 6px 13px #7b3dbd20}
.how-step h3{font:900 20px Poppins,sans-serif;line-height:1.3;color:#3c126a;margin:0 0 8px}
.how-step p{margin:0;line-height:1.65;font-size:14px;color:#4f3365}
.how-cta{margin-top:23px;border-radius:26px;padding:27px 32px;background:linear-gradient(105deg,#43147b,#8620ce 62%,#a93df2);box-shadow:0 14px 34px #55149834;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.how-cta>div>span{display:block;font:900 11px Poppins;letter-spacing:.1em;color:#f9ddff}
.how-cta h3{font:900 clamp(22px,2.6vw,31px) Poppins,sans-serif;margin:7px 0;color:#fff;line-height:1.3}
.how-cta p{margin:0;color:#f5e2ff;font-size:14px}
.how-cta .btn{background:#fff!important;color:#541083!important;box-shadow:0 8px 18px #2c0c6430;border-radius:15px;white-space:nowrap}
.how-cta .btn:hover{background:#fff5ff!important;transform:translateY(-2px)}
.journey-section{border-radius:34px;padding:40px 31px 25px;background:linear-gradient(135deg,#f4e3ff,#fff8ff 58%,#f5e8ff);border:1px solid #dfbdfa;box-shadow:0 14px 30px #631ba416}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.journey-card{border-radius:23px;border:1px solid #dfbefa;background:white;box-shadow:0 8px 15px #57138c14;padding:24px 20px;display:flex;align-items:center;gap:15px}
.journey-emoji{flex:none;display:grid;place-items:center;width:61px;height:61px;border-radius:18px;background:#edcffd;font-size:30px}
.journey-card strong{font:900 17px Poppins;color:#3b116c;display:block}
.journey-card p{margin:5px 0 0;font-size:13px;color:#573675;line-height:1.55}
.journey-privacy{font-size:13px;font-weight:800;text-align:center;color:#642889;margin:25px 0 0}
.faq-section{display:grid;grid-template-columns:minmax(235px,.78fr) minmax(0,1.25fr);gap:39px;align-items:start}
.faq-copy{padding:18px 2px 0}.faq-copy h2{margin:13px 0 13px}.faq-copy .btn{margin-top:20px;font-weight:900}
.faq-items{display:grid;gap:11px}
.faq-items details{background:#fff;border-radius:21px;border:1.5px solid #dbc0f5;box-shadow:0 7px 14px #4e138912;overflow:hidden}
.faq-items summary{cursor:pointer;padding:19px 22px;font:800 15px Poppins;color:#3c1365;display:flex;align-items:center;gap:16px;justify-content:space-between;list-style:none}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary>span{display:inline-grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:#eddbff;color:#6518ac;font-size:21px;transition:transform .2s}
.faq-items details[open] summary>span{transform:rotate(45deg)}
.faq-items details[open] summary{border-bottom:1px solid #eddbfb}
.faq-items details p{color:#50336d;line-height:1.7;margin:0;padding:14px 22px 20px;font-size:14px}
.faq-items summary:focus-visible,.how-cta button:focus-visible{outline:3px solid #ffca40;outline-offset:3px}
#classroomView .drive-explorer-heading{padding:0 0 4px;border-bottom:1px solid #e9d4f7}
#classroomView .drive-file-grid{margin-top:12px}
#classroomView .breadcrumb{color:#6b3985}
/* Los datos de Drive se muestran una sola vez, sin segundo banner morado */
@media(max-width:900px){.faq-section{grid-template-columns:1fr;gap:18px}.journey-grid{grid-template-columns:1fr}.how-steps{grid-template-columns:1fr}.how-step{min-height:unset}.how-cta{padding:23px;align-items:flex-start}.journey-section{padding:29px 20px}}
@media(max-width:600px){#como-funciona{scroll-margin-top:91px}.how-it-works,.journey-section,.faq-section{margin-top:25px;margin-bottom:47px}.how-intro h2,.journey-intro h2,.faq-copy h2{font-size:29px}.how-intro p,.journey-intro p,.faq-copy p{font-size:14px}.how-step{padding:19px}.how-cta{flex-direction:column;align-items:stretch;gap:18px}.how-cta .btn{width:100%;white-space:normal}.journey-card{padding:15px 12px}.journey-emoji{width:49px;height:49px;font-size:25px}.faq-items summary{font-size:13px;padding:17px}.faq-copy{padding:0}}
@media(prefers-reduced-motion:reduce){.how-step,.faq-items summary>span{transition:none!important}}