:root{--ink:#172033;--muted:#667085;--brand:#5a52e7;--brand2:#00b8a9;--sky:#55c7ff;--yellow:#ffd166;--pink:#ff6fae;--soft:#f6f7fb;--card:#fff;--border:#e7e9f2;--danger:#e5484d;--ok:#1f9d67}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,sans-serif;background:linear-gradient(180deg,#fff 0,#fafbff 45%,#f7fbff 100%);color:var(--ink);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}h1,h2,h3,h4,.navbar-brand{font-family:Poppins,sans-serif}.app-nav{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,233,242,.8);padding-top:max(.5rem,env(safe-area-inset-top))}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#7b72ff);color:#fff;box-shadow:0 8px 24px rgba(90,82,231,.28)}.btn-brand{background:linear-gradient(135deg,var(--brand),#766cff);border:0;color:#fff;border-radius:14px;padding:.7rem 1rem;font-weight:800;box-shadow:0 10px 25px rgba(90,82,231,.2)}.btn-brand:hover{color:#fff;transform:translateY(-1px)}.btn-soft{background:#f0f2fa;border:1px solid var(--border);border-radius:13px;color:var(--ink)}.hero{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7rem) 0 3rem}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.18}.hero:before{width:420px;height:420px;background:var(--pink);right:-120px;top:-120px}.hero:after{width:320px;height:320px;background:var(--sky);left:-120px;bottom:-140px}.badge-soft{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:#efefff;color:#5148d6;font-weight:800;font-size:.85rem}.hero h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:800;line-height:1.03;letter-spacing:-.04em}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:700px}.hero-card,.panel,.feature-card,.stat-card{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 55px rgba(41,49,91,.09)}.hero-card{padding:1.25rem;transform:rotate(1deg)}.mini-row{display:flex;gap:.75rem;align-items:center;padding:.75rem;border-radius:16px;background:#fff;margin:.55rem 0;border:1px solid #eef0f6}.avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--brand2),#58d7cc)}.feature-card{padding:1.35rem;height:100%;transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(41,49,91,.13)}.feature-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:1.35rem;margin-bottom:.9rem}.bg-purple{background:#eceaff;color:#5a52e7}.bg-green{background:#def9f3;color:#0a8d80}.bg-yellow{background:#fff4cf;color:#a36a00}.bg-pink{background:#ffe5f0;color:#c13b79}.section{padding:4.5rem 0}.section-title{max-width:780px;margin:0 auto 2.5rem;text-align:center}.section-title h2{font-weight:800;letter-spacing:-.025em}.dashboard-shell{min-height:100vh;background:#f6f7fb}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#151a2e;color:#fff;padding:calc(1.25rem + env(safe-area-inset-top)) 1rem 1rem;z-index:1030}.sidebar a{color:#cbd0e4;text-decoration:none;display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:13px;margin:.2rem 0}.sidebar a:hover,.sidebar a.active{background:#252c4a;color:#fff}.content{margin-left:250px;padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.panel{padding:1.2rem}.stat-card{padding:1.1rem}.stat-card .number{font:800 1.9rem Poppins}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-ok{background:var(--ok)}.status-warn{background:#f4a340}.status-danger{background:var(--danger)}.table-modern{--bs-table-bg:transparent}.table-modern tbody tr{border-color:#eceef5}.form-control,.form-select{border-radius:13px;border-color:#dde1ec;padding:.7rem .85rem}.form-control:focus,.form-select:focus{border-color:#a8a2ff;box-shadow:0 0 0 .25rem rgba(90,82,231,.12)}.wizard-step{display:none}.wizard-step.active{display:block}.choice-card{border:2px solid #eceef5;border-radius:18px;padding:1rem;cursor:pointer;transition:.2s;background:#fff;height:100%}.choice-card:hover,.choice-card.selected{border-color:var(--brand);box-shadow:0 8px 25px rgba(90,82,231,.1)}.scan-box{min-height:260px;border:2px dashed #cfd5e7;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#fbfbff,#f7fffd);text-align:center;padding:2rem}.big-action{font-size:1.1rem;padding:1rem 1.25rem;border-radius:18px}.footer-safe{padding-bottom:max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff}.mobile-top{display:none}.toast-container{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:991.98px){.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.content{margin-left:0;padding:1rem;padding-top:calc(4.4rem + env(safe-area-inset-top))}.mobile-top{display:flex;position:fixed;z-index:1025;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:calc(.6rem + env(safe-area-inset-top)) .9rem .6rem;align-items:center;justify-content:space-between}.hero{padding-top:3.2rem}.hero-card{transform:none}}
.help-dot{color:var(--brand);text-decoration:none}.tip-card{display:flex;gap:.7rem;align-items:flex-start;background:linear-gradient(135deg,#fff7d6,#fff);border:1px solid #ffe59b;border-radius:18px;padding:.8rem 1rem;max-width:380px}.tip-card>i{font-size:1.25rem;color:#d28a00}.colorful-panel{background:linear-gradient(135deg,#fff,#f7f5ff)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eef0f6}.setting-row:last-child{border-bottom:0}.interest-card{background:linear-gradient(135deg,#5a52e7,#00b8a9);color:#fff;border:0;border-radius:30px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 25px 70px rgba(61,70,150,.25)}.interest-card .btn-light{border-radius:16px;font-weight:800}.contact-chip{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.5rem .75rem;color:#fff}.role-help{border-left:4px solid var(--brand);background:#f6f5ff;border-radius:0 16px 16px 0;padding:.85rem 1rem}.qr-card{background:linear-gradient(135deg,#fff,#f4fbff);border:1px solid var(--border);border-radius:24px;padding:1.2rem}.print-card{border:2px dashed #cbd5e1;border-radius:22px;padding:1.25rem;background:white}@media print{.no-print,.sidebar,.mobile-top,.footer-safe{display:none!important}.content{margin:0;padding:0}.print-card{border:1px solid #ddd;max-width:420px;margin:auto}}


/* Jatsicua 4 · operación escolar */
.sidebar{display:flex;flex-direction:column}.sidebar-scroll{overflow:auto;padding-bottom:1rem;scrollbar-width:thin}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:.65rem}.sidebar-footer a{margin:0}.content{max-width:1800px}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.page-head h2{margin:0;font-weight:800}.visual-rest{height:1rem}.soft-section{background:#fff;border:1px solid var(--border);border-radius:26px;padding:clamp(1rem,2.5vw,1.6rem)}.module-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:1rem;height:100%;transition:.18s}.module-card:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(41,49,91,.08)}.module-card .module-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem}.lite-lock{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#fff8db,#fff);border:1px solid #ffe49a;border-radius:18px;padding:.9rem 1rem;margin:1rem 0}.progress-animate .progress-bar{width:0!important;transition:width 1s cubic-bezier(.2,.8,.2,1)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem}.calendar-day{min-height:104px;border:1px solid var(--border);border-radius:16px;background:#fff;padding:.55rem;font-size:.86rem}.calendar-day.muted{opacity:.45;background:#fafafa}.calendar-day.today{outline:2px solid var(--brand)}.calendar-event{font-size:.72rem;border-radius:8px;padding:.2rem .35rem;margin-top:.2rem;background:#eef0ff;color:#5148d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.vacacion{background:#e6f9f3;color:#087b70}.calendar-event.suspension{background:#ffe9ea;color:#ad3137}.calendar-event.evento{background:#fff3cf;color:#946000}.role-kitchen{--brand:#f59e0b;--brand2:#22c55e}.feedback-face{display:inline-flex;gap:.35rem}.feedback-face button{border:1px solid var(--border);background:#fff;border-radius:14px;padding:.55rem .75rem;font-size:1.2rem}.report-kpi{background:linear-gradient(135deg,#fff,#fafaff);border:1px solid var(--border);border-radius:20px;padding:1rem}.report-bar{height:11px;border-radius:999px;background:#edf0f6;overflow:hidden}.report-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand2));width:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.topic-button{border:1px solid var(--border);background:#fff;border-radius:16px;padding:.85rem;text-align:left}.topic-button:hover{border-color:#aaa5ff;background:#faf9ff}.a11y-fab{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:1080;display:flex;gap:.35rem;background:#fff;border:1px solid var(--border);border-radius:16px;padding:.35rem;box-shadow:0 10px 35px rgba(26,33,60,.15)}body.font-sm{font-size:.9rem}body.font-lg{font-size:1.12rem}body.high-contrast{--ink:#000;--muted:#242424;--soft:#fff;--border:#000;background:#fff}body.high-contrast .panel,body.high-contrast .module-card,body.high-contrast .soft-section{border:2px solid #000}.mobile-actionbar{display:none}
@media(max-width:767.98px){.content{padding-left:.85rem;padding-right:.85rem}.panel,.soft-section{border-radius:20px;padding:1rem}.page-head{align-items:flex-start}.calendar-grid{display:block}.calendar-day{min-height:auto;margin-bottom:.45rem}.calendar-day:empty{display:none}.table-responsive{border-radius:16px}.lite-lock{align-items:flex-start;flex-direction:column}.mobile-actionbar{display:flex;position:sticky;bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:1020;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:18px;padding:.55rem;box-shadow:0 10px 30px rgba(41,49,91,.12)}}
@media(min-width:768px) and (max-width:1199.98px){.content{padding:1.25rem}.panel{border-radius:22px}.sidebar{width:230px}.content{margin-left:230px}}
@media print{.a11y-fab,.no-print,.sidebar,.mobile-top,.mobile-actionbar{display:none!important}.content{margin:0!important;padding:0!important}.panel,.soft-section,.report-kpi{box-shadow:none!important;break-inside:avoid}body{background:#fff!important;font-size:11pt}}

/* Jatsicua V7.1 · Configuración guiada en carrusel */
.config-carousel{background:linear-gradient(145deg,#fff,#fbfbff);border:1px solid var(--border);border-radius:30px;padding:clamp(1rem,2.2vw,1.65rem);box-shadow:0 20px 60px rgba(38,45,92,.08);overflow:hidden}.config-carousel-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.config-progress-copy{min-width:170px;display:flex;flex-direction:column}.config-step-kicker{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}.config-progress-track{height:8px;background:#eceef6;border-radius:999px;overflow:hidden;flex:1}.config-progress-track span{display:block;width:16.66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:width .35s ease}.config-slides{position:relative;min-height:475px}.config-slide{display:none;opacity:0;transform:translateX(28px);padding:.4rem .15rem .8rem}.config-slide.is-active{display:block;animation:jatConfigIn .32s cubic-bezier(.22,.8,.25,1) forwards}.config-slide.is-back{animation:jatConfigBack .32s cubic-bezier(.22,.8,.25,1) forwards}@keyframes jatConfigIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}@keyframes jatConfigBack{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}.config-slide-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.35rem}.config-slide-head h3{font-weight:800;margin:.15rem 0 .25rem;font-size:clamp(1.35rem,2.3vw,1.9rem)}.config-slide-head p{color:var(--muted);margin:0;max-width:760px}.config-step-number{font-size:.75rem;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.05em}.config-main-icon,.config-field-icon,.config-toggle-icon,.config-choice-icon{display:grid;place-items:center;flex:0 0 auto}.config-main-icon{width:64px;height:64px;border-radius:21px;font-size:1.65rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.config-field-icon{width:48px;height:48px;border-radius:16px;font-size:1.2rem}.config-toggle-icon{width:48px;height:48px;border-radius:16px;font-size:1.2rem}.config-choice-icon{width:52px;height:52px;border-radius:17px;background:#f4f3ff;color:var(--brand);font-size:1.35rem}.icon-purple{background:#eeeaff;color:#6559e8}.icon-green{background:#e8fbf5;color:#079a82}.icon-yellow,.icon-orange{background:#fff2d8;color:#d78200}.icon-pink{background:#ffe7f1;color:#db4d83}.icon-blue{background:#e8f2ff;color:#3c76d7}.config-choice-card{position:relative;height:100%;min-height:150px;display:flex;align-items:flex-start;gap:.9rem;padding:1rem 3.1rem 1rem 1rem;border:2px solid #ebeef6;border-radius:22px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.config-choice-card:hover{border-color:#cbc7ff;transform:translateY(-2px);box-shadow:0 12px 30px rgba(69,61,170,.08)}.config-choice-card.is-selected{border-color:var(--brand);background:linear-gradient(145deg,#fff,#f8f7ff);box-shadow:0 12px 34px rgba(90,82,231,.14)}.config-choice-copy{display:flex;flex-direction:column;gap:.35rem;min-width:0}.config-choice-copy strong{font-size:1.02rem}.config-choice-copy small{color:var(--muted);line-height:1.45}.config-choice-check{position:absolute;right:1rem;top:1rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef0f5;color:transparent;transition:.18s}.config-choice-card.is-selected .config-choice-check{background:var(--brand);color:#fff}.recommend-badge{display:inline-flex;align-items:center;gap:.3rem;width:max-content;max-width:100%;margin-top:.15rem;border-radius:999px;padding:.3rem .55rem;background:#eefaf6;color:#087d69;font-size:.72rem;font-weight:800}.config-field-card{height:100%;display:flex;align-items:flex-start;gap:.9rem;border:1px solid #e7eaf3;border-radius:21px;padding:1rem;background:#fff}.config-toggle-list{display:grid;gap:.85rem}.config-toggle-card{display:flex;align-items:center;gap:.9rem;border:2px solid #edf0f5;border-radius:21px;padding:1rem;background:#fff;cursor:pointer;transition:.18s}.config-toggle-card:hover{border-color:#d5d1ff;background:#fcfbff}.config-toggle-card:has(input:checked){border-color:#aaa4ff;background:linear-gradient(145deg,#fff,#f9f8ff)}.config-toggle-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:.25rem}.config-toggle-copy small{color:var(--muted);line-height:1.45}.config-toggle-card .form-switch{padding-left:2.7em}.config-toggle-card .form-check-input{width:2.45em;height:1.3em;cursor:pointer}.config-note{margin-top:1rem;display:flex;gap:.7rem;align-items:flex-start;border-radius:17px;padding:.8rem .95rem;background:#f6f8ff;border:1px solid #e4e8fb;color:#4d5779}.config-note>i{color:var(--brand);font-size:1.1rem}.config-finish{margin-top:1.1rem;display:flex;align-items:center;gap:.8rem;background:#eafaf5;border:1px solid #c7efe2;border-radius:18px;padding:.9rem 1rem;color:#087d69}.config-finish>i{font-size:1.55rem}.config-finish div{display:flex;flex-direction:column}.config-carousel-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding-top:1.1rem;border-top:1px solid #edf0f5}.config-nav-btn{min-height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:800}.config-dots{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}.config-dot{width:10px;height:10px;border:0;border-radius:50%;background:#dfe2eb;padding:0;transition:.18s}.config-dot.is-active{width:28px;border-radius:999px;background:var(--brand)}.config-dot.is-done{background:#9e99f5}
@media(max-width:767.98px){.config-carousel{border-radius:22px;padding:.95rem}.config-carousel-top{display:block}.config-progress-copy{min-width:0;margin-bottom:.55rem}.config-slides{min-height:560px}.config-slide-head{gap:.75rem}.config-main-icon{width:54px;height:54px;border-radius:18px;font-size:1.35rem}.config-choice-card{min-height:auto}.config-field-card{flex-direction:column}.config-toggle-card{align-items:flex-start}.config-toggle-card .form-switch{margin-left:auto!important}.config-carousel-nav{grid-template-columns:1fr 1fr}.config-dots{grid-column:1/-1;grid-row:1}.config-nav-btn{width:100%}.config-nav-btn[data-config-prev]{grid-column:1}.config-nav-btn[data-config-next],.config-nav-btn[data-config-save]{grid-column:2}.config-nav-btn span{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.config-slide.is-active,.config-slide.is-back{animation:none}.config-progress-track span,.config-choice-card,.config-toggle-card,.config-dot{transition:none}}

/* Jatsicua V7.2 · Ayuda contextual flotante */
.jat-help-fab{
  position:fixed;
  right:max(1rem,env(safe-area-inset-right));
  bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 58px);
  z-index:1085;
  width:48px;height:48px;border:0;border-radius:17px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),#766cff);
  color:#fff;font-size:1.25rem;
  box-shadow:0 14px 34px rgba(63,56,170,.28);
  transition:transform .18s ease,box-shadow .18s ease;
}
.jat-help-fab:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(63,56,170,.34)}
.jat-help-fab:focus-visible{outline:3px solid rgba(90,82,231,.28);outline-offset:3px}
.jat-help-fab[aria-expanded="true"]{background:linear-gradient(135deg,#312e81,var(--brand))}
.jat-help-panel{
  position:fixed;
  right:max(1rem,env(safe-area-inset-right));
  bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 116px);
  z-index:1084;
  width:min(380px,calc(100vw - 2rem));
  max-height:min(520px,calc(100vh - 10rem));
  overflow:auto;
  padding:1rem;
  background:rgba(255,255,255,.98);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 24px 65px rgba(34,42,78,.22);
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  backdrop-filter:blur(14px);
}
.jat-help-panel.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.jat-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:.75rem;border-bottom:1px solid #edf0f5}
.jat-help-head strong{display:block;font-size:1rem}
.jat-help-question{width:100%;display:flex;align-items:flex-start;gap:.65rem;text-align:left;border:1px solid #e8eaf2;background:#fff;border-radius:15px;padding:.75rem .8rem;margin:.55rem 0;color:var(--ink);transition:.16s}
.jat-help-question:hover{border-color:#c9c5ff;background:#fbfaff}
.jat-help-question i{color:var(--brand);margin-top:.08rem}
.jat-help-answer{display:none;margin:-.25rem 0 .65rem;padding:.7rem .8rem .75rem 2.15rem;color:var(--muted);font-size:.9rem;line-height:1.5}
.jat-help-item.is-open .jat-help-answer{display:block}
.jat-help-item.is-open .jat-help-question{border-color:#bcb7ff;background:#f9f8ff}
body.high-contrast .jat-help-panel{border:2px solid #000;background:#fff}
body.high-contrast .jat-help-question{border-color:#000}
@media(max-width:767.98px){
  .a11y-fab{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));max-width:calc(100vw - 1.5rem);flex-wrap:wrap;justify-content:flex-end}
  .jat-help-fab{right:max(.75rem,env(safe-area-inset-right));bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 60px)}
  .jat-help-panel{right:max(.75rem,env(safe-area-inset-right));bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 118px);width:calc(100vw - 1.5rem);max-height:60vh;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.jat-help-fab,.jat-help-panel,.jat-help-question{transition:none!important}}
@media print{.jat-help-fab,.jat-help-panel{display:none!important}}

/* V7.5 · Google guiado + branding */
.brand-logo-img{width:40px;height:40px;object-fit:contain;border-radius:12px;box-shadow:0 8px 22px rgba(90,82,231,.16)}
.footer-jatsicua-logo{width:54px;height:54px;object-fit:contain;border-radius:16px}.auth-logo{width:74px;height:74px;object-fit:contain;border-radius:22px;box-shadow:0 14px 40px rgba(90,82,231,.16)}
.btn-google{background:#fff;border:1px solid #dfe3ec;color:var(--ink);border-radius:16px;font-weight:800;box-shadow:0 8px 22px rgba(41,49,91,.06)}.btn-google:hover{border-color:#bfc5d6;background:#fbfbfd;color:var(--ink)}
.guided-note{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid #e4e5fb;border-radius:18px;background:linear-gradient(135deg,#f8f7ff,#fff)}.guided-note>i{font-size:1.35rem;color:var(--brand);margin-top:.05rem}
.guided-mini-list{display:grid;gap:.8rem}.guided-mini-list>div{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem;background:rgba(255,255,255,.75);border:1px solid var(--border);border-radius:18px}.guided-mini-list small{display:block;color:var(--muted);margin-top:.15rem}.step-icon{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem}
.guided-progress{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.86rem;font-weight:800}.guided-progress>div{height:8px;flex:1;background:#edf0f6;border-radius:999px;overflow:hidden}.guided-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:width .35s ease}
.role-choice{position:relative;width:100%;min-height:150px;text-align:left;display:flex;align-items:flex-start;gap:1rem;padding:1.15rem;border:2px solid #e8eaf2;border-radius:22px;background:#fff;transition:.2s;color:var(--ink)}.role-choice:hover{border-color:#bbb6ff;transform:translateY(-1px)}.role-choice.selected{border-color:var(--brand);background:linear-gradient(135deg,#faf9ff,#fff);box-shadow:0 12px 32px rgba(90,82,231,.1)}.role-choice-icon{width:52px;height:52px;flex:0 0 52px;border-radius:17px;display:grid;place-items:center;background:#efefff;color:var(--brand);font-size:1.35rem}.role-choice strong,.role-choice small,.role-choice em{display:block}.role-choice small{color:var(--muted);margin-top:.3rem;line-height:1.35}.role-choice em{font-style:normal;color:#5148d6;font-size:.78rem;font-weight:800;margin-top:.5rem}.role-check{position:absolute;right:1rem;top:1rem;color:var(--brand);font-size:1.2rem;opacity:0;transform:scale(.7);transition:.18s}.role-choice.selected .role-check{opacity:1;transform:scale(1)}
.guided-extra[hidden]{display:none!important}.google-linked{height:100%;min-height:70px;display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid #dce9df;border-radius:16px;background:#f6fff8}.google-linked>i{font-size:1.35rem;color:#4285f4}.account-avatar{width:70px;height:70px;border-radius:22px;background:#f0efff;display:grid;place-items:center;overflow:hidden;font-size:1.7rem;color:var(--brand);flex:0 0 auto}.account-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:575.98px){.auth-wrap,.guided-register{padding-left:max(.85rem,env(safe-area-inset-left));padding-right:max(.85rem,env(safe-area-inset-right))}.role-choice{min-height:0;padding:1rem}.role-choice-icon{width:46px;height:46px;flex-basis:46px}.auth-logo{width:64px;height:64px}.guided-progress{align-items:flex-start;flex-direction:column}.guided-progress>div{width:100%;flex:none}}

/* V7.8 · Corrección completa UI pública / Google guiado */
.app-nav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #eceff6;backdrop-filter:blur(12px)}
.app-nav .container{padding-top:.45rem;padding-bottom:.45rem}
.app-nav .navbar-brand{gap:.75rem!important;min-width:0}
.app-nav .brand-logo-img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important;border-radius:12px!important;box-shadow:none!important;background:transparent!important}
.app-nav .brand-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.app-nav .brand-copy strong{font-size:1.35rem;font-weight:900;color:var(--ink);letter-spacing:-.02em}
.app-nav .brand-copy small{font-size:.74rem;color:var(--muted);font-weight:600;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}
.auth-logo--compact{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.register-google-hero .auth-logo--compact{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important}
.register-google-hero{padding-top:.25rem}
.register-google-hero h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em}
.panel-google-register{max-width:980px;margin-inline:auto}
.guided-note--side{max-width:340px}
.compact-note{padding:.85rem .95rem;border-radius:17px}
.compact-note strong{display:block;font-size:.95rem}
.role-choice-grid .col-md-6{display:flex}
.role-choice{min-height:168px!important;align-items:flex-start!important;gap:.95rem!important;padding:1.05rem 1.05rem .95rem!important;border-width:2px!important;width:100%;border-radius:20px!important}
.role-choice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:.3rem;padding-right:1.7rem}
.role-choice strong{font-size:1.06rem!important;line-height:1.2!important;margin:0!important}
.role-choice small{font-size:.91rem!important;line-height:1.45!important;margin:0!important;color:#5f6987!important}
.role-choice em{font-size:.74rem!important;line-height:1.25!important;margin-top:auto!important;display:inline-flex!important;align-items:center;gap:.3rem;width:max-content;max-width:100%;padding:.32rem .55rem;border-radius:999px;background:#eefaf6;color:#087d69!important;font-weight:800!important}
.role-choice em::before{content:"✦";font-size:.7rem}
.role-check{top:.85rem!important;right:.85rem!important}
.guided-extra{padding-top:1rem;border-top:1px solid #eef0f6}
.badge-soft{display:inline-flex;align-items:center;gap:.4rem}

/* Footer: logo discreto y bien proporcionado */
.footer-jatsicua-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important;border-radius:12px!important;box-shadow:none!important}
footer img[src*="logo"], .site-footer img[src*="logo"]{max-width:86px;height:auto;object-fit:contain}

/* Evitar que los controles de accesibilidad se monten sobre formularios */
@media (min-width:768px){.guided-register{padding-bottom:7rem!important}}

@media(max-width:991.98px){.guided-note--side{max-width:none}}
@media(max-width:767.98px){
  .app-nav .brand-logo-img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}
  .app-nav .brand-copy strong{font-size:1.15rem}
  .app-nav .brand-copy small{font-size:.69rem;max-width:42vw}
  .register-google-hero .auth-logo--compact,.auth-logo--compact{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}
  .role-choice{min-height:0!important;padding:.95rem!important}
  .role-choice strong{font-size:1rem!important}
  .role-choice small{font-size:.88rem!important}
  .panel-google-register{padding:1rem!important}
  .guided-register{padding-bottom:8rem!important}
}
@media(max-width:575.98px){
  .app-nav .brand-copy small{display:none}
  .register-google-hero h1{font-size:1.85rem}
  .navbar-brand{max-width:70%}
}

/* V7.9 · Fix carrusel: contenido siempre visible incluso con animaciones reducidas */
.config-slide.is-active{
  display:block;
  opacity:1;
  transform:none;
}
.config-slide.is-back{
  opacity:1;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .config-slide.is-active,
  .config-slide.is-back{
    display:block!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
}

/* V7.10 · Carrusel robusto: visibilidad por atributo hidden, no por opacity */
.config-slides{min-height:0!important;}
.config-slide{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
  min-height:0;
  padding:.4rem .15rem 1.2rem;
}
.config-slide[hidden]{display:none!important;}
.config-slide.is-active{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:jatConfigSafeIn .24s ease both;
}
@keyframes jatConfigSafeIn{
  from{opacity:.35;transform:translateX(12px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .config-slide.is-active{animation:none!important;}
}
@media(max-width:767.98px){
  .config-slides{min-height:0!important;}
}