/*==========================================================
QRESP
MÓDULO 02

FICHA TERRITORIAL OFICIAL
==========================================================*/
/*==================================
CONTENEDOR
==================================*/

.qr-popup{

    width:340px;

    background:#FFFFFF;

    border-radius:18px;

    overflow:hidden;

    font-family:'Montserrat',sans-serif;

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

/*==================================
ENCABEZADO
==================================*/

.qr-popup-header{

    background:linear-gradient(135deg,#0B3C6D,#0B5EA8);

    padding:24px;

    text-align:center;

    color:#FFFFFF;

}

.qr-popup-header h3{

    margin:0;

    color:#FFFFFF !important;

    font-size:1.35rem;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

}

.qr-popup-header span{

    display:block;

    margin-top:10px;

    color:rgba(255,255,255,.90);

    font-size:.86rem;

}

/*==================================
CÓDIGO
==================================*/

.qr-popup-code{

    margin:20px auto;

    width:180px;

    text-align:center;

    background:#EEF5FB;

    color:#0B3C6D;

    padding:10px 18px;

    border-radius:50px;

    font-weight:700;

    font-size:.9rem;

}


/*==================================
CUERPO
==================================*/

.qr-popup-body{

    padding:0 24px 20px;

}

.qr-popup-item{

    margin-bottom:18px;

    padding-bottom:12px;

    border-bottom:1px solid #EEF2F6;

}

.qr-popup-item:last-child{

    border-bottom:none;

}

.qr-popup-label{

    color:#7A8694;

    font-size:.74rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

}

.qr-popup-value{

    color:#2F3A45;

    font-size:.96rem;

    font-weight:600;

    line-height:1.7;

}


/*==================================
ESTADO
==================================*/

.qr-popup-status{

    display:inline-block;

    padding:8px 16px;

    border-radius:50px;

    background:#E8F8EF;

    color:#00A651;

    font-weight:700;

    font-size:.82rem;

}


/*==================================
BOTÓN
==================================*/

.qr-popup-footer{

    padding:0 24px 24px;

}

.qr-popup-button{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:48px;
    border-radius:12px;
    text-decoration:none;
    background:linear-gradient(135deg,#0B4F8A,#0088D4);
    color:#FFFFFF !important;
    font-weight:700;
    transition:.30s;
}

/*==================================
AJUSTE DE OVERFLOW PARA LEAFLET
==================================*/
.leaflet-popup-content-wrapper {
    max-height: 380px;
    overflow-y: auto;
    border-radius: 18px;
    padding: 0;
}

.leaflet-popup-content {
    margin: 0;
    width: 340px !important;
}

.qr-popup-button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(11,79,138,.35);
}

/*==================================
PIE
==================================*/

.qr-popup-signature{

    background:#F8FAFC;

    border-top:1px solid #E5ECF3;

    padding:14px;

    text-align:center;

}

.qr-popup-signature small{

    color:#7B8795;

    line-height:1.5;

    font-size:.72rem;

}