/* === ADMIN LOCAL TASKS - UTPL STYLE === */

#block-utpl-alumni-primary-local-tasks {
  margin: 20px auto;
  padding: 0 20px;
}

#block-utpl-alumni-primary-local-tasks ul {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}

#block-utpl-alumni-primary-local-tasks li {
  margin: 0;
}

#block-utpl-alumni-primary-local-tasks a {
  display: inline-block;
  padding: 8px 18px;
  background: #e6eef6;
  color: #0b3c6f;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

#block-utpl-alumni-primary-local-tasks a:hover {
  background: #0b3c6f;
  color: #ffffff;
}

#block-utpl-alumni-primary-local-tasks a.is-active {
  background: #0b3c6f;
  color: #ffffff;
}

.layout-builder .node-form {
  max-width: 900px;
  margin: 20px auto;
  background: #f9fbfd;
  padding: 20px;
  border-radius: 10px;
}

.layout-builder .node-form h2 {
  font-size: 18px;
}

/* =========================================
   LAYOUT BUILDER – ADMIN INSTITUCIONAL UTPL
   ========================================= */

/* ----- CONTENEDOR GENERAL ----- */

.layout-builder-form {
  margin: 0 auto;
  margin-left: 1em;
}

/* ----- OCULTAR ELEMENTOS INNECESARIOS ----- */

.layout-builder__message,
.layout-builder__message--overrides {
  display: none !important;
}

.layout-builder-form .entity-content-form-revision-information,
.layout-builder-form .vertical-tabs,
.layout-builder-form #edit-revision-information {
  display: none !important;
}

.layout-builder-form #edit-revert {
  display: none !important;
}

.layout-builder-form #edit-preview-toggle {
  display: none !important;
}

/* ----- BARRA DE ACCIONES ----- */

.layout-builder-form .form-actions {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  align-items: center;
  margin-bottom: 45px;
}

/* Botones base (CUADRADOS) */

.layout-builder-form .form-submit {
  padding: 12px 26px;
  font-weight: 600;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  font-size: 14px;
}

/* Botón principal */

.layout-builder-form .button--primary {
  background: #0d3b66;
  color: #ffffff;
  border: 1px solid #0d3b66;
  box-shadow: none;
}

.layout-builder-form .button--primary:hover {
  background: #164d8f;
  border-color: #164d8f;
}

/* Botón secundario */

.layout-builder-form #edit-discard-changes {
  background: #f0f0f0;
  color: #333;
  border: 1px solid #d0d0d0;
}

.layout-builder-form #edit-discard-changes:hover {
  background: #e2e2e2;
}

/* ----- ESPACIADO ENTRE SECCIONES ----- */

.layout-builder__layout {
  margin-top: 40px;
}

.layout-builder__section {
  margin-bottom: 60px;
}

/* Aire interno */

.layout-builder__section > .layout-builder__region {
  padding: 35px;
}

/* ----- SECCIÓN "AGREGAR SECCIÓN" MÁS LIMPIA ----- */

.layout-builder__add-section {
  margin: 40px 0;
  padding: 45px;
  border: 1px dashed #cfcfcf;
  background: #fafafa;
  text-align: center;
  border-radius: 0;
  transition: background 0.2s ease;
}

.layout-builder__add-section:hover {
  background: #f1f4f8;
}

/* ----- REGIONES ----- */

.layout-builder__region:hover {
  background: rgba(0, 0, 0, 0.02);
  transition: 0.2s ease;
}

/* =========================================
   CONFIRM FORM – DESCARTAR CAMBIOS
   ========================================= */

.layout-builder-discard-changes {
  max-width: 800px;
  margin: 80px auto;
  padding: 50px 60px;
  background: #ffffff;
  border: 1px solid #e3e6ea;
}

/* Texto del mensaje */
.layout-builder-discard-changes {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

/* Contenedor botones */
.layout-builder-discard-changes .form-actions {
  margin-top: 35px;
  display: flex;
  gap: 16px;
}

/* Botones base cuadrados */
.layout-builder-discard-changes .form-submit,
.layout-builder-discard-changes .dialog-cancel {
  border-radius: 0;
  padding: 12px 26px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s ease;
}

/* Botón confirmar */
.layout-builder-discard-changes .button--primary {
  background: #0d3b66;
  color: #ffffff;
  border: 1px solid #0d3b66;
}

.layout-builder-discard-changes .button--primary:hover {
  background: #164d8f;
  border-color: #164d8f;
}

/* Botón cancelar */
.layout-builder-discard-changes .dialog-cancel {
  background: #f0f0f0;
  border: 1px solid #d0d0d0;
  color: #333;
}

.layout-builder-discard-changes .dialog-cancel:hover {
  background: #e2e2e2;
}

/* =========================================
   PORTABLE ADMIN UI (otro Drupal)
   ========================================= */

/* Local tasks: Ver / Editar / Diseño / Revisiones */
.block-local-tasks-block .tabs--primary,
.block-local-tasks-block ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}

.block-local-tasks-block .tabs--primary li,
.block-local-tasks-block ul.tabs li {
  margin: 0;
}

.block-local-tasks-block .tabs--primary a,
.block-local-tasks-block ul.tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0.7rem 1.2rem;
  border: 1px solid #c8d8ea;
  border-radius: 0.2rem;
  background: #eaf1f8;
  color: #0b3c6f;
  font-weight: 600;
  text-decoration: none;
  transition: all 160ms ease;
}

.block-local-tasks-block .tabs--primary a:hover,
.block-local-tasks-block ul.tabs a:hover {
  border-color: #0b3c6f;
  background: #0b3c6f;
  color: #fff;
}

.block-local-tasks-block .tabs--primary a.is-active,
.block-local-tasks-block ul.tabs a.is-active,
.block-local-tasks-block .tabs--primary a[aria-current="page"],
.block-local-tasks-block ul.tabs a[aria-current="page"] {
  border-color: #0b3c6f;
  background: #0b3c6f;
  color: #fff;
}

/* Botones de Layout Builder: Guardar diseño / Descartar cambios */
.layout-builder-form .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 30px;
}

.layout-builder-form .form-actions .button,
.layout-builder-form .form-actions .form-submit {
  min-height: 48px;
  padding: 0.75rem 1.35rem;
  border-radius: 0.2rem;
  font-size: 0.98rem;
  font-weight: 700;
  border: 1px solid transparent;
}

.layout-builder-form .form-actions .button--primary {
  background: #0b3c6f;
  border-color: #0b3c6f;
  color: #fff;
}

.layout-builder-form .form-actions .button--primary:hover {
  background: #125190;
  border-color: #125190;
}

.layout-builder-form .form-actions #edit-discard-changes,
.layout-builder-form .form-actions .button:not(.button--primary) {
  background: #f1f3f6;
  border-color: #d4dae2;
  color: #253648;
}

.layout-builder-form .form-actions #edit-discard-changes:hover,
.layout-builder-form .form-actions .button:not(.button--primary):hover {
  background: #e5e9ef;
}

/* -----------------------------------------
   OCULTAR UI de Apariencia/Temas (visual)
   Nota: esto NO reemplaza permisos.
   ----------------------------------------- */

/* Oculta item "Apariencia" del toolbar admin. */
#toolbar-item-administration-tray a[href*="/admin/appearance"],
#toolbar-item-administration a[href*="/admin/appearance"] {
  display: none !important;
}

/* Oculta tabs locales y atajos hacia Apariencia. */
.block-local-tasks-block a[href*="/admin/appearance"],
.admin-toolbar a[href*="/admin/appearance"] {
  display: none !important;
}

/* En /admin/appearance: mostrar solo tema default/admin y ocultar operaciones. */
.path-admin-appearance .theme-selector .operations {
  display: none !important;
}

.path-admin-appearance .theme-selector:not(.theme-default):not(.theme-admin) {
  display: none !important;
}