
/* APRODAP v203 · recuperación aditiva QR + Misión/Visión */
.ap-v203-institutional-access{
    width:min(100% - 28px, 1480px);
    margin:10px auto 2px;
    display:flex;
    justify-content:flex-end;
    gap:8px;
}
.ap-v203-institutional-btn{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:7px 12px;
    border:1px solid #dbe8ee;
    border-radius:13px;
    background:#fff;
    color:#173f5c;
    box-shadow:0 5px 16px rgba(15,45,70,.045);
    font:inherit;
    cursor:pointer;
    transition:.18s ease;
}
.ap-v203-institutional-btn:hover{transform:translateY(-1px);border-color:#b8dce1;box-shadow:0 8px 20px rgba(15,45,70,.08)}
.ap-v203-institutional-btn>i{
    width:30px;height:30px;display:grid;place-items:center;border-radius:9px;
    background:#e8f8f6;color:#0f948f;font-size:1rem
}
.ap-v203-institutional-btn.is-qr>i{background:#edf5ff;color:#2478df}
.ap-v203-institutional-btn span{display:grid;text-align:left;line-height:1.05}
.ap-v203-institutional-btn small{color:#7890a0;font-size:.58rem;font-weight:800}
.ap-v203-institutional-btn strong{margin-top:3px;font-size:.72rem;font-weight:950}

.ap-v203-footer-link{
    width:100%;display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;
    color:inherit;font:inherit;text-align:left;cursor:pointer
}
.ap-v203-footer-link i{width:18px;text-align:center}

/* La identidad ya existía, pero tema-publico.css la hacía visible solo en móvil.
   En escritorio se presenta como modal institucional sin alterar el comportamiento móvil. */
@media (min-width:768px){
    body.aprodap-identity-sheet-open{overflow:hidden}
    .aprodap-identity-sheet{
        position:fixed!important;inset:0!important;z-index:100120!important;
        display:block!important;pointer-events:none;visibility:hidden
    }
    .aprodap-identity-sheet.is-open{pointer-events:auto;visibility:visible}
    .aprodap-identity-sheet__backdrop{
        position:absolute;inset:0;width:100%;height:100%;border:0;
        opacity:0;background:rgba(2,12,23,.64);backdrop-filter:blur(7px);
        transition:opacity .22s ease
    }
    .aprodap-identity-sheet.is-open .aprodap-identity-sheet__backdrop{opacity:1}
    .aprodap-identity-sheet__panel{
        position:absolute;left:50%;top:50%;bottom:auto!important;right:auto!important;
        width:min(760px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 48px));
        overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:28px;
        color:#fff;background:
          radial-gradient(circle at 90% 5%,rgba(32,176,184,.25),transparent 30%),
          linear-gradient(145deg,#073b4d,#10243a);
        box-shadow:0 32px 90px rgba(2,12,23,.38);outline:0;
        transform:translate(-50%,-46%) scale(.98);opacity:0;
        transition:transform .25s ease,opacity .22s ease
    }
    .aprodap-identity-sheet.is-open .aprodap-identity-sheet__panel{
        transform:translate(-50%,-50%) scale(1);opacity:1
    }
    .aprodap-identity-sheet__handle{display:none}
    .aprodap-identity-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:18px}
    .aprodap-identity-sheet__brand{display:flex;align-items:center;gap:12px}
    .aprodap-identity-sheet__brand>span{width:58px;height:58px;display:grid;place-items:center;padding:8px;border-radius:17px;background:#fff}
    .aprodap-identity-sheet__brand img{width:100%;height:100%;object-fit:contain}
    .aprodap-identity-sheet__brand small{display:block;color:#74d9d5;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.09em}
    .aprodap-identity-sheet__brand h2{margin:2px 0 0;color:#fff;font-size:1.45rem;font-weight:950}
    .aprodap-identity-sheet__close{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.08);color:#fff}
    .aprodap-identity-sheet__intro{margin:18px 0;color:rgba(255,255,255,.76);line-height:1.55}
    .aprodap-identity-sheet__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .aprodap-identity-sheet__cards article{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);overflow:hidden}
    .aprodap-identity-sheet__card-trigger{width:100%;display:grid;grid-template-columns:50px 1fr 34px;align-items:center;gap:11px;padding:14px;border:0;background:transparent;color:#fff;text-align:left}
    .aprodap-identity-sheet__card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:rgba(30,190,176,.17);color:#5fe0d6;font-size:1.25rem}
    .aprodap-identity-sheet__card-icon.is-vision{background:rgba(55,137,244,.18);color:#77b4ff}
    .aprodap-identity-sheet__card-title small{display:block;color:rgba(255,255,255,.52);font-size:.59rem;font-weight:900;text-transform:uppercase}
    .aprodap-identity-sheet__card-title strong{display:block;margin-top:3px;color:#fff;font-size:1.05rem;font-weight:950}
    .aprodap-identity-sheet__card-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);transition:transform .2s ease}
    .aprodap-identity-sheet__cards article.is-active .aprodap-identity-sheet__card-arrow{transform:rotate(180deg)}
    .aprodap-identity-sheet__card-content{display:grid;grid-template-rows:0fr;opacity:0;transition:.25s ease}
    .aprodap-identity-sheet__cards article.is-active .aprodap-identity-sheet__card-content{grid-template-rows:1fr;opacity:1}
    .aprodap-identity-sheet__card-content p{min-height:0;overflow:hidden;margin:0;padding:0 16px;color:rgba(255,255,255,.73);font-size:.8rem;line-height:1.55}
    .aprodap-identity-sheet__cards article.is-active .aprodap-identity-sheet__card-content p{padding:0 16px 16px}
    .aprodap-identity-sheet__values{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
    .aprodap-identity-sheet__values span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.05);font-size:.7rem;font-weight:850}
    .aprodap-identity-sheet__action{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#8ce4de;text-decoration:none;font-weight:900;font-size:.78rem}
}

/* En teléfono no agregamos una segunda barra: la toolbar actual conserva su botón APRODAP.
   El QR sigue disponible desde el pie y no altera la navegación existente. */
@media(max-width:767px){
    .ap-v203-institutional-access{display:none}
}

@media(prefers-reduced-motion:reduce){
    .ap-v203-institutional-btn,.aprodap-identity-sheet__panel,.aprodap-identity-sheet__backdrop{transition:none!important}
}
