/* Ajustes finos y complementos de diseño del Tema ITR.
   El grueso del sistema de diseño está en style.css (:root). */

.itr-widget { margin-bottom: 1.4rem; }

/* Formulario de inscripción (renderizado por el plugin) */
.itr-form { display: grid; gap: 16px; background:#fff; border:1px solid var(--itr-borde); border-radius: var(--itr-radio); padding: 30px; box-shadow: var(--itr-sombra); }
.itr-form label { font-weight: 600; display:block; margin-bottom: 6px; font-size:.95rem; }
.itr-form input, .itr-form select, .itr-form textarea {
  width: 100%; padding: 12px 14px; border:1px solid var(--itr-borde); border-radius: 8px; font-size: 1rem; font-family: inherit;
}
.itr-form input:focus, .itr-form select:focus, .itr-form textarea:focus { outline: 2px solid var(--itr-dorado); border-color: var(--itr-dorado); }
.itr-form__aviso { padding: 12px 16px; border-radius: 8px; margin-bottom: 12px; }
.itr-form__aviso--ok { background:#e6f4ea; color:#1e5631; }
.itr-form__aviso--error { background:#fdecec; color:#8a1c1c; }

/* Malla curricular interactiva (renderizada por el plugin) */
.itr-malla__filtros { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom: 28px; }
.itr-malla__filtro { border:1px solid var(--itr-borde); background:#fff; padding:8px 16px; border-radius:999px; cursor:pointer; font-size:.9rem; }
.itr-malla__filtro.activo { background: var(--itr-azul-noche); color:#fff; border-color: var(--itr-azul-noche); }
.itr-malla__grid { display:grid; gap:20px; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); }
.itr-curso { background:#fff; border:1px solid var(--itr-borde); border-left: 5px solid var(--itr-borgona); border-radius: var(--itr-radio); padding: 20px; cursor:pointer; transition: box-shadow .2s ease; }
.itr-curso:hover { box-shadow: var(--itr-sombra); }
.itr-curso__nivel { font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; color: var(--itr-dorado); font-weight:700; }
.itr-curso h3 { margin:.3rem 0; font-size:1.15rem; }
.itr-curso__detalle { display:none; margin-top:12px; padding-top:12px; border-top:1px dashed var(--itr-borde); font-size:.95rem; }
.itr-curso.abierto .itr-curso__detalle { display:block; }
.itr-curso__tags span { display:inline-block; background:var(--itr-crema); border-radius:6px; padding:2px 8px; font-size:.78rem; margin:2px 4px 2px 0; }

/* Logo por defecto del ITR en la cabecera */
.itr-brand__logo { height: 48px; width: auto; display: block; }
@media (max-width: 480px) { .itr-brand__logo { height: 40px; } }
