*{box-sizing:border-box;}
    body{margin:0;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;background:#d9dde2;color:#333;font-size:13px;}

    /* ===== Barra roja de advertencia (igual que en el simulador FV 621) ===== */
    .aviso-fijo{position:sticky;top:0;left:0;right:0;z-index:100;background:#C0392B;color:#fff;text-align:center;
        padding:10px 16px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.25);letter-spacing:.2px;}
    .aviso-fijo small{display:block;font-weight:400;font-size:11.5px;opacity:.92;margin-top:2px;}

    .barra-aula{max-width:1100px;margin:14px auto 10px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:Arial,Helvetica,sans-serif;font-size:12.5px;}
    .barra-aula a{color:#0B5CA6;font-weight:700;text-decoration:none;white-space:nowrap;}
    .barra-aula a:hover{text-decoration:underline;}
    .barra-aula span{color:#5a6472;}
    .barra-aula span[hidden]{display:none;}
    .barra-aula b{color:#1f3f6e;font-variant-numeric:tabular-nums;}

    /* ===== Ventana del programa (imita el PDT de escritorio) ===== */
    .ventana{max-width:1100px;margin:0 auto 40px;background:#fff;border:1px solid #9aa3ad;box-shadow:0 10px 30px rgba(0,0,0,.22);display:flex;flex-direction:column;}
    .ventana__titulo{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 10px 0 12px;
        background:linear-gradient(#fdfdfd,#e9eaec);border-bottom:1px solid #c8cbd0;font-size:12.5px;font-weight:700;color:#6b6f75;user-select:none;}
    .ventana__ctrl{display:flex;gap:14px;color:#9aa0a7;font-size:13px;}
    .ventana__ctrl button{background:none;border:none;color:inherit;font:inherit;cursor:default;padding:2px 3px;line-height:1;}
    .ventana__ctrl button:hover{color:#555;}

    .pantalla[hidden]{display:none !important;}

    /* ----- Pantalla 1: Bienvenida ----- */
    .bienvenida{display:grid;grid-template-columns:1fr 1fr;min-height:640px;border:3px solid #fff;}
    .bienvenida__izq{background:#e4e4e4;display:flex;flex-direction:column;align-items:center;padding:34px 40px 30px;gap:22px;}
    .logo-plame{width:100%;max-width:400px;line-height:1;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:900;}
    .logo-plame__pdt{font-size:21px;color:#f7c600;text-shadow:-1px -1px 0 #c98a00,1px 1px 0 #a86f00;margin-left:2px;}
    .logo-plame__nombre{display:block;font-size:37px;letter-spacing:-.5px;
        background:linear-gradient(#ffe24a 0%,#f8c300 55%,#e39a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
        filter:drop-shadow(1px 1px 0 #a36a00) drop-shadow(0 2px 2px rgba(0,0,0,.25));}
    .logo-plame__plame{display:block;text-align:right;font-style:normal;font-size:40px;letter-spacing:9px;margin-top:6px;
        background:linear-gradient(#ffffff 0%,#f1f1f1 50%,#bfc3c8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
        filter:drop-shadow(1px 1px 0 #8d9196) drop-shadow(0 2px 3px rgba(0,0,0,.35));}
    /* En lugar de la foto del programa real, una ilustración neutra. */
    .ilustracion{width:100%;max-width:400px;flex:1;min-height:360px;border-radius:12px;overflow:hidden;
        background:radial-gradient(circle at 30% 25%,#ffffff 0%,#eef1f4 45%,#d7dde4 100%);display:flex;align-items:flex-end;justify-content:center;}
    .ilustracion svg{width:92%;height:auto;display:block;}

    .bienvenida__der{background:#2c5d8f;color:#fff;padding:46px 50px 40px;font-family:Arial,Helvetica,sans-serif;}
    .bienvenida__der h1{font-size:18px;font-weight:700;margin:0 0 30px;letter-spacing:.2px;}
    .bienvenida__der p{font-size:15.5px;line-height:1.5;margin:0 0 22px;text-align:justify;color:#f3f6fa;}
    .bienvenida__der .ayuda{margin-top:56px;text-align:left;}
    .link-aqui{color:#ffd21f;font-weight:700;text-decoration:underline;cursor:pointer;background:none;border:none;font:inherit;padding:0;}
    .link-aqui:hover{color:#ffe36e;}
    .btn-ingresar{display:block;margin:6px auto 0;width:215px;height:44px;border:1px solid #1a4f8f;border-radius:2px;cursor:pointer;
        background:linear-gradient(#5d9ae0 0%,#3b7cc9 48%,#1f61b0 52%,#1b5aa6 100%);color:#eef4fc;font:15px Arial,Helvetica,sans-serif;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.35);}
    .btn-ingresar:hover{background:linear-gradient(#6aa6ea 0%,#4686d3 48%,#2a6bba 52%,#2463ae 100%);}
    .btn-ingresar:active{background:linear-gradient(#1b5aa6,#3b7cc9);}


    /* ----- Pantalla 2: Acceso (Clave SOL) ----- */
    .acceso{position:relative;display:flex;flex-direction:column;min-height:640px;border:3px solid #fff;overflow:hidden;font-family:Arial,Helvetica,sans-serif;
        background:radial-gradient(ellipse at 78% 30%,rgba(214,232,250,.75) 0%,rgba(150,190,230,.35) 30%,transparent 58%),
                   radial-gradient(ellipse at 12% 8%,rgba(170,205,240,.6) 0%,transparent 45%),
                   linear-gradient(160deg,#5b8fc4 0%,#3f74ad 45%,#2f639f 100%);}
    .acceso__arriba{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;padding:34px 22px 20px 22px;align-items:end;}
    .acceso .logo-plame{max-width:650px;grid-column:1 / -1;align-self:start;}
    .acceso .logo-plame__pdt{font-size:30px;}
    .acceso .logo-plame__nombre{font-size:56px;}
    .acceso .logo-plame__plame{font-size:58px;letter-spacing:12px;text-align:right;max-width:650px;}
    .acceso__panel{display:flex;gap:44px;align-items:flex-start;background:rgba(32,62,102,.82);border-radius:8px;padding:30px 48px 18px 44px;margin-left:40px;}
    .acceso__icono{width:86px;height:86px;flex-shrink:0;border-radius:8px;background:linear-gradient(#d8e2ee,#a9b9cd);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
    .acceso__icono svg{width:58px;height:58px;}
    .acceso__form{display:flex;flex-direction:column;align-items:center;gap:12px;}
    .tarjeta-clave{width:316px;background:linear-gradient(#eef1f7 0%,#d5dce8 100%);border-radius:5px;padding:12px 16px 16px;color:#1f3f6e;}
    .tarjeta-clave legend,.tarjeta-clave .titulo{font-weight:700;font-size:15.5px;margin:0 0 8px;color:#203e6a;}
    .radio{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;color:#1d2f4c;margin:6px 0 10px;cursor:pointer;}
    .radio input{width:16px;height:16px;margin:0;accent-color:#1d2f4c;cursor:pointer;}
    .campos-clave{display:grid;grid-template-columns:auto 164px;gap:10px 22px;align-items:center;justify-content:end;margin-top:22px;}
    .campos-clave label{font-weight:700;font-size:15.5px;color:#2a4f86;text-align:right;}
    .campos-clave input{height:34px;border:1px solid #9fa7b3;background:#fff;font:15px Arial,Helvetica,sans-serif;padding:0 7px;color:#111;}
    .campos-clave input:focus{outline:2px solid #7fb0ea;outline-offset:-1px;}
    #accRuc{color:#1f5fa8;font-weight:700;}
    .usuario-caja{display:block;}
    .usuario-caja input{width:100%;}
    .usuario-caja select{width:100%;height:34px;border:1px solid #0f2a4c;border-radius:2px;padding:0 6px;cursor:pointer;
        background:linear-gradient(#2a5288,#1d3f6e);color:#fff;font:700 15px Arial,Helvetica,sans-serif;}
    .usuario-caja select option{background:#fff;color:#111;}
    .usuario-caja [hidden]{display:none;}
    .campos-clave.sin-clave #accClave{border:2px solid #c0392b;border-radius:3px;}
    .pista-clave{grid-column:1 / -1;margin:-6px 0 -8px;text-align:right;color:#d9261c;font-size:12.5px;font-weight:700;}
    .pista-clave[hidden]{display:none;}
    .btn-acceder{width:152px;height:32px;border:1px solid #0f2a4c;border-radius:2px;cursor:pointer;color:#fff;font:700 16px Arial,Helvetica,sans-serif;
        background:linear-gradient(#5f89b8 0%,#3c6697 48%,#24497a 52%,#1f416f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.4);}
    .btn-acceder:hover{background:linear-gradient(#6c97c7 0%,#4672a4 48%,#2c5486 52%,#264b7c 100%);}
    .importante{align-self:end;background:rgba(32,62,102,.82);border-radius:8px;padding:12px 16px 18px 14px;color:#fff;font-size:14.5px;font-weight:700;line-height:1.5;}
    .importante h2{margin:0 0 10px;color:#f5c400;font-size:18px;}
    .importante p{margin:0 0 14px 14px;}
    .importante button{background:none;border:none;padding:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer;text-align:left;}
    .importante button:hover{color:#ffe36e;}
    .acceso__abajo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:60px 70px 26px 48px;
        background:linear-gradient(#2f5f98 0%,#28568d 100%);border-top:1px solid rgba(255,255,255,.12);}
    .consultas{color:#0c1b2e;font-size:14.5px;}
    .consultas b{display:block;font-size:17px;margin-bottom:4px;}
    .marca-entidad{font:900 52px Arial Black,Arial,Helvetica,sans-serif;letter-spacing:1px;color:#1b2f6e;text-shadow:1px 1px 0 rgba(255,255,255,.25);}


    /* ----- Pantalla 3: Programa (menú lateral + contenido) ----- */
    .app{display:flex;flex-direction:column;min-height:760px;border:3px solid #fff;font-family:Arial,Helvetica,sans-serif;background:#fff;}
    .app__cabecera{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px 10px 30px;
        background:linear-gradient(90deg,#174f8f 0%,#2a6db4 45%,#3f86cc 100%);color:#fff;}
    .app__cabecera h1{margin:0;font-weight:400;font-size:40px;letter-spacing:.3px;white-space:nowrap;}
    .app__cabecera h1 b{font-weight:700;}
    .app__cabecera .marca-entidad{font-size:44px;color:#1b2f6e;text-shadow:0 1px 0 rgba(255,255,255,.35);}
    .app__migas{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 20px 6px 2px;font-size:13px;font-weight:700;color:#1d2f4c;border-bottom:1px solid #d5d9df;}
    .app__links{display:flex;gap:30px;align-items:center;}
    .app__links button{background:none;border:none;padding:0;font:700 13.5px Arial,Helvetica,sans-serif;color:#1530c8;text-decoration:underline;cursor:pointer;}
    .app__links .ayuda-roja{color:#e0261b;text-decoration:none;font-size:14px;}
    .app__cuerpo{flex:1;display:grid;grid-template-columns:276px minmax(0,1fr);gap:0;}
    .menu{display:flex;flex-direction:column;border-right:5px double #c9ced6;background:#fff;}
    .menu__grupo{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0 8px;border:0;border-top:1px solid #6b86b0;cursor:pointer;text-align:left;
        background:linear-gradient(#2b4f86 0%,#1d3a68 55%,#16305a 100%);color:#fff;font:700 17px Arial,Helvetica,sans-serif;}
    .menu__grupo:hover{background:linear-gradient(#34599a 0%,#244374 55%,#1b3864 100%);}
    .menu__grupo.abierto{background:linear-gradient(#2f6ad0 0%,#1f53b3 100%);}
    .menu__ico{width:34px;height:34px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#e9eef5,#b7c4d6);}
    .menu__ico svg{width:24px;height:24px;}
    .menu__items{flex:1;display:flex;flex-direction:column;border:2px solid #c9ced6;border-top:0;min-height:380px;}
    .menu__item{display:flex;justify-content:space-between;align-items:center;height:51px;padding:0 14px 0 8px;border:0;background:#fff;cursor:pointer;text-align:left;
        font:15px Arial,Helvetica,sans-serif;color:#111;}
    .menu__items[hidden]{display:none;}
    .menu__item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px;}
    .menu__item::after{content:"»";font-size:24px;font-weight:700;color:#1d3a8a;line-height:1;}
    .menu__item:hover{background:#eef3fa;}
    .menu__item.activo{background:#a9c6ec;font-weight:700;color:#1d2f4c;padding-left:16px;}
    .contenido-app{padding:8px 8px 20px 10px;min-width:0;}
    .pestanas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
    .pestana{height:34px;border:0;cursor:pointer;font:700 16px Arial,Helvetica,sans-serif;color:#fff;background:#8fc3ec;}
    .pestana.activa{background:linear-gradient(#3b8de0,#2a77c8);}
    .pestana:disabled{background:#bfe0f4;color:#e9f4fb;cursor:default;}
    .titulo-seccion{margin:14px 0 18px;background:#ececec;text-align:center;padding:6px;font:700 20px Verdana,Arial,sans-serif;color:#1d3a6a;letter-spacing:.3px;}
    .subtitulo{margin:0 0 12px;font-size:16px;font-weight:700;color:#1f3f8f;text-decoration:underline;}
    .ficha{max-width:840px;padding-left:28px;font-size:14px;color:#222;}
    .ficha__fila{display:grid;grid-template-columns:236px 180px auto;gap:12px 20px;align-items:center;margin-bottom:12px;}
    .ficha__fila label,.ficha__fila .etq{font-weight:700;}
    .ficha__dato{background:#f1f1f1;padding:6px 6px;color:#7a7f87;font-size:14px;}
    .ficha__dato--ancho{grid-column:2 / -1;}
    .btn-sinc{justify-self:start;margin-left:34px;height:30px;padding:0 22px;border:1px solid #1d3f6e;border-radius:2px;cursor:pointer;color:#fff;font:700 13px Arial,Helvetica,sans-serif;
        background:linear-gradient(#7aa3cf 0%,#4f7db0 48%,#3a689d 52%,#2f5a8c 100%);}
    .btn-sinc:hover{filter:brightness(1.08);}
    .separador{border:0;border-top:2px solid #cfd3d8;margin:14px 0 14px;max-width:760px;}
    .ficha__preg{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:6px 0;align-items:center;max-width:640px;margin-bottom:12px;font-weight:700;}
    .ficha__preg select{grid-column:2 / span 2;justify-self:start;width:194px;height:28px;border:1px solid #b9bfc7;background:#f3f3f3;color:#a4a9b0;font:13px Arial,Helvetica,sans-serif;}
    .opcion{display:flex;align-items:center;gap:6px;font-weight:400;font-size:13px;color:#222;cursor:pointer;}
    .opcion input{width:16px;height:16px;margin:0;accent-color:#333;}
    .opcion.apagada{color:#a4a9b0;cursor:default;}

    .titulo-seccion--consulta{margin-top:0;letter-spacing:.8px;}
    .consulta{padding-left:42px;max-width:880px;font-size:14px;font-weight:700;color:#222;margin-bottom:14px;}
    .consulta__fila{display:grid;grid-template-columns:206px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px;}
    .consulta__fila .ficha__dato{color:#2a3442;font-weight:400;}
    .consulta__corto{max-width:150px;}
    .consulta__fila--sn{grid-template-columns:386px 76px;}
    .consulta__fila--conv{grid-template-columns:136px 76px;}
    .consulta__sn{text-align:center;}
    .tabla-caja{overflow-x:auto;margin:0 0 14px;}
    .tabla-pdt{width:100%;border-collapse:collapse;font-size:14px;border:1px solid #9fb6d6;}
    .tabla-pdt th{background:linear-gradient(#4a8fd8,#2c6fbe);color:#fff;font-weight:700;padding:9px 10px;border-right:1px solid #1d4f8f;}
    .tabla-pdt td{padding:8px 10px;border-right:1px solid #555;color:#222;}
    .tabla-pdt td:first-child,.tabla-pdt td:last-child{text-align:center;}
    .tabla-pdt td:first-child{width:112px;}
    .tabla-pdt td:last-child{width:224px;border-right:0;}
    .tabla-pdt tbody tr:nth-child(odd){background:#e3f0fb;}
    .btn-descargar{margin-left:0;padding:0 16px;}

    .copia__ruc{margin:0 0 40px;font-size:13.5px;font-weight:700;color:#1d2f4c;}
    .copia{font-size:14px;font-weight:700;color:#222;max-width:880px;}
    .copia p{margin:0 0 22px;line-height:1.7;}
    .copia__ruta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:10px;}
    .copia__campo{min-height:30px;font-weight:400;color:#333;overflow-wrap:anywhere;}
    .copia .btn-sinc{margin-left:0;min-width:105px;}
    .btn-generar{margin:0 0 50px !important;}
    .copia__ruta--restaurar{margin-top:-14px;}
    .btn-restaurar{margin-top:118px !important;}

    .periodos__ruc{margin:0 0 14px;font-size:16px;font-weight:700;color:#1d2f4c;}
    .periodos__caja{max-height:378px;overflow:auto;border:1px solid #9fb6d6;}
    .tabla-periodos{border:0;}
    .tabla-periodos thead th{position:sticky;top:0;z-index:1;}
    .tabla-periodos td{text-align:center;border-right:1px solid #555;}
    .tabla-periodos td:first-child,.tabla-periodos td:last-child{width:auto;}
    .tabla-periodos td:last-child{border-right:0;padding:4px;}
    .btn-lapiz{background:none;border:0;padding:2px;cursor:pointer;line-height:0;}
    .btn-lapiz svg{width:22px;height:22px;}
    .btn-lapiz:hover{filter:brightness(1.12);}
    .btn-nuevo{margin:110px 0 0 116px;width:105px;}

    .param__etq{margin:0 0 12px;font-size:13.5px;font-weight:700;color:#1d2f4c;}
    .param__etq--sel{margin-top:16px;}
    .param__etq--sel span{color:inherit;}
    .param__detalle{max-height:310px;}
    .tabla-param-det{table-layout:fixed;}
    .tabla-param-det th:first-child,.tabla-param-det td:first-child{width:126px;}
    .tabla-param-det td:last-child{width:auto;text-align:left;padding:8px 10px;max-width:0;white-space:nowrap;overflow:hidden;}
    .param__caja{max-height:278px;}
    .tabla-param td:nth-child(2){text-align:left;}
    .tabla-param td:first-child{width:112px;}
    .tabla-param td:last-child{width:156px;}
    .tabla-param tr.elegido td{background:#a9c6ec;}
    .param__nota{max-width:720px;font-size:13.5px;line-height:1.6;color:#444;background:#f6f8fb;border:1px solid #d5dce8;padding:10px 14px;margin:0;}
    .param__nota[hidden]{display:none;}

    /* ----- Barra de estado inferior ----- */
    .ventana__estado{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 10px 0 30px;
        background:linear-gradient(#f4f4f5,#e6e7e9);border-top:1px solid #c8cbd0;font-family:Arial,Helvetica,sans-serif;font-size:13.5px;font-weight:700;color:#55657a;}
    .ventana__estado .conexion{display:flex;align-items:center;gap:12px;}
    .ventana__estado svg{width:18px;height:18px;}
    .agarre{width:12px;height:12px;background:radial-gradient(circle,#9aa0a7 1px,transparent 1.5px) 0 0/4px 4px;opacity:.8;}


    /* ===== Cuadros de mensaje del PDT (estilo del programa de escritorio) ===== */
    .ventana{position:relative;}
    .dlg-fondo{position:absolute;inset:34px 0 0 0;z-index:300;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(1.6px);backdrop-filter:blur(1.6px);
        display:flex;align-items:flex-start;justify-content:center;padding:300px 16px 16px;}
    .dlg-fondo[hidden]{display:none;}
    .dlg-pdt{width:744px;max-width:100%;background:#fff;border:1px solid #2f3a4a;box-shadow:0 6px 24px rgba(0,0,0,.35);font-family:Arial,Helvetica,sans-serif;}
    .dlg-pdt__titulo{padding:9px 14px;background:linear-gradient(#e3edfb,#b9d0f2);border-bottom:1px solid #9bb3d6;font-size:16px;font-weight:700;color:#111;}
    .dlg-pdt__cuerpo{display:flex;gap:18px;align-items:flex-start;padding:16px 26px 10px 26px;}
    .dlg-pdt__icono{width:46px;height:46px;flex-shrink:0;margin-top:22px;}
    .dlg-pdt__texto{font-size:16px;line-height:1.6;color:#111;}
    .dlg-pdt__texto p{margin:0 0 18px;}
    .dlg-pdt__texto p:last-child{margin-bottom:0;}
    .dlg-pdt__botones{display:flex;justify-content:center;gap:12px;padding:6px 16px 16px;}
    .dlg-btn{min-width:127px;height:32px;padding:0 16px;border-radius:2px;cursor:pointer;font:16px Arial,Helvetica,sans-serif;}
    .dlg-btn--claro{border:1px solid #3d6aa8;color:#111;background:linear-gradient(#e8f1fd 0%,#b9d3f3 50%,#9fc2ee 51%,#a9caf1 100%);}
    .dlg-btn--oscuro{border:1px solid #0f2a52;color:#fff;background:linear-gradient(#5d8ed2 0%,#3468b3 50%,#21539c 51%,#2a5ca6 100%);}
    .dlg-btn:hover{filter:brightness(1.06);}
    .dlg-btn:focus-visible{outline:2px dotted #111;outline-offset:-5px;}

    /* ===== Ventanas de aviso (mismo estilo que el FV 621) ===== */
    .overlay-modal{display:none;position:fixed;inset:0;background:rgba(10,20,35,.4);z-index:400;}
    .overlay-modal.abierto{display:block;}
    .modal-aviso{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.28);width:520px;max-width:92vw;z-index:401;font-family:Arial,Helvetica,sans-serif;}
    .modal-aviso.abierto{display:block;}
    .modal-aviso__cuerpo{display:flex;align-items:flex-start;gap:16px;padding:26px 24px 20px;}
    .modal-aviso__icono{font-size:24px;line-height:1;flex-shrink:0;}
    .modal-aviso__texto{margin:0;font-size:13.5px;line-height:1.6;color:#444;}
    .modal-aviso__texto b{color:#222;}
    .modal-aviso__pie{border-top:1px solid #e3e5e8;padding:14px 22px;display:flex;justify-content:flex-end;}
    .btn-aceptar-modal{background:#1479C9;color:#fff;border:none;border-radius:4px;padding:9px 28px;font-size:13px;font-weight:700;cursor:pointer;}
    .btn-aceptar-modal:hover{background:#0f66ad;}

    /* ===== Celular y pantallas angostas ===== */
    @media (max-width:820px){
        .bienvenida{grid-template-columns:1fr;min-height:0;}
        .bienvenida__izq{padding:24px 20px;}
        .ilustracion{min-height:220px;max-width:320px;}
        .logo-plame__nombre{font-size:30px;}
        .logo-plame__plame{font-size:32px;letter-spacing:7px;}
        .bienvenida__der{padding:28px 22px 30px;}
        .bienvenida__der p{font-size:14.5px;text-align:left;}
        .bienvenida__der .ayuda{margin-top:26px;}
        .acceso__arriba{grid-template-columns:1fr;padding:22px 14px 16px;gap:16px;}
        .acceso .logo-plame__pdt{font-size:20px;}
        .acceso .logo-plame__nombre{font-size:32px;}
        .acceso .logo-plame__plame{font-size:34px;letter-spacing:7px;}
        .acceso__panel{margin-left:0;padding:18px 14px;gap:14px;flex-direction:column;align-items:center;}
        .acceso__icono{display:none;}
        .tarjeta-clave{width:100%;max-width:316px;}
        .campos-clave{grid-template-columns:auto minmax(0,1fr);justify-content:stretch;}
        .acceso__abajo{padding:22px 16px 18px;}
        .marca-entidad{font-size:34px;}
        .app__cabecera{padding:10px 14px;}
        .app__cabecera h1{font-size:20px;white-space:normal;}
        .app__cabecera .marca-entidad{font-size:22px;}
        .app__migas{flex-direction:column;align-items:flex-start;padding:6px 10px;}
        .app__cuerpo{grid-template-columns:1fr;}
        .menu{border-right:0;border-bottom:3px double #c9ced6;}
        .menu__items{min-height:0;}
        .pestanas{grid-template-columns:1fr;}
        .ficha{padding-left:4px;}
        .ficha__fila{grid-template-columns:1fr;gap:6px;}
        .ficha__dato--ancho{grid-column:auto;}
        .btn-sinc{margin-left:0;}
        .ficha__preg{grid-template-columns:minmax(0,1fr) 64px 64px;}
        .ficha__preg select{grid-column:1 / -1;width:100%;}
        .consulta{padding-left:4px;}
        .btn-nuevo{margin:20px 0 0;}
        .tabla-periodos{min-width:520px;}
        .tabla-param{min-width:480px;}
        .copia__ruta{grid-template-columns:1fr auto;}
        .copia__ruta > span:first-child{grid-column:1 / -1;}
        .consulta__fila,.consulta__fila--sn,.consulta__fila--conv{grid-template-columns:minmax(0,1fr) 76px;}
        .consulta__fila:not(.consulta__fila--sn):not(.consulta__fila--conv){grid-template-columns:1fr;gap:4px;}
        .ventana__estado{padding-left:16px;font-size:12.5px;}
        .dlg-fondo{padding-top:120px;}
        .dlg-pdt__cuerpo{padding:14px 14px 8px;gap:12px;}
        .dlg-pdt__icono{width:36px;height:36px;margin-top:4px;}
        .dlg-pdt__texto{font-size:14.5px;}
        .dlg-btn{min-width:110px;font-size:14.5px;}
        .aviso-fijo{font-size:12.5px;}
    }