/* ========================================================================
   ETIQUETAS
   ======================================================================== */

label{
    display:block;
    margin-bottom:6px;
    font-size:14px;
    font-weight:600;
    color:#0b2a4a;
}

/* ========================================================================
   CONTROLES
   ======================================================================== */

input,
select,
textarea{
    width:100%;
    padding:14px;
    border:1px solid #d2d2d7;
    border-radius:12px;
    background:#fff;
    font-size:15px;
    font-family:inherit;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

/* ========================================================================
   ESPACIADO ENTRE CONTROLES
   ======================================================================== */

.form-stack > :not([hidden]) + :not([hidden]){
    margin-top:12px;
}

/* ========================================================================
   CONTROLES ESPEC??FICOS
   ======================================================================== */

select{
    cursor:pointer;
}

textarea{
    min-height:120px;
    resize:vertical;
}

input[readonly],
textarea[readonly]{
    background:#f7f8fa;
    color:#555;
}

/* ========================================================================
   ESTADOS
   ======================================================================== */

input:focus,
select:focus,
textarea:focus{
    outline:none;
    border-color:#0071e3;
    box-shadow:0 0 0 3px rgba(0,113,227,.15);
}

/* ========================================================================
   LAYOUT DEL FORMULARIO
   ======================================================================== */

.form-actions{
    margin-top:16px;
}

.status-message{
    margin-top:10px;
}

.form-navigation{
    margin-top:16px;
}