/* Lanzador compartido del alta: la misma experiencia desde admin y colaborador. */
.rolo-alta-app-open{overflow:hidden!important}
.rolo-alta-app{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:14px;background:rgba(25,9,14,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rolo-alta-app__shell{width:min(1540px,100%);height:min(980px,calc(100dvh - 28px));display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:#f4efe7;box-shadow:0 34px 110px rgba(18,5,10,.48)}
.rolo-alta-app__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px 9px 18px;color:#fff8f3;background:linear-gradient(110deg,#48121f,#741f38 62%,#351019)}
.rolo-alta-app__identity{min-width:0;display:flex;align-items:center;gap:13px}.rolo-alta-app__identity img{width:88px;height:40px;object-fit:contain}.rolo-alta-app__identity>div{min-width:0;display:grid;padding-left:13px;border-left:1px solid rgba(255,255,255,.18)}
.rolo-alta-app__eyebrow{color:#e7c76f;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.rolo-alta-app__identity strong{overflow:hidden;color:#fff;font:700 16px/1.25 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.rolo-alta-app__identity small{overflow:hidden;margin-top:1px;color:rgba(255,255,255,.58);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.rolo-alta-app__actions{display:flex;align-items:center;gap:8px}.rolo-alta-app__actions a,.rolo-alta-app__actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font:800 11px/1 system-ui,sans-serif;text-decoration:none;cursor:pointer}.rolo-alta-app__actions button{width:40px;padding:0;font-size:21px}.rolo-alta-app__actions a:hover,.rolo-alta-app__actions button:hover{background:rgba(255,255,255,.16)}
.rolo-alta-app__frame-wrap{position:relative;min-height:0;background:#f4efe7}.rolo-alta-app__frame-wrap:before{content:"Preparando el alta…";position:absolute;inset:0;display:grid;place-items:center;color:#756a6c;font:700 13px system-ui,sans-serif}.rolo-alta-app iframe{position:relative;z-index:1;display:block;width:100%;height:100%;border:0;background:#f4efe7}
.rolo-alta-app.is-saved .rolo-alta-app__bar{background:linear-gradient(110deg,#1f5842,#2f7558 62%,#173d2f)}.rolo-alta-app.is-saved .rolo-alta-app__eyebrow{color:#d9f2e3}
@media(max-width:1024px){.rolo-alta-app{padding:0;place-items:stretch}.rolo-alta-app__shell{width:100%;height:100dvh;border:0;border-radius:0}.rolo-alta-app__bar{padding-inline:13px}.rolo-alta-app__identity img{width:76px}.rolo-alta-app__actions a{display:none}}
@media(max-width:560px){.rolo-alta-app__shell{grid-template-rows:58px minmax(0,1fr)}.rolo-alta-app__bar{gap:8px;padding:7px 9px 7px 12px}.rolo-alta-app__identity{gap:9px}.rolo-alta-app__identity img{width:60px;height:32px}.rolo-alta-app__identity>div{padding-left:9px}.rolo-alta-app__identity strong{font-size:14px}.rolo-alta-app__identity small{max-width:205px}.rolo-alta-app__actions button{width:40px;height:40px}}

/* La Galaxy Tab A11 se usa mucho en horizontal; aunque tenga 1340 px de
   ancho, sigue siendo una pantalla táctil baja y el alta debe ocuparla toda. */
@media(orientation:landscape) and (max-height:900px) and (pointer:coarse){
  .rolo-alta-app{padding:0;place-items:stretch;background:#f4efe7;backdrop-filter:none;-webkit-backdrop-filter:none}
  .rolo-alta-app__shell{width:100%;height:100dvh;grid-template-rows:58px minmax(0,1fr);border:0;border-radius:0}
  .rolo-alta-app__bar{padding:7px 14px}
  .rolo-alta-app__identity img{width:72px;height:34px}
  .rolo-alta-app__identity strong{font-size:15px}
  .rolo-alta-app__actions a{display:none}
  .rolo-alta-app__actions button{width:44px;height:44px;min-height:44px}
}
