/*
 * CBTI Widgets · página Empresa.
 * El markup lleva los estilos en línea del diseño; acá van el formulario de contacto (componente
 * Input del diseño), sus estados y la regla táctil del enlace "volver".
 */

/* En el diseño "← Directorio TIC de Bolivia" es a[href="#"]: hereda la regla táctil ≤900px. */
@media (max-width: 900px) {
	.cbtiw-emp-back { min-height: 40px; display: inline-flex; align-items: center; }
}

/* Estados del formulario (contactoAbierto / contactoEnviado): ganan al display en línea. */
.cbtiw-emp-form[hidden],
.cbtiw-emp-sent[hidden] { display: none !important; }

/* Campos: valores del componente Input del diseño. (0,2,0) gana a los estilos de input del tema padre. */
.cbtiw-emp-form .cbtiw-emp-field {
	display: inline-block; width: 100%; max-width: none; height: auto; min-height: 44px; margin: 0; padding: 11px 14px;
	font-family: var(--font-body); font-size: var(--text-body-sm); font-weight: 400; font-style: normal; line-height: normal; letter-spacing: normal; text-transform: none;
	color: var(--text-strong); background: var(--white); border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
	outline: none; box-shadow: none;
	transition: border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);
}
.cbtiw-emp-form .cbtiw-emp-field--ico { padding-left: 42px; }
.cbtiw-emp-form .cbtiw-emp-field--area { resize: vertical; }
.cbtiw-emp-form .cbtiw-emp-field:focus { border-color: var(--accent-strong); box-shadow: var(--focus-ring); } /* [DERIVADO] */
.cbtiw-emp-form .cbtiw-emp-field-ico { position: absolute; left: 14px; top: 14px; }