/* SYM Capacitaciones — acceso institucional / logotipos de origen. */
body.cap-login-sym-k1{--login-ink:#102c5f;--login-blue:#1262e3;--login-cyan:#26aafa;--login-line:#d9e5f5;--login-muted:#5e7190;background:linear-gradient(155deg,#f7fbff 0%,#e7f3ff 58%,#eaf4fd 100%);color:var(--login-ink);overflow-x:clip}
body.cap-login-sym-k1 .topbar.topbar-control{position:relative;z-index:20;min-height:74px;background:rgba(255,255,255,.97);box-shadow:0 5px 26px rgba(19,66,122,.08);border-bottom:1px solid #dfecfa}
body.cap-login-sym-k1 .topbar .control-brand-copy strong{color:#163467}
body.cap-login-sym-k1 .topbar .control-brand-copy small{font-size:11px}
body.cap-login-sym-k1 .topbar .logo-sym{object-fit:contain}
body.cap-login-sym-k1 .topbar .logo-kabat{object-fit:contain}
body.cap-login-sym-k1 main.cap-page-login{width:100%;max-width:none;margin:0;padding:0;min-width:0}
body.cap-login-sym-k1 main.cap-page-login>.alert{width:min(1230px,calc(100% - 36px));margin:18px auto 0;position:relative;z-index:5}
body.cap-login-sym-k1 .footer{margin:0;padding:17px 12px!important;border-top:1px solid #dce9f8!important;color:#6d819b!important;font-size:12px!important;background:rgba(255,255,255,.90)!important}
.sym-auth-2026{padding:28px clamp(12px,3vw,52px) 30px;isolation:isolate}
.sym-auth-panel{max-width:1600px;margin:0 auto;position:relative;overflow:hidden;padding:0;border-radius:29px;border:1px solid #d4e6f8;background:linear-gradient(115deg,#f8fcff 0%,#edf7ff 51%,#d7eaff 100%);box-shadow:0 22px 58px rgba(34,78,135,.11)}
.sym-auth-panel:before{content:"";position:absolute;inset:-240px -220px auto auto;width:750px;height:750px;border-radius:50%;background:linear-gradient(130deg,#69b5ff45,#d4eaff11);pointer-events:none}
.sym-auth-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(375px,.72fr);min-width:0;gap:24px;padding:clamp(18px,3vw,52px) clamp(18px,3.2vw,56px) 22px;align-items:center}
.sym-auth-story{min-width:0;align-self:stretch;display:flex;align-items:center}
.sym-auth-story-inner{width:100%;min-width:0}
.sym-auth-overline{display:flex;gap:9px;align-items:center;margin:0 0 15px;color:#446ca2;letter-spacing:.21em;font-size:11px;font-weight:900}
.sym-auth-overline span{height:6px;width:25px;background:#157bf2;border-radius:20px}
.sym-auth-story h1{margin:0 0 9px;color:#0b2650;font-weight:950;line-height:1.05;font-size:clamp(34px,4.1vw,66px);letter-spacing:-.045em}
.sym-auth-story h1 span{white-space:nowrap}.sym-auth-story h1 em{font-style:normal;color:#1879ee}
.sym-auth-story h2{max-width:690px;margin:0 0 13px;font-size:clamp(21px,2.5vw,35px);line-height:1.13;color:#18386a;letter-spacing:-.03em;font-weight:900}
.sym-auth-story-inner>p{max-width:570px;margin:0 0 18px;font-size:clamp(13px,1.1vw,16px);line-height:1.63;color:#59708b}
.sym-auth-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:21px}
.sym-auth-feature{min-width:0;display:flex;flex-direction:column;gap:4px}
.sym-auth-feature-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:5px;border-radius:12px;background:#dbeeff;color:#1279dc}
.sym-auth-feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sym-auth-feature-icon.icon-exam{color:#7569da;background:#e9e6ff}.sym-auth-feature-icon.icon-book{color:#1f9c73;background:#def9ed}.sym-auth-feature-icon.icon-shield{color:#d48d13;background:#fff2d8}
.sym-auth-feature strong{font-size:12px;color:#183866;line-height:1.3}.sym-auth-feature small{font-size:10px;color:#6c83a0;line-height:1.35}
.sym-auth-form-outer{display:flex;align-items:center;justify-content:center;min-width:0}
.sym-auth-form-card{width:100%;max-width:490px;padding:clamp(23px,2.5vw,42px);border-radius:28px;background:#ffffff;box-shadow:0 28px 66px rgba(24,76,139,.13);border:1px solid #edf3fc}
.sym-auth-original-brands{display:flex;justify-content:center;align-items:center;gap:19px;min-height:82px;margin-bottom:14px}
.sym-auth-original-brands img:first-child{display:block;width:115px;height:80px;object-fit:contain}
.sym-auth-original-brands img:last-child{display:block;width:80px;height:75px;object-fit:contain}
.sym-auth-brand-divider{height:55px;width:1px;background:#cbddef}
.sym-auth-form-heading{text-align:center;margin:0 0 24px}
.sym-auth-welcome-tag{display:block;color:#3783c8;font-size:9px;letter-spacing:.17em;font-weight:900;margin-bottom:8px}
.sym-auth-form-heading h2{color:#102d60;font-size:clamp(23px,2.1vw,29px);letter-spacing:-.04em;line-height:1.18;margin:0 0 8px;font-weight:900}
.sym-auth-form-heading p{font-size:13px;line-height:1.55;color:#7086a1;margin:0 auto;max-width:315px}
.sym-auth-form{display:grid;gap:15px}
.sym-auth-field{min-width:0;display:grid;gap:7px}
.sym-auth-field label{font-size:12px;color:#29476d;font-weight:900}
.sym-auth-input-wrap{height:53px;display:flex;align-items:center;gap:10px;border:1px solid #cddcf0;border-radius:13px;background:#fff;padding:0 13px;transition:border-color .15s,box-shadow .15s}
.sym-auth-input-wrap:focus-within{border-color:#398fef;box-shadow:0 0 0 4px #288cf019}
.sym-auth-input-wrap>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#6482a5;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sym-auth-input-wrap input{width:100%;min-width:0;height:100%;padding:0;border:0!important;border-radius:0;background:transparent!important;color:#13325f;font-size:15px;box-shadow:none!important;outline:0!important;font-family:inherit}
.sym-auth-input-wrap input::placeholder{color:#8fa1b7}
.sym-auth-password-toggle{flex:0 0 37px!important;width:37px;height:37px;min-width:37px;margin-left:auto;padding:6px!important;display:grid!important;place-items:center;background:transparent!important;box-shadow:none!important;border-radius:10px!important;color:#5e7a9e!important;border:0!important}
.sym-auth-password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sym-auth-password-toggle:hover{background:#edf5ff!important}
.sym-auth-submit{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:53px;margin:5px 0 0;padding:12px 15px!important;border:0!important;border-radius:13px!important;background:linear-gradient(105deg,#104ebf,#157ef4)!important;color:#fff!important;box-shadow:0 13px 22px #1f70d935!important;font-family:inherit;font-size:15px!important;font-weight:900!important;letter-spacing:.01em;cursor:pointer}
.sym-auth-submit svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-left:5px}
.sym-auth-submit:disabled{opacity:.75;cursor:progress;filter:none}
.sym-auth-first-time{border:1px solid #d8e9fa;border-radius:14px;background:#f7fbff;margin-top:19px;overflow:hidden}
.sym-auth-first-time summary{display:flex;align-items:center;gap:10px;padding:13px 12px;list-style:none;cursor:pointer;color:#234572}
.sym-auth-first-time summary::-webkit-details-marker{display:none}
.sym-auth-first-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#deedff;color:#1579e4;font-size:18px;font-family:Georgia,serif;font-weight:bold;flex-shrink:0}
.sym-auth-first-time summary span:nth-child(2){flex:1;min-width:0;display:grid;gap:2px}.sym-auth-first-time summary strong{font-size:11.5px}.sym-auth-first-time summary small{font-size:10px;color:#8194ac}.sym-auth-first-arrow{font-size:18px;transition:transform .2s}.sym-auth-first-time[open] .sym-auth-first-arrow{transform:rotate(180deg)}
.sym-auth-first-content{padding:0 13px 14px 53px;color:#657c98;font-size:11px;line-height:1.65}
.sym-auth-first-content p{margin:7px 0 0}.sym-auth-first-content a{color:#126cdb;font-weight:850;text-decoration:underline}
.sym-auth-security-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 0 0;color:#7890a9;font-size:10px;text-align:center}
.sym-auth-security-note svg{height:17px;width:17px;fill:none;stroke:#368dce;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sym-auth-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative;max-width:900px;margin:4px 32px 25px;padding:16px 18px;background:#ffffffb5;box-shadow:0 8px 28px #1e5e9515;border:1px solid #fff;border-radius:20px;backdrop-filter:blur(10px)}
.sym-auth-outcomes>div{display:flex;align-items:center;gap:10px;min-width:0;padding:0 16px;border-right:1px solid #d4e4f6}
.sym-auth-outcomes>div:last-child{border:0}
.sym-auth-outcome-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#e5f2ff;color:#1880ec;font-size:18px;font-weight:950}
.sym-auth-outcomes strong{display:block;font-size:11px;color:#153c71}.sym-auth-outcomes small{display:block;margin-top:3px;font-size:9px;color:#71849f;line-height:1.5}
@media(max-width:1150px){.sym-auth-layout{grid-template-columns:minmax(0,1fr) minmax(335px,.8fr);gap:20px}.sym-auth-story h1{font-size:clamp(31px,3.7vw,50px)}.sym-auth-features{gap:8px}.sym-auth-outcomes{max-width:780px}}
@media(max-width:850px){.sym-auth-layout{grid-template-columns:1fr;max-width:690px;margin:auto;gap:24px}.sym-auth-story h1{font-size:clamp(32px,6vw,48px)}.sym-auth-story h2{font-size:clamp(20px,4vw,30px)}.sym-auth-form-card{max-width:100%;padding:25px}.sym-auth-photo{min-height:190px}.sym-auth-outcomes{max-width:640px;margin:10px auto 25px}.sym-auth-overline{margin-top:8px}}
@media(max-width:600px){body.cap-login-sym-k1 .topbar.topbar-control{min-height:67px}.sym-auth-2026{padding:12px 10px 16px}.sym-auth-panel{border-radius:23px}.sym-auth-layout{padding:19px 16px 17px;gap:16px}.sym-auth-story h1{font-size:clamp(28px,8vw,37px);margin:0 0 5px}.sym-auth-story h2{font-size:19px;margin-bottom:7px}.sym-auth-story-inner>p{font-size:12px;line-height:1.5;margin:0 0 12px}.sym-auth-overline{font-size:9px;letter-spacing:.12em;margin:0 0 10px}.sym-auth-photo{min-height:110px;border-radius:16px}.sym-auth-photo-caption{bottom:9px;left:10px}.sym-auth-photo-caption strong{font-size:11px}.sym-auth-photo-caption small{font-size:9px}.sym-auth-features{margin:13px 0 0;gap:6px}.sym-auth-feature-icon{width:33px;height:33px;border-radius:9px;margin-bottom:2px}.sym-auth-feature-icon svg{width:19px;height:19px}.sym-auth-feature strong{font-size:9.5px}.sym-auth-feature small{font-size:8px}.sym-auth-form-card{border-radius:20px;padding:20px 16px}.sym-auth-original-brands{min-height:65px;margin:0 0 10px;gap:13px}.sym-auth-original-brands img:first-child{width:91px;height:65px}.sym-auth-original-brands img:last-child{width:61px;height:62px}.sym-auth-brand-divider{height:46px}.sym-auth-form-heading{margin-bottom:19px}.sym-auth-form-heading h2{font-size:23px}.sym-auth-form-heading p{font-size:12px}.sym-auth-form{gap:12px}.sym-auth-input-wrap{height:51px}.sym-auth-submit{min-height:52px}.sym-auth-outcomes{grid-template-columns:1fr;margin:0 16px 19px;padding:4px 13px}.sym-auth-outcomes>div{padding:9px 6px;border-right:0;border-bottom:1px solid #dce8f6}.sym-auth-outcomes>div:last-child{border-bottom:0}.sym-auth-outcomes strong{font-size:10px}.sym-auth-outcomes small{font-size:9px}}
@media(max-width:365px){.sym-auth-2026{padding-inline:5px}.sym-auth-layout{padding:15px 12px}.sym-auth-story h1{font-size:27px}.sym-auth-story h2{font-size:17px}.sym-auth-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sym-auth-feature{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}.sym-auth-feature small{flex-basis:100%}.sym-auth-form-card{padding:16px 13px}.sym-auth-overline{font-size:8px}.sym-auth-photo{min-height:105px}}
@media(prefers-reduced-motion:reduce){.sym-auth-2026 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* En teléfonos, el acceso tiene prioridad sobre los elementos decorativos. */
@media(max-width:600px){.sym-auth-features{display:none}.sym-auth-photo{min-height:94px}.sym-auth-story-inner>p{margin-bottom:10px}}

/* Rediseño responsivo: el acceso es lo primero en el móvil. */
.sym-auth-panel{overflow:hidden}
.sym-auth-form-card{box-shadow:0 24px 60px rgba(19,68,124,.14)}
.sym-auth-submit{transition:transform .15s,box-shadow .15s}
.sym-auth-submit:active{transform:scale(.985)}
@media(min-width:851px){
  .sym-auth-layout{align-items:center}
  .sym-auth-form-card{position:relative;border:1px solid #dfebf9}
  .sym-auth-form-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#17488c,#219cf5)}
}
@media(max-width:850px){
  .sym-auth-2026{padding:15px 12px 22px}
  .sym-auth-panel{background:linear-gradient(155deg,#e9f4ff,#f8fbff 68%,#e9f3ff)}
  .sym-auth-layout{display:flex;flex-direction:column;padding:18px;gap:12px}
  .sym-auth-form-outer{order:0;width:100%}
  .sym-auth-story{order:1;display:none}
  .sym-auth-form-card{max-width:540px;margin-inline:auto;padding:24px 23px;border:1px solid #dce8f8;border-radius:24px}
  .sym-auth-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 18px 18px;background:#fff8}
  .sym-auth-outcomes>div{display:grid;justify-items:start;padding:9px;border-bottom:0;border-right:1px solid #e0eaf5}
  .sym-auth-outcomes>div:last-child{border-right:0}
}
@media(max-width:600px){
  body.cap-login-sym-k1 .sym-auth-2026{padding:10px 8px 12px}
  .sym-auth-panel{border-radius:24px}
  .sym-auth-layout{padding:12px;gap:0}
  .sym-auth-form-card{padding:20px 17px 19px;border-radius:20px;box-shadow:0 14px 38px #164f8a17}
  .sym-auth-original-brands{display:none}
  .sym-auth-welcome-tag{margin-bottom:7px;font-size:10px}
  .sym-auth-form-heading{margin-bottom:18px}
  .sym-auth-form-heading h2{font-size:clamp(23px,6.6vw,29px);line-height:1.17;letter-spacing:-.035em}
  .sym-auth-form-heading p{max-width:310px;font-size:13px}
  .sym-auth-field label{font-size:13px}
  .sym-auth-input-wrap{min-height:53px;height:53px;border-radius:14px}
  .sym-auth-input-wrap input{font-size:16px}
  .sym-auth-submit{min-height:54px;font-size:16px!important}
  .sym-auth-security-note{margin-top:13px}
  .sym-auth-outcomes{margin:7px 17px 16px;padding:8px;gap:0}
  .sym-auth-outcomes>div{padding:7px 5px;gap:5px}
  .sym-auth-outcomes strong{font-size:9px;line-height:1.2}
  .sym-auth-outcomes small{display:none}
  .sym-auth-outcome-icon{width:30px;height:30px}
}
@media(max-width:365px){
  .sym-auth-layout{padding:8px}
  .sym-auth-form-card{padding:17px 13px}
  .sym-auth-outcomes{margin-inline:10px}
}


/* PATCH 2026-10-26: Inicio de sesion sin imagen y centrado.
   Scoped: no altera otras paginas ni el flujo de autenticacion. */
body.theme-work.cap-login-sym-k1 main.container.cap-revamp-v90.cap-page-login {
    display:block;
    width:100%;
    max-width:none;
    margin:0 auto;
    padding:0;
    min-width:0;
}
body.cap-login-sym-k1 .sym-auth-2026 {
    width:100%;
    margin-inline:auto;
    padding:clamp(16px,2.8vw,40px);
}
/* Contenedor principal: ocupa 90% del ancho real de la ventana en escritorio. */
body.cap-login-sym-k1 .sym-auth-panel {
    width:90vw;
    max-width:none;
    margin-inline:auto;
    box-sizing:border-box;
}
@media (max-width:920px) {
    body.cap-login-sym-k1 .sym-auth-panel {
        width:100%;
        max-width:none;
    }
}
body.cap-login-sym-k1 .sym-auth-layout {
    width:100%;
    box-sizing:border-box;
    grid-template-columns:minmax(0,1.16fr) minmax(340px,420px);
    gap:clamp(22px,3vw,40px);
    align-items:center;
    padding:clamp(24px,3.2vw,52px);
}
body.cap-login-sym-k1 .sym-auth-story-inner {
    width:100%;
    max-width:920px;
    margin-inline:auto;
}
body.cap-login-sym-k1 .sym-auth-story h1 {
    font-size:clamp(38px,4vw,58px);
}
body.cap-login-sym-k1 .sym-auth-story-inner>p {
    max-width:560px;
    margin-bottom:24px;
}
body.cap-login-sym-k1 .sym-auth-features {
    margin-top:25px;
    gap:12px;
}

body.cap-login-sym-k1 .sym-story-block {
    width:100%;
    max-width:920px;
}
body.cap-login-sym-k1 .sym-story-content {
    width:100%;
}
body.cap-login-sym-k1 .sym-auth-form-outer {
    width:100%;
    justify-content:center;
}
body.cap-login-sym-k1 .sym-auth-form-card {
    width:100%;
    max-width:420px;
}
body.cap-login-sym-k1 .sym-auth-outcomes {
    width:calc(100% - 56px);
    max-width:none;
    margin:0 auto 25px;
}
@media (max-width:920px) {
    body.cap-login-sym-k1 .sym-story-block { max-width:none; }
    body.cap-login-sym-k1 .sym-auth-2026 {
        padding:clamp(10px,2.5vw,20px);
    }
    body.cap-login-sym-k1 .sym-auth-layout {
        display:flex;
        flex-direction:column;
        gap:0;
        padding:clamp(12px,3vw,24px);
    }
    body.cap-login-sym-k1 .sym-auth-story {
        display:none;
    }
    body.cap-login-sym-k1 .sym-auth-form-outer {
        width:100%;
    }
    body.cap-login-sym-k1 .sym-auth-form-card {
        max-width:480px;
        margin-inline:auto;
    }
    body.cap-login-sym-k1 .sym-auth-outcomes {
        max-width:560px;
        width:calc(100% - 30px);
        margin:12px auto 17px;
    }
}
@media (max-width:600px) {
    body.cap-login-sym-k1 .sym-auth-2026 {
        padding:12px 9px 18px;
    }
    body.cap-login-sym-k1 .sym-auth-panel {
        border-radius:22px;
    }
    body.cap-login-sym-k1 .sym-auth-layout {
        padding:12px;
    }
    body.cap-login-sym-k1 .sym-auth-form-card {
        border-radius:19px;
        padding:22px 17px;
    }
    body.cap-login-sym-k1 .sym-auth-outcomes {
        grid-template-columns:repeat(3,minmax(0,1fr));
        width:calc(100% - 28px);
    }
}
@media (max-width:360px) {
    body.cap-login-sym-k1 .sym-auth-layout {padding:9px;}
    body.cap-login-sym-k1 .sym-auth-form-card {padding:17px 13px;}
}

/* 2026-10-26 · Login más próximo a la barra superior. Solo estética. */
body.cap-login-sym-k1 .sym-auth-2026{padding-top:8px}
@media(max-width:920px){body.cap-login-sym-k1 .sym-auth-2026{padding-top:7px}}
@media(max-width:600px){body.cap-login-sym-k1 .sym-auth-2026{padding-top:5px}}


/* ============================================================
   Sección desplegable: diseño foto / texto / foto (referencia).
   La tarjeta de activación sigue en la columna izquierda.
   ============================================================ */
.sym-story-block {margin-top:22px}
body.cap-login-sym-k1 .sym-story-trigger {
  display:flex; align-items:center; gap:11px; width:100%; min-height:67px;
  margin-top:0; padding:10px 14px; text-align:left; font-family:inherit;
  background:#ffffffc9; border:1px solid #b9d9fa; border-radius:15px;
  box-shadow:0 7px 19px #1e5b9c10; cursor:pointer;
  transition:border-color .18s,background-color .18s,box-shadow .18s;
}
body.cap-login-sym-k1 .sym-story-trigger:hover,
body.cap-login-sym-k1 .sym-story-trigger.is-open {
  border-color:#2582e9; background:#fff; box-shadow:0 9px 22px #1755ad15;
}
body.cap-login-sym-k1 .sym-story-trigger:focus-visible,
body.cap-login-sym-k1 .sym-story-close:focus-visible {outline:3px solid #0e70e8; outline-offset:3px}
.sym-story-trigger-icon {display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:#e6f2ff;color:#1677e1}
.sym-story-trigger-icon svg {width:22px;height:22px}
.sym-story-trigger-text {display:grid;gap:3px;min-width:0;flex:1}
.sym-story-trigger-text strong {font-size:14px;line-height:1.3;color:#15376b;font-weight:850}
.sym-story-trigger-text small {font-size:11px;line-height:1.35;color:#657d97}
.sym-story-trigger-arrow {font-size:23px;color:#167aec;transition:transform .18s}
.sym-story-trigger.is-open .sym-story-trigger-arrow {transform:rotate(90deg)}
body.cap-login-sym-k1 .sym-story-content[hidden] {display:none!important}
body.cap-login-sym-k1 .sym-story-content {
  position:relative; margin-top:12px; padding:8px;
  border:1px solid #d6e6f7; border-radius:19px;
  background:linear-gradient(105deg,#fff 8%,#f8fbff 75%,#f0f7ff);
  box-shadow:0 9px 25px #1846710c;
  animation:symStoryEnter .17s ease-out;
}
@keyframes symStoryEnter {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.sym-story-content-grid {
  display:grid; grid-template-columns:minmax(185px,1.08fr) minmax(300px,1.9fr) minmax(185px,1.08fr);
  align-items:stretch; gap:0; min-height:178px;
}
.sym-story-photo {
  position:relative; overflow:hidden; margin:0; min-width:0; min-height:178px;
  border-radius:12px; background:#e4eef7;
}
.sym-story-photo img {
  display:block; width:100%; height:100%; min-height:178px;
  object-fit:cover; object-position:center center;
}
/* Acercamos la imagen a las personas y al portátil, no a toda la sala. */
.sym-story-photo--development img {transform:scale(2.45); transform-origin:42% 56%}
/* La segunda foto tiene el corte diagonal de la referencia. */
.sym-story-photo--training {clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);border-radius:0 12px 12px 0}
.sym-story-photo--training img {transform:scale(2.1);transform-origin:58% 46%}
.sym-story-narrative {
  position:relative; z-index:1; min-width:0; align-self:center;
  padding:10px 14px 10px 15px; color:#47617e;
}
.sym-story-narrative-heading {display:flex;align-items:center;gap:8px;margin:0 0 8px}
.sym-story-inline-icon {display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#eaf4ff;color:#187be9}
.sym-story-inline-icon svg {width:16px;height:16px}
.sym-story-narrative-heading h2 {
  margin:0; font-size:clamp(15px,1.27vw,18px); line-height:1.3;
  letter-spacing:-.025em; color:#183866; font-weight:850;
}
.sym-story-narrative-heading h2 span {color:#1578e3}
.sym-story-narrative p {font-size:clamp(11px,.92vw,12px);line-height:1.42;margin:0 0 6px}
.sym-story-narrative strong {color:#194773}
.sym-story-contributions {display:grid;gap:5px;margin:8px 0}
.sym-story-contributions>div {display:flex;align-items:flex-start;gap:6px;font-size:clamp(11px,.92vw,12px);line-height:1.36;color:#476280}
.sym-story-contribution-dot {display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#e6f2ff;color:#1880e9;font-weight:900;font-size:10px}
.sym-story-narrative .sym-story-conclusion {margin:7px 0 0;color:#1671d3;font-weight:780}
body.cap-login-sym-k1 .sym-story-close {
  position:absolute;z-index:3;right:14px;top:14px;display:grid;place-items:center;
  width:23px;height:23px;padding:0;border:1px solid #c7dcf5;border-radius:8px;
  background:#ffffffef;color:#326caa;font-size:18px;font-family:inherit;
  line-height:1;cursor:pointer;box-shadow:0 2px 8px #193c7717;
}
body.cap-login-sym-k1 .sym-story-close:hover {background:#eef6ff}
@media(max-width:1120px){
  .sym-story-content-grid {grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
  .sym-story-narrative {padding-inline:12px}
  .sym-story-narrative-heading h2 {font-size:15px}
  .sym-story-photo,.sym-story-photo img {min-height:195px}
}
@media(max-width:920px){
  .sym-story-block {margin-top:0}
  body.cap-login-sym-k1 .sym-auth-layout .sym-auth-story {display:block;order:1;width:100%;margin-top:17px}
  body.cap-login-sym-k1 .sym-auth-story .sym-auth-overline,
  body.cap-login-sym-k1 .sym-auth-story h1,
  body.cap-login-sym-k1 .sym-auth-story h2,
  body.cap-login-sym-k1 .sym-auth-story .sym-auth-features {display:none}
  body.cap-login-sym-k1 .sym-auth-story-inner {max-width:480px!important}
  body.cap-login-sym-k1 .sym-story-trigger {margin-top:0}
  .sym-story-content-grid {grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr)}
  .sym-story-narrative {padding:11px}
  .sym-story-photo,.sym-story-photo img {min-height:215px}
}
@media(max-width:680px){
  body.cap-login-sym-k1 .sym-story-content {margin-top:10px; padding:9px}
  .sym-story-content-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sym-story-narrative {grid-column:1/-1;grid-row:1;padding:3px 23px 4px 3px}
  .sym-story-photo--development {grid-column:1;grid-row:2}
  .sym-story-photo--training {grid-column:2;grid-row:2;clip-path:none;border-radius:12px}
  .sym-story-photo,.sym-story-photo img {min-height:126px;max-height:155px}
  .sym-story-narrative-heading h2 {font-size:15px}
  .sym-story-narrative p,.sym-story-contributions>div {font-size:11.5px}
  body.cap-login-sym-k1 .sym-story-close {right:13px;top:13px}
  .sym-story-trigger-text strong {font-size:13px}
  .sym-story-trigger-text small {font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.sym-story-content {animation:none!important}}


/* ===========================================================
   REAJUSTE FINAL / NOV 2026: aprovechar de verdad el ancho
   disponible. No cambia el HTML ni el proceso de autenticación.
   =========================================================== */
@media (min-width: 921px) {
  body.cap-login-sym-k1 .sym-auth-panel {
    width: 90vw;
    max-width: none;
  }
  body.cap-login-sym-k1 .sym-auth-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(335px, 370px);
    gap: clamp(18px, 1.9vw, 32px);
    padding: clamp(22px, 2.15vw, 38px);
    align-items: center;
  }
  body.cap-login-sym-k1 .sym-auth-story,
  body.cap-login-sym-k1 .sym-auth-story-inner,
  body.cap-login-sym-k1 .sym-story-block {
    min-width:0;
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  body.cap-login-sym-k1 .sym-auth-form-card {max-width:370px}
  body.cap-login-sym-k1 .sym-story-content {width:100%;box-sizing:border-box}
  body.cap-login-sym-k1 .sym-story-content-grid {
    display:grid;
    grid-template-columns:minmax(0,26%) minmax(0,48%) minmax(0,26%);
    gap:0;
    min-height:236px;
    align-items:stretch;
  }
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {
    min-height:236px;
    height:100%;
  }
  body.cap-login-sym-k1 .sym-story-narrative {padding:18px clamp(14px,1.2vw,22px)}
  body.cap-login-sym-k1 .sym-story-narrative-heading h2 {
    font-size:clamp(17px,1.24vw,21px);
    line-height:1.25;
  }
  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions > div {
    font-size:clamp(12.3px,.90vw,14px);
    line-height:1.48;
  }
  body.cap-login-sym-k1 .sym-story-contributions {gap:8px;margin:12px 0}
  body.cap-login-sym-k1 .sym-story-photo--development img {
    transform:scale(2.28);transform-origin:42% 56%;
  }
  body.cap-login-sym-k1 .sym-story-photo--training img {
    transform:scale(1.95);transform-origin:58% 46%;
  }
}
@media(min-width:921px) and (max-width:1250px){
  body.cap-login-sym-k1 .sym-auth-layout{grid-template-columns:minmax(0,1fr) 335px;gap:18px;padding:21px}
  body.cap-login-sym-k1 .sym-story-content-grid {grid-template-columns:minmax(0,28%) minmax(0,44%) minmax(0,28%)}
  body.cap-login-sym-k1 .sym-story-narrative {padding:12px}
  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions>div {font-size:11.5px;line-height:1.38}
}
@media(max-width:920px){
  body.cap-login-sym-k1 .sym-story-content {width:100%;box-sizing:border-box}
}

/* En pantallas intermedias, mantener legible el texto sin achicarlo. */
@media (min-width: 921px) and (max-width: 1100px),
       (min-width: 681px) and (max-width: 920px) {
  body.cap-login-sym-k1 .sym-story-content-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body.cap-login-sym-k1 .sym-story-narrative {
    grid-column:1 / -1;
    grid-row:1;
    padding:13px 31px 8px 13px;
  }
  body.cap-login-sym-k1 .sym-story-photo--development {
    grid-column:1;grid-row:2;
  }
  body.cap-login-sym-k1 .sym-story-photo--training {
    grid-column:2;grid-row:2;
    clip-path:none;
    border-radius:12px;
  }
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {
    min-height:150px;
    max-height:170px;
  }
  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions > div {
    font-size:12.5px;
    line-height:1.48;
  }
}


/* =============================================================
  SYM · Ajuste institucional claro 80% · Noviembre 2026
  Solo cambia el layout del login. No cambia credenciales ni datos.
  Dos fotografías con recortes interiores curvos y simétricos.
  ============================================================= */
@media (min-width: 1281px) {
  body.cap-login-sym-k1 .sym-auth-panel {
    width:80vw;
    max-width:none;
  }
  body.cap-login-sym-k1 .sym-auth-layout {
    grid-template-columns:minmax(0,1fr) minmax(320px,350px);
    gap:clamp(20px,2vw,34px);
    padding:clamp(24px,2.7vw,44px);
  }
  body.cap-login-sym-k1 .sym-auth-form-card {
    max-width:350px;
  }
  body.cap-login-sym-k1 .sym-auth-story-inner,
  body.cap-login-sym-k1 .sym-story-block {
    width:100%;
    max-width:none;
  }
  body.cap-login-sym-k1 .sym-story-content-grid {
    grid-template-columns:minmax(0,25%) minmax(0,50%) minmax(0,25%);
    min-height:206px;
    gap:0;
  }
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {
    min-height:206px;
    height:100%;
  }
  body.cap-login-sym-k1 .sym-story-narrative {
    padding:12px clamp(12px,1.1vw,18px);
  }
  body.cap-login-sym-k1 .sym-story-narrative-heading h2 {
    font-size:clamp(15px,1.16vw,19px);
  }
  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions > div {
    font-size:clamp(11.5px,.84vw,13px);
    line-height:1.44;
  }
  body.cap-login-sym-k1 .sym-story-contributions {gap:6px;margin:8px 0}
}
/* Medidas intermedias: aligerar la composición, sin exprimir el texto. */
@media (min-width: 921px) and (max-width: 1280px) {
  body.cap-login-sym-k1 .sym-auth-panel {width:88vw;max-width:none}
  body.cap-login-sym-k1 .sym-auth-layout {grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:22px}
  body.cap-login-sym-k1 .sym-story-content-grid {grid-template-columns:minmax(0,24%) minmax(0,52%) minmax(0,24%);gap:0;min-height:205px}
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {min-height:205px;max-height:none;height:100%}
  body.cap-login-sym-k1 .sym-story-narrative {grid-column:auto;grid-row:auto;padding:11px}
  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions>div {font-size:11.5px;line-height:1.4}
}
@media (min-width: 921px) {
  /* Conservamos un blanco generoso entre ambas imágenes. */
  body.cap-login-sym-k1 .sym-story-content {
    padding:9px;
    border-radius:18px;
  }
  body.cap-login-sym-k1 .sym-story-photo--development,
  body.cap-login-sym-k1 .sym-story-photo--training {clip-path:none}
  /* Curvas espejadas: lado interior curvo en las dos fotografías. */
  body.cap-login-sym-k1 .sym-story-photo--development {
    border-radius:15px 25% 25% 15px / 15px 48% 48% 15px;
  }
  body.cap-login-sym-k1 .sym-story-photo--training {
    border-radius:25% 15px 15px 25% / 48% 15px 15px 48%;
  }
  body.cap-login-sym-k1 .sym-story-photo--development img {
    transform:scale(2.0);
    transform-origin:43% 56%;
  }
  body.cap-login-sym-k1 .sym-story-photo--training img {
    transform:scale(1.82);
    transform-origin:60% 46%;
  }
  body.cap-login-sym-k1 .sym-story-narrative {align-self:center}
  body.cap-login-sym-k1 .sym-story-close {right:12px;top:12px}
}
@media (min-width:921px) and (max-width:1100px) {
  /* Evitar conflicto con las reglas antiguas que apilaban las fotos. */
  body.cap-login-sym-k1 .sym-story-content-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
  }
  body.cap-login-sym-k1 .sym-story-narrative {
    grid-column:1/-1;grid-row:1;padding:10px 30px 7px 10px;
  }
  body.cap-login-sym-k1 .sym-story-photo--development {grid-column:1;grid-row:2;border-radius:12px 22% 22% 12px / 12px 46% 46% 12px}
  body.cap-login-sym-k1 .sym-story-photo--training {grid-column:2;grid-row:2;border-radius:22% 12px 12px 22% / 46% 12px 12px 46%}
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {height:155px;min-height:155px;max-height:155px}
}
@media (max-width:920px) {
  body.cap-login-sym-k1 .sym-auth-panel{width:100%;max-width:none}
  body.cap-login-sym-k1 .sym-story-photo--development {border-radius:12px 18% 18% 12px / 12px 34% 34% 12px}
  body.cap-login-sym-k1 .sym-story-photo--training {clip-path:none;border-radius:18% 12px 12px 18% / 34% 12px 12px 34%}
}

/* ============================================================
   REDISEÑO · NOV 2026 — HISTORIA / LOGIN CLARO 80%
   CTA más editorial y fotos diagonales simétricas.
   Scoped al login: no afecta otros paneles ni la autenticación.
   ============================================================ */
body.cap-login-sym-k1 .sym-story-block {margin-top:24px;}
body.cap-login-sym-k1 .sym-story-trigger {
    display:flex;
    width:100%;
    align-items:center;
    gap:12px;
    margin:0;
    padding:12px 14px;
    min-height:74px;
    border:1px solid #d8e5f5;
    border-radius:17px;
    background:linear-gradient(105deg,rgba(255,255,255,.96),rgba(246,250,255,.91));
    box-shadow:0 8px 23px rgba(19,67,120,.075);
    outline:none;
    transition:border-color .2s, box-shadow .2s, transform .2s;
}
body.cap-login-sym-k1 .sym-story-trigger:hover {
    border-color:#95bee9;
    box-shadow:0 12px 26px rgba(21,91,169,.13);
    transform:translateY(-1px);
}
body.cap-login-sym-k1 .sym-story-trigger.is-open {
    border-color:#c4d9f2;
    background:rgba(255,255,255,.97);
    box-shadow:0 6px 18px rgba(20,79,151,.065);
}
body.cap-login-sym-k1 .sym-story-trigger:focus-visible {
    outline:3px solid rgba(34,129,235,.50);
    outline-offset:3px;
}
body.cap-login-sym-k1 .sym-story-trigger-icon {
    display:grid; place-items:center;
    flex:0 0 43px; width:43px; height:43px;
    border-radius:13px;
    background:#e8f3ff;
    color:#1369d7;
}
body.cap-login-sym-k1 .sym-story-trigger-icon svg {width:23px;height:23px;}
body.cap-login-sym-k1 .sym-story-trigger-text {gap:3px;min-width:0;}
body.cap-login-sym-k1 .sym-story-trigger-text strong {
    display:block;color:#143667;font-size:clamp(13px,1.05vw,16px);
    font-weight:850;letter-spacing:-.013em;
}
body.cap-login-sym-k1 .sym-story-trigger-text small {
    font-size:clamp(10px,.83vw,12px);color:#66819e;
}
body.cap-login-sym-k1 .sym-story-trigger-cta {
    margin-left:auto;flex:0 0 auto;
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-width:126px;min-height:39px;
    padding:8px 13px;
    border-radius:10px;
    background:linear-gradient(105deg,#1049ad,#167cf0);
    color:#fff;
    font-weight:800;font-size:12px;
    white-space:nowrap;
    box-shadow:0 6px 12px rgba(19,91,209,.17);
}
body.cap-login-sym-k1 .sym-story-trigger-arrow {
    color:inherit; font-size:18px; line-height:1;
    transform:none;transition:transform .2s;
}
body.cap-login-sym-k1 .sym-story-trigger.is-open .sym-story-trigger-arrow {transform:rotate(-90deg)}
body.cap-login-sym-k1 .sym-story-cta-open {display:none;}
body.cap-login-sym-k1 .sym-story-trigger.is-open .sym-story-cta-open {display:inline;}
body.cap-login-sym-k1 .sym-story-trigger.is-open .sym-story-cta-closed {display:none;}
body.cap-login-sym-k1 .sym-story-content {
    margin-top:13px;
    border:1px solid #dce8f6;
    padding:9px;
    background:#fff;
    box-shadow:0 9px 24px rgba(35,84,137,.085);
}
/* Recortes diagonales espejados, como la fotografía de referencia. */
@media (min-width:921px){
  body.cap-login-sym-k1 .sym-story-photo--development,
  body.cap-login-sym-k1 .sym-story-photo--training {
      border-radius:0;
  }
  body.cap-login-sym-k1 .sym-story-photo--development {
      clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
      border-radius:13px 0 0 13px;
  }
  body.cap-login-sym-k1 .sym-story-photo--training {
      clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
      border-radius:0 13px 13px 0;
  }
  body.cap-login-sym-k1 .sym-story-photo--development img {
      transform:scale(2.0);transform-origin:43% 56%;
  }
  body.cap-login-sym-k1 .sym-story-photo--training img {
      transform:scale(1.82);transform-origin:60% 46%;
  }
}
@media (max-width:680px){
  body.cap-login-sym-k1 .sym-story-trigger {padding:10px;gap:9px;min-height:68px;}
  body.cap-login-sym-k1 .sym-story-trigger-icon {flex-basis:36px;width:36px;height:36px;}
  body.cap-login-sym-k1 .sym-story-trigger-cta {
      min-width:auto;padding:8px 10px;font-size:11px;min-height:34px;gap:5px;
  }
  body.cap-login-sym-k1 .sym-story-trigger-text strong {font-size:12px;}
  body.cap-login-sym-k1 .sym-story-trigger-text small {font-size:10px;}
}
@media (max-width:380px){
  body.cap-login-sym-k1 .sym-story-trigger-text small {display:none;}
  body.cap-login-sym-k1 .sym-story-trigger-cta {padding:8px;}
}
@media (prefers-reduced-motion:reduce) {
  body.cap-login-sym-k1 .sym-story-trigger {transition:none;}
}


/* ========================================================
   PARCHE: "Cómo surgió este proyecto" sin fotos en móvil.
   Escritorio: mantiene intacto el diseño con fotografías.
   Móvil / pantallas estrechas: muestra únicamente el texto.
   ======================================================== */
@media screen and (max-width: 768px) {
  body.cap-login-sym-k1 .sym-story-content-grid {
    display:block;
    width:100%;
    min-height:0;
    grid-template-columns:none;
  }

  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo--development,
  body.cap-login-sym-k1 .sym-story-photo--training {
    display:none !important;
  }

  body.cap-login-sym-k1 .sym-story-content {
    margin-top:10px;
    padding:8px;
  }

  body.cap-login-sym-k1 .sym-story-narrative {
    display:block;
    width:100%;
    min-width:0;
    padding:12px 13px;
  }

  body.cap-login-sym-k1 .sym-story-narrative-heading {
    padding-right:32px; /* evita que el título se encime con la X */
  }

  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions > div {
    font-size:13px;
    line-height:1.55;
  }

  body.cap-login-sym-k1 .sym-story-close {
    right:12px;
    top:12px;
  }
}

/* ========================================================================
   SYM Capacitaciones · equilibrio del login en escritorio, 2026-10-31
   - Amplía la tarjeta de usuario y contraseña.
   - Reduce ligeramente fotos de Cinthia/Miguel y prioriza el texto central.
   - Conserva el fondo claro, los recortes diagonales y el ancho general al 80%.
   - No modifica el estilo móvil (<=920px), incluidas las fotos ocultas <=768px.
   ======================================================================== */
@media screen and (min-width: 1281px) {
  body.cap-login-sym-k1 .sym-auth-panel {
    width: 80vw;
    max-width: none;
  }
  body.cap-login-sym-k1 .sym-auth-layout {
    grid-template-columns: minmax(0, 1fr) clamp(380px, 26vw, 440px);
    column-gap: clamp(22px, 1.7vw, 30px);
    padding: clamp(24px, 2vw, 36px);
  }
  body.cap-login-sym-k1 .sym-auth-form-outer,
  body.cap-login-sym-k1 .sym-auth-form-card {
    width: 100%;
    max-width: none;
  }
  body.cap-login-sym-k1 .sym-auth-form-card {
    padding: clamp(26px, 2.15vw, 36px);
  }
  body.cap-login-sym-k1 .sym-auth-form-heading h2 {font-size: 27px;}
  body.cap-login-sym-k1 .sym-auth-field label {font-size: 13px;}
  body.cap-login-sym-k1 .sym-auth-input-wrap,
  body.cap-login-sym-k1 .sym-auth-submit {min-height: 54px;}
  body.cap-login-sym-k1 .sym-story-content-grid {
    grid-template-columns: minmax(0,19%) minmax(0,62%) minmax(0,19%);
    min-height: 180px;
  }
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {
    min-height: 180px;
    height: 180px;
    max-height: 180px;
  }
  body.cap-login-sym-k1 .sym-story-narrative {
    padding: 12px clamp(12px, 1vw, 18px);
  }
  body.cap-login-sym-k1 .sym-story-narrative-heading h2 {
    font-size: clamp(15px, 1.03vw, 18px);
  }
  body.cap-login-sym-k1 .sym-story-narrative p,
  body.cap-login-sym-k1 .sym-story-contributions>div {
    font-size: clamp(11.5px, .8vw, 13px);
    line-height: 1.46;
  }
  body.cap-login-sym-k1 .sym-story-contributions {margin: 7px 0;gap: 5px;}
}
@media screen and (min-width: 1101px) and (max-width: 1280px) {
  body.cap-login-sym-k1 .sym-auth-layout {
    grid-template-columns: minmax(0, 1fr) 365px;
    gap: 20px;
    padding: 23px;
  }
  body.cap-login-sym-k1 .sym-auth-form-card {
    width: 100%;
    max-width: none;
    padding: 26px;
  }
  body.cap-login-sym-k1 .sym-story-content-grid {
    grid-template-columns: minmax(0,20%) minmax(0,60%) minmax(0,20%);
    min-height: 180px;
  }
  body.cap-login-sym-k1 .sym-story-photo,
  body.cap-login-sym-k1 .sym-story-photo img {
    min-height: 180px;
    height: 180px;
    max-height: 180px;
  }
}