/* Ruta: wp-content/plugins/portalaseo-pedido/assets/css/
 * Archivo: datos.css
 * Versión: 1.0.0
 */

/* ==========================
   DATOS DE CONTACTO
========================== */

.pap-datos-formulario{
display:flex;
flex-direction:column;
gap:18px;
width:calc(100% - 24px);
margin:20px 12px 0;
}

.pap-datos-grupo{
display:flex;
flex-direction:column;
gap:8px;
}

.pap-datos-grupo label{
font-size:15px;
font-weight:700;
color:var(--pap-text);
}

.pap-datos-grupo .pap-input{
width:100%;
height:48px;
padding:0 14px;
border:1px solid var(--pap-border);
border-radius:8px;
background:var(--pap-control);
color:var(--pap-text);
font-family:inherit;
font-size:16px;
outline:none;
transition:.2s;
}

.pap-datos-grupo .pap-input::placeholder{
color:var(--pap-muted);
}

.pap-datos-grupo .pap-input:focus{
border-color:var(--pap-primary);
}

.pap-datos-footer{
display:flex;
gap:10px;
width:calc(100% - 24px);
margin:24px 12px 0;
box-sizing:border-box;
}

.pap-datos-footer button{
flex:1;
min-width:0;
margin:0;
box-sizing:border-box;
}

@media(max-width:600px){

.pap-datos-footer{
flex-direction:column;
}

.pap-datos-footer button{
width:100%;
flex:none;
}

}