#validador-qr-cee{
max-width:860px;
margin:24px auto;
padding:0 12px;
font-family:Arial,sans-serif;
box-sizing:border-box;
}

#validador-qr-cee *{
box-sizing:border-box;
}

.vqr-card{
background:#fff;
border-radius:14px;
box-shadow:0 4px 18px rgba(0,0,0,.10);
padding:24px;
overflow:hidden;
}

.vqr-loading{
text-align:center;
font-size:16px;
color:#444;
}

.vqr-header{
text-align:center;
margin-bottom:20px;
}

.vqr-header h1{
font-size:28px;
margin:0;
color:#1a2b44;
line-height:1.2;
}

.vqr-header h2{
font-size:18px;
margin-top:8px;
color:#666;
font-weight:normal;
line-height:1.3;
}

.vqr-status{
text-align:center;
font-size:24px;
font-weight:bold;
margin-bottom:20px;
word-break:break-word;
}

.ok{color:#0d7c2f;}
.error{color:#b00020;}

.vqr-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.vqr-item{
background:#f8f9fb;
padding:12px;
border-radius:10px;
min-width:0;
}

.vqr-label{
font-weight:bold;
font-size:13px;
color:#666;
display:block;
margin-bottom:4px;
}

.vqr-value{
font-size:15px;
color:#222;
word-break:break-word;
overflow-wrap:break-word;
}

.vqr-legal{
font-size:11px;
color:#666;
margin-top:20px;
text-align:justify;
line-height:1.6;
border-top:1px solid #eee;
padding-top:15px;
}

@media(max-width:768px){

.vqr-grid{
grid-template-columns:1fr;
}

.vqr-header h1{font-size:22px;}
.vqr-header h2{font-size:16px;}
.vqr-status{font-size:20px;}

}

@media(max-width:480px){

#validador-qr-cee{
padding:0 8px;
margin:16px auto;
}

.vqr-card{
padding:14px;
}

.vqr-header h1{font-size:20px;}
.vqr-header h2{font-size:15px;}
.vqr-status{font-size:18px;}

.vqr-label{font-size:12px;}
.vqr-value{font-size:13px;}
.vqr-legal{font-size:10px;}

}