/* APRODAP v173 · QR público */
.ap-v173-qr-modal .modal-content{border:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 90px rgba(2,44,43,.26)}
.ap-v173-qr-modal .modal-header{align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid rgba(15,118,110,.10);background:linear-gradient(135deg,#ecfeff 0%,#f0fdfa 58%,#fff 100%)}
.ap-v173-qr-modal .modal-header>div{min-width:0}
.ap-v173-qr-modal .modal-title{margin:.18rem 0 .25rem;color:#063d38;font-weight:900;letter-spacing:-.025em}
.ap-v173-qr-modal .modal-header p{margin:0;color:#64748b;font-size:.94rem}
.ap-v173-qr-kicker{display:block;color:#0f766e;font-size:.72rem;font-weight:900;letter-spacing:.11em}
.ap-v173-qr-modal .modal-body{padding:24px}
.ap-v173-qr-card{max-width:326px;margin:0 auto;padding:18px;border:1px solid rgba(15,118,110,.12);border-radius:24px;background:#fff;text-align:center;box-shadow:0 14px 38px rgba(15,23,42,.08)}
.ap-v173-qr-code{position:relative;width:min(100%,290px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;background:#fff}
.ap-v173-qr-code canvas,.ap-v173-qr-code>img{display:block!important;max-width:100%;height:auto!important}
.ap-v173-qr-logo{position:absolute;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%);display:grid;place-items:center;padding:7px;border-radius:18px;background:#fff;border:1px solid rgba(6,61,56,.12);box-shadow:0 5px 16px rgba(15,23,42,.13);pointer-events:none}
.ap-v173-qr-logo img{width:100%;height:100%;object-fit:contain}
.ap-v173-qr-card>strong{display:block;margin-top:10px;color:#063d38;font-size:1.04rem}
.ap-v173-qr-card>span{display:block;color:#64748b;font-size:.84rem}
.ap-v173-qr-loading{color:#64748b;font-size:.9rem}
.ap-v173-qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}
.ap-v173-qr-actions .btn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:.65rem .92rem;font-weight:850}
.ap-v173-qr-primary{color:#fff!important;background:#0f766e!important;border-color:#0f766e!important}
.ap-v173-qr-secondary{color:#0f766e!important;background:#fff!important;border:1px solid #99d8d1!important}
.ap-v173-qr-help{max-width:430px;margin:15px auto 0;text-align:center;color:#64748b;font-size:.8rem;line-height:1.45}
.ap-v173-qr-status{min-height:1.3em;margin-top:8px;text-align:center;color:#0f766e;font-size:.84rem;font-weight:800}
@media(max-width:575.98px){
 .ap-v173-qr-modal .modal-dialog{margin:0;min-height:100%}
 .ap-v173-qr-modal .modal-content{min-height:100vh;border-radius:0}
 .ap-v173-qr-modal .modal-body{padding:18px}
 .ap-v173-qr-card{max-width:300px;padding:14px}
 .ap-v173-qr-logo{width:54px;height:54px;padding:6px;border-radius:15px}
 .ap-v173-qr-actions{display:grid;grid-template-columns:1fr 1fr}
 .ap-v173-qr-actions .btn{justify-content:center}
 .ap-v173-qr-actions .btn:last-child{grid-column:1/-1}
}


/* APRODAP v224 · AJUSTE EXCLUSIVO DEL MODAL QR EN TELÉFONO
   Reduce el QR y compacta el modal para mostrarlo completo en la pantalla.
   No modifica generación, descarga, copia ni compartir del QR. */
@media (max-width:575.98px){
  .ap-v173-qr-modal{
    padding:8px !important;
  }
  .ap-v173-qr-modal .modal-dialog{
    width:auto !important;
    max-width:420px !important;
    min-height:0 !important;
    margin:0 auto !important;
  }
  .ap-v173-qr-modal .modal-content{
    min-height:0 !important;
    max-height:calc(100dvh - 16px) !important;
    border-radius:22px !important;
    overflow-y:auto !important;
  }
  .ap-v173-qr-modal .modal-header{
    padding:15px 18px 13px !important;
  }
  .ap-v173-qr-modal .modal-title{
    font-size:1.55rem !important;
    line-height:1.08 !important;
  }
  .ap-v173-qr-modal .modal-header p{
    margin-top:5px !important;
    font-size:.86rem !important;
    line-height:1.35 !important;
  }
  .ap-v173-qr-kicker{
    font-size:.66rem !important;
  }
  .ap-v173-qr-modal .modal-body{
    padding:14px 16px 16px !important;
  }
  .ap-v173-qr-card{
    width:100% !important;
    max-width:238px !important;
    padding:11px !important;
    border-radius:19px !important;
  }
  .ap-v173-qr-code{
    width:204px !important;
    max-width:100% !important;
    aspect-ratio:1 / 1 !important;
  }
  .ap-v173-qr-code canvas,
  .ap-v173-qr-code>img{
    width:100% !important;
    height:auto !important;
  }
  .ap-v173-qr-logo{
    width:43px !important;
    height:43px !important;
    padding:5px !important;
    border-radius:12px !important;
  }
  .ap-v173-qr-card>strong{
    margin-top:7px !important;
    font-size:.94rem !important;
  }
  .ap-v173-qr-card>span{
    font-size:.76rem !important;
  }
  .ap-v173-qr-actions{
    gap:7px !important;
    margin-top:12px !important;
  }
  .ap-v173-qr-actions .btn{
    padding:.52rem .68rem !important;
    font-size:.78rem !important;
  }
  .ap-v173-qr-help{
    margin-top:10px !important;
    font-size:.73rem !important;
    line-height:1.35 !important;
  }
  .ap-v173-qr-status{
    margin-top:5px !important;
    font-size:.76rem !important;
  }
}


/* APRODAP v225 · SOLO TELÉFONO
   QR más pequeño y estrictamente cuadrado para verlo completo en pantalla. */
@media (max-width:575.98px){
  .ap-v173-qr-card{
    width:min(72vw, 260px) !important;
    max-width:260px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:10px !important;
    box-sizing:border-box !important;
  }

  .ap-v173-qr-code{
    display:block !important;
    width:min(64vw, 220px) !important;
    height:min(64vw, 220px) !important;
    max-width:220px !important;
    max-height:220px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 auto !important;
    overflow:hidden !important;
  }

  .ap-v173-qr-code canvas,
  .ap-v173-qr-code > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    aspect-ratio:1 / 1 !important;
  }

  .ap-v173-qr-logo{
    width:40px !important;
    height:40px !important;
  }
}