/* Acceso móvil: una sola columna, registro accesible y contenido esencial. */
.mobile-share-action{display:none}
@media(max-width:1024px){
  .access-main:has(.mobile-cie-account){display:block;width:min(calc(100% - 32px),680px);max-width:680px;margin:22px auto;padding:0}
  .mobile-cie-account{padding:22px;border-top:3px solid #f2ad20;background:#fff}
  .mobile-cie-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px;padding-top:14px;border-top:1px solid #e3e8e5}
  .mobile-cie-heading h2{margin:3px 0 0;color:#071d2d;font-size:18px;font-weight:650;letter-spacing:-.3px}
  .mobile-cie-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #d8e0df;background:#f6f7f3;color:#0c2e42;font-size:12px;font-weight:650}
  .mobile-cie-status{margin:8px 0;color:#60717b;font-size:12px;line-height:1.5}
  .mobile-cie-list{display:grid;gap:9px;margin:10px 0 14px}
  .mobile-cie-card{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:13px;border:1px solid #dce3e2;background:#fff}
  .mobile-cie-card h3{grid-column:1/-1;margin:0;color:#102b3b;font-size:14px;font-weight:650;line-height:1.35}
  .mobile-cie-card p{margin:0;color:#60717b;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
  .mobile-cie-card .mobile-cie-number{color:#0c2e42;font-weight:650}
  .mobile-cie-card button{grid-column:2;grid-row:2/4;align-self:center;min-height:38px;padding:0 12px;border:1px solid #f2ad20;border-radius:2px;background:#f2ad20;color:#071d2d;font:650 11px Manrope,"Segoe UI",Arial,sans-serif}
  .mobile-cie-card button:disabled{opacity:.55}
  .mobile-cie-empty{padding:15px;border:1px dashed #ccd6d6;color:#60717b;font-size:12px;line-height:1.5}
  .mobile-cie-dialog[open]{display:flex;flex-direction:column;width:min(96vw,900px);height:min(94dvh,1000px);max-width:none;max-height:none;padding:0;border:1px solid #ccd6d6;background:#f6f7f3;color:#071d2d}
  .mobile-cie-dialog::backdrop{background:#071d2d99}
  .mobile-cie-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #dce3e2;background:#fff}
  .mobile-cie-dialog-head h2{margin:3px 0 0;font-size:16px;font-weight:650}
  .mobile-cie-dialog-head .text-button{min-height:38px;padding:0 10px;border:1px solid #cbd5d8;background:#fff;color:#0c2e42}
  .mobile-cie-dialog-actions{display:flex;align-items:center;gap:7px}
  .mobile-cie-dialog-actions[hidden],.mobile-cie-dialog-actions .text-button[hidden]{display:none}
  .mobile-cie-dialog-actions a{text-decoration:none;display:inline-flex;align-items:center}
  .mobile-cie-dialog>.mobile-cie-status{padding:0 14px}
  .mobile-cie-pages{box-sizing:border-box;width:100%;height:auto;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;background:#e8ecea;-webkit-overflow-scrolling:touch}
  .mobile-cie-page{display:block;flex:none;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 9px #071d2d24}
  .mobile-cie-account .logout-form{margin-top:13px;padding-top:10px;border-top:1px solid #e5e9e6}
  .mobile-cie-heading{flex-wrap:wrap;gap:8px}
  .mobile-cie-account .mobile-cie-heading .mobile-cie-top-logout{display:block;margin:0 0 0 auto;padding:0;border:0}
  .mobile-cie-account .mobile-cie-heading .mobile-cie-top-logout .text-button{min-height:36px;padding:0 10px;border:1px solid #cbd5d8;border-radius:2px;background:#fff;color:#0c2e42;font:600 11px Manrope,"Segoe UI",Arial,sans-serif}
}
@media(max-width:900px){
  .access-page{min-height:100vh;background:#f6f7f3;color:#071d2d}
  .access-header{display:flex;justify-content:center;gap:0;width:min(calc(100% - 28px),480px);min-height:66px;margin:0 auto;padding:10px 0;border-bottom:1px solid #dce2e1}
  .access-header .access-brand,.access-header .official-site-header{display:none}
  .access-header .product-wordmark{display:flex;justify-self:auto;grid-column:auto;grid-row:auto;align-items:center}
  .access-header .documenta-brand-lockup{display:block;width:min(220px,58vw);height:auto}
  .access-main:has(.access-pitch){display:flex;flex-direction:column;gap:12px;width:min(calc(100% - 28px),480px);max-width:480px;margin:0 auto;padding:19px 0 22px}
  .access-pitch{order:2;width:100%;max-width:none;margin:0;padding:14px 0 2px}
  .access-pitch>.canarias-reference{width:100%;max-width:none;min-height:53px;margin:0 0 16px;padding:5px 9px;border:1px solid #dce2df;border-left:3px solid #f2ad20;background:#fff}
  .access-pitch>.canarias-reference img{flex-basis:88px;width:88px;height:40px}
  .access-pitch>.canarias-reference span{padding-left:9px}
  .access-pitch>.canarias-reference small{font-size:7px}
  .access-pitch>.canarias-reference b{font-size:10px}
  .access-pitch>h1{max-width:none;margin:0 0 8px!important;color:#071d2d!important;font-size:clamp(29px,8vw,36px)!important;font-weight:600!important;line-height:1.13!important;letter-spacing:-1px!important}
  .access-pitch>h1 span{color:#0c2e42!important}
  .access-pitch>p:not(.pitch-note){max-width:46ch;margin:0!important;color:#60717b;font-size:13px;line-height:1.55}
  .cover-flow,.pitch-note,.cover-workflow{display:none!important}
  .access-main:has(.access-pitch) .auth-card{order:1;align-self:stretch;width:100%;max-width:none;margin:0;padding:19px 18px;border:1px solid #cad5d8;border-top:3px solid #f2ad20;border-radius:2px;background:#fff;box-shadow:0 7px 24px #071d2d0b}
  .auth-card .auth-intro{margin-bottom:14px}
  .auth-card .auth-intro h1{margin:5px 0;font-size:22px;font-weight:600;letter-spacing:-.4px;line-height:1.25}
  .auth-card .auth-description{margin:0;color:#60717b;font-size:12px;line-height:1.5}
  .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:13px 0 15px;border-bottom:1px solid #d9e0df}
  .auth-tabs button{min-height:42px;border:0;border-bottom:2px solid transparent;background:#fff;color:#60717b;font:600 12px Manrope,"Segoe UI",Arial,sans-serif}
  .auth-tabs button.active{border-bottom-color:#f2ad20;color:#071d2d}
  #authForm label,.auth-card form label{display:block;margin:10px 0;color:#263e49;font-size:12px;font-weight:600}
  #authForm input,.auth-card form input:not([type=hidden]){box-sizing:border-box;width:100%;min-height:46px;margin-top:5px;padding:10px 12px;border:1px solid #cbd5d8;border-radius:2px;background:#fff;color:#071d2d;font:400 15px Manrope,"Segoe UI",Arial,sans-serif}
  #authForm input:focus,.auth-card form input:not([type=hidden]):focus{border-color:#0c2e42;outline:2px solid #0c2e4220}
  .auth-card .password-control{display:flex;align-items:center}
  .auth-card .password-control input{padding-right:68px}
  .auth-card .password-toggle{right:7px;min-height:32px;font-size:11px}
  .auth-card .field-help{margin:4px 0;color:#60717b;font-size:10px;line-height:1.4}
  .auth-card .main-button{width:100%;min-height:47px;margin-top:12px;border:1px solid #f2ad20;border-radius:2px;background:#f2ad20;color:#071d2d;font:650 13px Manrope,"Segoe UI",Arial,sans-serif}
  .auth-card .demo-note{margin:11px 0 0;padding:9px 0 0;border-top:1px solid #e5e9e6;color:#64757a;font-size:10px;line-height:1.45}
  .auth-card .auth-actions,.auth-card #forgotPasswordLink{font-size:11px}
  .access-main:has(.account-card){display:block;width:min(calc(100% - 28px),480px);max-width:480px;margin:20px auto;padding:0}
  .mobile-account-card{margin:0;padding:21px 19px;border-top:3px solid #f2ad20}
  .mobile-account-card .auth-description{font-size:13px;line-height:1.6}
  .mobile-cie-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px;padding-top:14px;border-top:1px solid #e3e8e5}
  .mobile-cie-heading h2{margin:3px 0 0;color:#071d2d;font-size:18px;font-weight:650;letter-spacing:-.3px}
  .mobile-cie-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #d8e0df;background:#f6f7f3;color:#0c2e42;font-size:12px;font-weight:650}
  .mobile-cie-status{margin:8px 0;color:#60717b;font-size:12px;line-height:1.5}
  .mobile-cie-list{display:grid;gap:9px;margin:10px 0 14px}
  .mobile-cie-card{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:13px;border:1px solid #dce3e2;background:#fff}
  .mobile-cie-card h3{grid-column:1/-1;margin:0;color:#102b3b;font-size:14px;font-weight:650;line-height:1.35}
  .mobile-cie-card p{margin:0;color:#60717b;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
  .mobile-cie-card .mobile-cie-number{color:#0c2e42;font-weight:650}
  .mobile-cie-card button{grid-column:2;grid-row:2/4;align-self:center;min-height:38px;padding:0 12px;border:1px solid #f2ad20;border-radius:2px;background:#f2ad20;color:#071d2d;font:650 11px Manrope,"Segoe UI",Arial,sans-serif}
  .mobile-cie-card button:disabled{opacity:.55}
  .mobile-cie-empty{padding:15px;border:1px dashed #ccd6d6;color:#60717b;font-size:12px;line-height:1.5}
  .mobile-cie-dialog[open]{display:flex;flex-direction:column;width:min(96vw,900px);height:min(94dvh,1000px);max-width:none;max-height:none;padding:0;border:1px solid #ccd6d6;background:#f6f7f3;color:#071d2d}
  .mobile-cie-dialog::backdrop{background:#071d2d99}
  .mobile-cie-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #dce3e2;background:#fff}
  .mobile-cie-dialog-head h2{margin:3px 0 0;font-size:16px;font-weight:650}
  .mobile-cie-dialog-head .text-button{min-height:38px;padding:0 10px;border:1px solid #cbd5d8;background:#fff;color:#0c2e42}
  .mobile-cie-dialog-actions{display:flex;align-items:center;gap:7px}
  .mobile-cie-dialog-actions a{text-decoration:none;display:inline-flex;align-items:center}
  .mobile-cie-dialog>.mobile-cie-status{padding:0 14px}
  .mobile-cie-pages{height:auto}
  .mobile-cie-account .logout-form{margin-top:13px;padding-top:10px;border-top:1px solid #e5e9e6}
  .mobile-cie-heading{flex-wrap:wrap;gap:8px}
  .mobile-cie-account .mobile-cie-heading .mobile-cie-top-logout{margin:0;padding:0;border:0}
  .scope-section.document-showcase{width:min(calc(100% - 28px),480px);margin:4px auto 22px;padding:14px 0 0;border-top:1px solid #dce2df}
  .scope-heading{margin:0 0 8px}
  .scope-heading>.eyebrow{font-size:8px}
  .scope-heading h2{font-size:16px;line-height:1.3}
  .scope-output-grid{grid-template-columns:1fr;gap:0}
  .scope-output,.scope-output:last-child{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:10px 0;border:0;border-bottom:1px solid #e3e8e5}
  .scope-output .scope-number{grid-row:span 2;align-self:start;margin-top:3px}
  .scope-output h3{margin:0 0 2px;font-size:12px}
  .scope-output p{font-size:10px;line-height:1.4}
  .productivity-panel,.scope-note{display:none}
  .mobile-share-action{display:block;margin-top:13px}
  .mobile-share-action>button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #0c2e42;background:#0c2e42;color:#fff;font:600 12px Manrope,"Segoe UI",Arial,sans-serif;cursor:pointer}
  .share-brand-icon{display:block;width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-share-action>button:hover{background:#153f56}
  .mobile-share-action>div:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .mobile-share-action>div a{display:flex;align-items:center;justify-content:center;min-height:39px;border:1px solid #cad5d8;background:#fff;color:#0c2e42;font-size:11px;text-decoration:none}
  .mobile-share-action p:empty{display:none}
  .mobile-share-action p{margin:5px 0 0;color:#60717b;font-size:10px}
  .access-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 13px;width:min(calc(100% - 28px),480px);margin:0 auto;padding:10px 0 16px;font-size:9px;text-align:center}
  .access-footer>span:last-child{display:none}
}
@media(max-width:380px){
  .access-pitch>.canarias-reference img{flex-basis:78px;width:78px}
  .access-pitch>.canarias-reference b{font-size:9px}
  .access-main:has(.access-pitch) .auth-card{padding:16px 14px}
}

/* La experiencia móvil también puede abrirse con el navegador en modo escritorio.
   El servidor decide qué interfaz corresponde; el ancho del viewport no debe
   dejar sus componentes sin estilo. */
body[data-mobile-experience="1"] .access-header{display:flex;justify-content:center;gap:0;width:min(calc(100% - 28px),480px);min-height:66px;margin:0 auto;padding:10px 0;border-bottom:1px solid #dce2e1}
body[data-mobile-experience="1"] .access-header .access-brand,
body[data-mobile-experience="1"] .access-header .official-site-header{display:none}
body[data-mobile-experience="1"] .access-header .product-wordmark{display:flex;align-items:center}
body[data-mobile-experience="1"] .access-header .documenta-brand-lockup{display:block;width:min(220px,58vw);height:auto}
body[data-mobile-experience="1"] .access-main:has(.mobile-cie-account){display:block;width:min(calc(100% - 32px),680px);max-width:680px;margin:22px auto;padding:0}
body[data-mobile-experience="1"] .mobile-cie-account{padding:22px;border:1px solid #dce3e2;border-top:3px solid #f2ad20;background:#fff;box-shadow:0 7px 24px #071d2d0b}
body[data-mobile-experience="1"] .mobile-cie-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 8px;padding-top:14px;border-top:1px solid #e3e8e5}
body[data-mobile-experience="1"] .mobile-cie-heading h2{margin:3px 0 0;color:#071d2d;font-size:18px;font-weight:650;letter-spacing:-.3px}
body[data-mobile-experience="1"] .mobile-cie-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #d8e0df;background:#f6f7f3;color:#0c2e42;font-size:12px;font-weight:650}
body[data-mobile-experience="1"] .mobile-cie-status{margin:8px 0;color:#60717b;font-size:12px;line-height:1.5}
body[data-mobile-experience="1"] .mobile-cie-list{display:grid;gap:9px;margin:10px 0 14px}
body[data-mobile-experience="1"] .mobile-cie-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:13px;border:1px solid #dce3e2;background:#fff}
body[data-mobile-experience="1"] .mobile-cie-card h3{grid-column:1/-1;margin:0;color:#102b3b;font-size:14px;font-weight:650;line-height:1.35}
body[data-mobile-experience="1"] .mobile-cie-card p{margin:0;color:#60717b;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
body[data-mobile-experience="1"] .mobile-cie-card .mobile-cie-number{color:#0c2e42;font-weight:650}
body[data-mobile-experience="1"] .mobile-cie-card button{grid-column:2;grid-row:2/4;align-self:center;min-height:38px;padding:0 12px;border:1px solid #f2ad20;border-radius:2px;background:#f2ad20;color:#071d2d;font:650 11px Manrope,"Segoe UI",Arial,sans-serif;cursor:pointer}
body[data-mobile-experience="1"] .mobile-cie-card button:disabled{opacity:.55}
body[data-mobile-experience="1"] .mobile-cie-empty{padding:15px;border:1px dashed #ccd6d6;color:#60717b;font-size:12px;line-height:1.5}
body[data-mobile-experience="1"] .mobile-cie-account .logout-form{margin-top:13px;padding-top:10px;border-top:1px solid #e5e9e6}
body[data-mobile-experience="1"] .mobile-cie-account .mobile-cie-heading .mobile-cie-top-logout{display:block;margin:0 0 0 auto;padding:0;border:0}
body[data-mobile-experience="1"] .mobile-cie-account .mobile-cie-heading .mobile-cie-top-logout .text-button{min-height:36px;padding:0 10px;border:1px solid #cbd5d8;border-radius:2px;background:#fff;color:#0c2e42;font:600 11px Manrope,"Segoe UI",Arial,sans-serif}
body[data-mobile-experience="1"] .access-main:has(.access-pitch){display:flex;flex-direction:column;gap:12px;width:min(calc(100% - 28px),480px);max-width:480px;margin:0 auto;padding:19px 0 22px}
body[data-mobile-experience="1"] .access-main:has(.access-pitch) .auth-card{order:1;align-self:stretch;width:100%;max-width:none;margin:0;padding:19px 18px;border:1px solid #cad5d8;border-top:3px solid #f2ad20;border-radius:2px;background:#fff;box-shadow:0 7px 24px #071d2d0b}
body[data-mobile-experience="1"] .access-pitch{order:2;width:100%;max-width:none;margin:0;padding:14px 0 2px}
body[data-mobile-experience="1"] .access-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 13px;width:min(calc(100% - 28px),480px);margin:0 auto;padding:10px 0 16px;font-size:9px;text-align:center}
body[data-mobile-experience="1"] .access-footer>span:last-child{display:none}
@media(max-width:520px){
  body[data-mobile-experience="1"] .access-main:has(.mobile-cie-account){width:calc(100% - 28px);margin:20px auto}
  body[data-mobile-experience="1"] .mobile-cie-account{padding:19px 16px}
  body[data-mobile-experience="1"] .mobile-cie-card{grid-template-columns:minmax(0,1fr);gap:6px}
  body[data-mobile-experience="1"] .mobile-cie-card button{grid-column:1;grid-row:auto;justify-self:stretch;min-height:42px;margin-top:4px;font-size:12px}
}