/* =============================================================
   Tipografia: Sistema de Disseny Generalitat de Catalunya
   Sobreescriu les declaracions d'Arial/9pt de pln.css
   ============================================================= */

/* Font base i interlineat global */
body,
td, th,
input, select, option, textarea,
label, a, span, div, p,
fieldset, legend, button {
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 1.5;
}

/* Titol principal del formulari (badge procediment)
   font-size: 20px | font-weight: 600 | sense majuscules forcades */
.ds-procediment-badge {
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    line-height: 1.5;
}

/* Titols de seccio (legend dels fieldsets)
   font-size: 11px | font-weight: 600 | uppercase */
.ds-form-section-title,
.ds-fieldset legend {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

/* Etiquetes de camp
   font-size: 14px | font-weight: 400 */
.ds-label,
label.ds-label,
td.ds-form-grid-label,
.ds-form-grid-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5;
}

/* Text dins d'inputs i selects
   font-size: 16px | font-weight: 400 */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input.ds-input,
select,
textarea {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    line-height: 1.5;
}

/* Text d'ajuda (hints)
   font-size: 12px | font-weight: 400 | color: #666 */
.ds-hint,
.ds-help-text {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #666 !important;
    line-height: 1.5;
}

/* Blocs de text: interlineat ampliat
   line-height: 1.6 per a paragraphs i cossos de seccio */
p,
.ds-form-section-body,
.ds-response-card__message {
    line-height: 1.6;
}

/* Amplada minima de la columna d'etiquetes de camp (primera TD de cada fila) */
td.tdd:first-child {
    min-width: 220px;
    width: 220px;
}

/* Amplada maxima dels selects i inputs dins de la columna de dades */
td.tdd select,
td.tdd input[type="text"],
td.tdd textarea {
    max-width: 420px;
}

/* Selector responsiu per a busquedaCodiEns.jsp */
.sw-select-ens {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* Contenidor del selector de codi d'ens */
.sw-select-ens-wrap {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}