/* IT en Línea · Contacto visual v0.1 | pendiente de conectar Formulario Naranja */
.it-contact{padding-bottom:90px}
.it-contact__layout{display:grid;grid-template-columns:minmax(0, .92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,75px);align-items:start;margin-top:34px}
.it-contact__eyebrow{display:block;color:var(--it-blue,#2477b9);font-size:11px;font-weight:850;letter-spacing:.12em;margin-bottom:12px}
.it-contact__info h2,.it-contact__form-panel h2{font-size:clamp(26px,2.5vw,34px);font-weight:900;letter-spacing:-.025em;line-height:1.15;margin:0 0 15px;color:#20252b}
.it-contact__info>p,.it-contact__form-panel>p{margin:0 0 25px;color:#667583;font-size:15px;line-height:1.7}
.it-contact__channels{border-top:1px solid #dde5eb;margin-top:28px}
.it-contact__channel{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid #dde5eb}
.it-contact__channel strong{font-size:14px;color:#25313b}
.it-contact__channel a{color:#1467a5;text-decoration:none;font-size:15px;overflow-wrap:anywhere}
.it-contact__channel a:hover{text-decoration:underline}
.it-contact__info .it-contact__notice{font-size:13px;margin-top:20px}
.it-contact__form-panel{padding:clamp(22px,3vw,38px);background:#f3f7fa;border:1px solid #dfe8ef;border-top:3px solid var(--it-blue,#2477b9)}
.it-contact__fields{display:grid;gap:18px}
.it-contact__field{display:grid;gap:8px}
.it-contact__field label{font-weight:750;font-size:13px;color:#27313a}
.it-contact__field label span{color:#176db0}
.it-contact__field input,.it-contact__field textarea{box-sizing:border-box;width:100%;max-width:100%;padding:13px 15px;border:1px solid #cbd9e4;border-radius:4px;background:white;color:#20252b;font:inherit;font-size:15px;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}
.it-contact__field textarea{resize:vertical;min-height:135px}
.it-contact__field input:focus,.it-contact__field textarea:focus{border-color:#2477b9;box-shadow:0 0 0 3px rgba(36,119,185,.12);outline:none}
.it-contact__consent{display:flex;align-items:flex-start;gap:10px;color:#526473;font-size:13px;line-height:1.5;cursor:pointer}
.it-contact__consent input{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:#2477b9}
.it-contact__consent a{color:#1767a4}
.it-contact__submit{justify-self:start;display:inline-flex;gap:12px;align-items:center;padding:14px 22px;border:0;border-radius:4px;background:var(--it-blue,#2477b9);color:white;font-size:14px;font-weight:800;letter-spacing:.01em}
.it-contact__submit:disabled{opacity:.6;cursor:not-allowed}
.it-contact__pending{margin:-6px 0 0;font-size:12px;color:#607383}
@media(max-width:800px){.it-contact__layout{grid-template-columns:1fr;gap:35px}.it-contact__form-panel{max-width:100%}}
@media(max-width:600px){.it-contact{padding-bottom:48px}.it-contact__layout{margin-top:24px}.it-contact__form-panel{padding:22px 18px}}


/* IT en Línea — Ajustes visuales del shortcode Pixel Naranja Forms (15164).
   Importar este archivo después de los estilos generales del sitio y del plugin. */
.it-contact__form-panel .it-contact__plugin-form .pnf-wrap {
  --pnf-accent: #2579b8;
  --pnf-radius: 3px;
  --pnf-space: 14px;
  max-width: 100%;
}
.it-contact__form-panel .it-contact__plugin-form .pnf-fields { grid-template-columns: minmax(0,1fr); }
.it-contact__form-panel .it-contact__plugin-form .pnf-field label { font-size: 0.875rem; }
.it-contact__form-panel .it-contact__plugin-form .pnf-field input,
.it-contact__form-panel .it-contact__plugin-form .pnf-field textarea {
  border-radius: 3px;
  min-height: 42px;
  background: #fff;
}
.it-contact__form-panel .it-contact__plugin-form .pnf-submit {
  border-radius: 3px;
  min-height: 42px;
  margin-top: 18px;
}
.it-contact__form-panel .it-contact__privacy-note {
  font-size: 0.8rem;
  margin-top: 16px;
}




/* IT en Línea V2 · Encabezado Contáctenos estilo Podcast */
.it-contact .it-contact__page-heading {
  margin-bottom: 36px;
}
.it-contact .it-contact__page-kicker {
  display: block;
  margin: 0 0 12px;
  color: var(--it-blue, #2477b9);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.it-contact .it-contact__page-heading .it-page__title-row {
  display: flex;
  align-items: baseline;
  gap: 20px;
  width: 100%;
  margin: 0 0 25px;
}
.it-contact .it-contact__page-heading .it-page__title-row h1 {
  flex: 0 0 auto;
  margin: 0;
  color: #1b1d22;
  font-size: clamp(36px, 4.1vw, 49px);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.it-contact .it-contact__page-heading .it-page__heading-rule {
  display: block;
  flex: 1 1 auto;
  min-width: 15px;
  height: 1px;
  background: var(--it-blue, #2477b9);
}
.it-contact .it-contact__page-heading .it-page__intro {
  margin-top: 0;
}
@media (max-width: 560px) {
  .it-contact .it-contact__page-heading .it-page__title-row { gap: 12px; }
  .it-contact .it-contact__page-heading .it-page__title-row h1 { font-size: clamp(30px, 8vw, 40px); }
}


/* IT en Línea V2 — Espacio superior del título */
.it-contact .it-page__header {
    padding-top: 28px;
}