/* ============================================================
   Contacto Sección – estilos frontend
   Scoped a "body section.contactoSeccion" para máxima
   especificidad y no ser pisados por style.css global.
   ============================================================ */

body section.contactoSeccion {
    padding: 60px 0;
}

body section.contactoSeccion .titulo-pequeno {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 600;
}

body section.contactoSeccion .texto {
    margin-bottom: 30px;
    padding-bottom: 50px;
}

body section.contactoSeccion .texto p:last-child {
    margin-bottom: 0;
}

body section.contactoSeccion .direccion-titulo {
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

body section.contactoSeccion .direccion p {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 4px;
}

/* ── Dirección lateral ───────────────────────────────────── */
body section.contactoSeccion .contacto-cont {
    margin-top: 80px;
}

/* ── Inputs y textarea ───────────────────────────────────── */
body section.contactoSeccion input[type='text'],
body section.contactoSeccion input[type='password'],
body section.contactoSeccion input[type='email'],
body section.contactoSeccion input[type='url'],
body section.contactoSeccion input[type='date'],
body section.contactoSeccion input[type='month'],
body section.contactoSeccion input[type='time'],
body section.contactoSeccion input[type='datetime'],
body section.contactoSeccion input[type='datetime-local'],
body section.contactoSeccion input[type='week'],
body section.contactoSeccion input[type='number'],
body section.contactoSeccion input[type='search'],
body section.contactoSeccion input[type='tel'],
body section.contactoSeccion input[type='color'],
body section.contactoSeccion textarea {
    border-bottom: 1px solid #949494;
}

/* ── Estilos de texto en inputs/textarea dentro del formulario ── */
body section.contactoSeccion .formulario-contenedor input[type='text'],
body section.contactoSeccion .formulario-contenedor input[type='password'],
body section.contactoSeccion .formulario-contenedor input[type='email'],
body section.contactoSeccion .formulario-contenedor input[type='url'],
body section.contactoSeccion .formulario-contenedor input[type='date'],
body section.contactoSeccion .formulario-contenedor input[type='month'],
body section.contactoSeccion .formulario-contenedor input[type='time'],
body section.contactoSeccion .formulario-contenedor input[type='datetime'],
body section.contactoSeccion .formulario-contenedor input[type='datetime-local'],
body section.contactoSeccion .formulario-contenedor input[type='week'],
body section.contactoSeccion .formulario-contenedor input[type='number'],
body section.contactoSeccion .formulario-contenedor input[type='search'],
body section.contactoSeccion .formulario-contenedor input[type='tel'],
body section.contactoSeccion .formulario-contenedor input[type='color'],
body section.contactoSeccion .formulario-contenedor textarea {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
}

/* ── Placeholders (webkit) ───────────────────────────────── */
body section.contactoSeccion .formulario-contenedor input[type='text']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='password']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='email']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='url']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='date']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='month']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='time']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='datetime']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='datetime-local']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='week']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='number']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='search']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='tel']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor input[type='color']::-webkit-input-placeholder,
body section.contactoSeccion .formulario-contenedor textarea::-webkit-input-placeholder {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
}

/* ── Placeholders genéricos (todos los navegadores) ─────── */
body section.contactoSeccion .formulario-contenedor ::-webkit-input-placeholder {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    border: none;
    background: transparent;
}
body section.contactoSeccion .formulario-contenedor ::-moz-placeholder {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    border: none;
    background: transparent;
}
body section.contactoSeccion .formulario-contenedor :-ms-input-placeholder {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    border: none;
    background: transparent;
}
body section.contactoSeccion .formulario-contenedor :-moz-placeholder {
    color: #1a1919;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    border: none;
    background: transparent;
}

/* ── Labels ──────────────────────────────────────────────── */
body section.contactoSeccion label {
    color: #1a1919;
}

/* ── CF7 checkboxes / acceptance ─────────────────────────── */
body section.contactoSeccion .formulario-contenedor .wpcf7-list-item-label a,
body section.contactoSeccion .formulario-contenedor .wpcf7-list-item-label {
    color: #161616;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991px) {
    body section.contactoSeccion .col-xl-2,
    body section.contactoSeccion .col-lg-3 {
        margin-bottom: 30px;
    }
}