.estado-envio-section{

width:100%;
min-height:65vh;

display:flex;
justify-content:center;
align-items:center;

padding:60px 20px;

}

.estado-card{

background:#fff;

padding:40px;

border-radius:18px;

box-shadow:0 12px 30px rgba(0,0,0,.08);

width:100%;
max-width:460px;

margin:0 auto;

text-align:center;

}

.estado-card h2{

font-size:24px;

margin-bottom:20px;

font-weight:700;

color:#333;

}

.estado-card input{

width:100%;

padding:14px;

margin-bottom:12px;

border-radius:8px;

border:1px solid #ddd;

font-size:14px;

}

.btn-consultar{

width:100%;

padding:14px;

border:none;

border-radius:10px;

font-size:15px;

font-weight:600;

color:#fff;

background:linear-gradient(
90deg,
#7b2cff,
#b720eb
);

cursor:pointer;

}

.resultado-pedido{

margin-top:20px;

font-size:14px;

}

.estado-visual{

display:flex;

justify-content:space-between;

margin-top:25px;

position:relative;

}

.estado-step{

text-align:center;

flex:1;

}

.circulo{

width:36px;
height:36px;

border-radius:50%;

background:#ddd;

display:flex;

align-items:center;
justify-content:center;

margin:0 auto 6px;

}

.estado-activo .circulo{

background:linear-gradient(
90deg,
#7b2cff,
#b720eb
);

color:#fff;

}