/* Static versioning test 2026-02-11 */
body {
  transition: opacity 0.01s ease;
}
/* 

.clearfix {
  zoom: 1; // For IE 6/7 (trigger hasLayout)

  &:before, &:after {
    content: "";
    display: table;
  }

  &:after {
    clear:both;
  }
}
 */
:root {
  --pgd-bg: #F4F4F4;
  --pgd-surface: #ffffff;
  --pgd-surface-2: #F4F4F4;
  --pgd-text: #161616;
  --pgd-text-muted: #525252;
  --pgd-border: #E0E0E0;
  --pgd-brand-primary: #1a7289;
  --pgd-brand-secondary: #1e2a2f;
  --pgd-radius-sm: 6px;
  --pgd-radius-md: 10px;
  --pgd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --pgd-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.1);
  --pgd-focus: 0 0 0 3px rgba(26, 114, 137, 0.2);
  --pgd-header-height: 60px;
  --pgd-breadcrumbs-height: 41px;
  --pgd-header-block-height: calc(var(--pgd-header-height) + var(--pgd-breadcrumbs-height) + 1px);
  --pgd-nav-width: 250px;
  --pgd-nav-width-collapsed: 55px;
}
ul.nav > li.nav-item {
  list-style: none;
  padding: 0;
}
a.btn-secondary,
a.btn-primary {
  color: white;
}
.btn-primary {
  background: #1a7289;
  border-color: #1a7289;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #218fab !important;
  border-color: #218fab !important;
  box-shadow: none !important;
}
.btn-secondary {
  background: #6F6F6F;
  border-color: #6F6F6F;
  color: white;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background: #525252 !important;
  border-color: #525252 !important;
  color: white;
  box-shadow: none !important;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  box-shadow: none !important;
}
#content .btn {
  font-size: 13px;
  padding: 10px 15px;
  border-radius: var(--pgd-radius-sm);
  line-height: 1.2;
  border-width: 1px;
}
#content .btn-lg {
  font-size: 14px;
  padding: 10px 20px;
}
.button--secondary {
  background: #6F6F6F !important;
  color: #ffffff !important;
  border: none;
}
.button--secondary:hover,
.button--secondary:active,
.button--secondary:focus {
  background: #525252 !important;
  color: #ffffff !important;
}
#changelist-form .results {
  overflow: visible;
}
.change-list #content-main,
.change-list #changelist,
.change-list #changelist-form {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}
.change-list #changelist-form .results-scroll-top {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
  height: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(22, 22, 22, 0.22) transparent;
}
.change-list #changelist-form .results-scroll-top-inner {
  height: 1px;
}
.change-list #changelist-form .results {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: rgba(22, 22, 22, 0.22) transparent;
}
.change-list #changelist-form .results-scroll-top::-webkit-scrollbar,
.change-list #changelist-form .results::-webkit-scrollbar {
  height: 6px;
}
.change-list #changelist-form .results-scroll-top::-webkit-scrollbar-track,
.change-list #changelist-form .results::-webkit-scrollbar-track {
  background: transparent;
}
.change-list #changelist-form .results-scroll-top::-webkit-scrollbar-thumb,
.change-list #changelist-form .results::-webkit-scrollbar-thumb {
  background: rgba(22, 22, 22, 0.18);
  border-radius: 999px;
}
.change-list #changelist-form .results-scroll-top::-webkit-scrollbar-thumb:hover,
.change-list #changelist-form .results::-webkit-scrollbar-thumb:hover {
  background: rgba(22, 22, 22, 0.3);
}
.model-botones.change-list #result_list {
  min-width: 960px;
}
.model-bloque.change-list #result_list {
  min-width: 640px;
}
#result_list .admin-list-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
}
#result_list td[class*="field-list_"],
#result_list td.field-publicado_display,
#result_list td.field-publicada_display,
#result_list td.field-public_display {
  text-align: center;
  white-space: nowrap;
  width: 1%;
  max-width: 3.5rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}
#result_list th[class*="column-list_"],
#result_list th.column-publicado_display,
#result_list th.column-publicada_display,
#result_list th.column-public_display {
  text-align: center;
  white-space: nowrap;
  width: 1%;
  min-width: 5.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.model-bloque.change-list #result_list .field-plantilla,
.model-bloque.change-list #result_list .column-plantilla {
  max-width: min(360px, 42vw);
}
.model-bloque.change-list #result_list .field-plantilla a,
.model-bloque.change-list #result_list .column-plantilla a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 1.4;
  background: var(--pgd-bg);
  color: var(--pgd-text);
}
a {
  text-decoration: unset;
}
.contenedor-principal {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: nowrap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  text-transform: none;
  letter-spacing: normal;
}
#content h1 {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.2;
  color: var(--pgd-text);
}
#content label,
#content .help,
#content .helptext,
#content .help-block,
#content .form-row,
#content .aligned label {
  text-transform: none;
  letter-spacing: normal;
}
#content .aligned .checkbox-row label,
#content .aligned label.vCheckboxLabel {
  width: auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#content #fieldset-enlace .form-row:first-of-type > div > label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
}
#content thead th,
#content .object-tools a,
#content .submit-row input,
#content .button,
#content a.button {
  text-transform: none;
  letter-spacing: normal;
}
#content.pagina__contenido {
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
  margin: 16px;
  padding: 16px;
}
#content table {
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  overflow: hidden;
}
#content table#panel-activity-history,
#content table#change-history {
  width: 100%;
}
#changelist table {
  border: none;
  border-radius: 0;
}
#content .module {
  border-radius: var(--pgd-radius-sm);
  margin-bottom: 16px;
}
#content .module > h2:first-child,
#content .module > caption:first-child {
  border-radius: var(--pgd-radius-sm) var(--pgd-radius-sm) 0 0;
}
#content fieldset.module {
  border-radius: var(--pgd-radius-sm);
}
#content .inline-group .tabular fieldset.module {
  border: none;
}
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content input[type="number"],
#content textarea,
#content select,
#content .vTextField,
#content .button,
#content input[type="submit"],
#content input[type="button"],
#content a.button {
  border-radius: var(--pgd-radius-sm);
}
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content input[type="url"]:focus,
#content input[type="number"]:focus,
#content textarea:focus,
#content select:focus,
#content .vTextField:focus,
#content .button:focus,
#content input[type="submit"]:focus,
#content input[type="button"]:focus,
#content a.button:focus {
  outline: none;
  box-shadow: var(--pgd-focus);
}
.admin-footer {
  margin: 0 16px 16px;
  padding: 10px 12px;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  background: var(--pgd-surface);
  box-shadow: var(--pgd-shadow-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: var(--pgd-text-muted);
}
.admin-footer__left,
.admin-footer__right {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.admin-footer__label {
  font-weight: 600;
  color: var(--pgd-text);
}
.admin-footer__muted {
  color: var(--pgd-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-footer__pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--pgd-border);
  background: var(--pgd-surface-2);
  color: var(--pgd-text-muted);
  white-space: nowrap;
}
.admin-footer__pill--env {
  border-color: rgba(26, 114, 137, 0.35);
  color: #1a7289;
}
.pgd-dashboard {
  width: 100%;
}
.pgd-dashboard__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pgd-dashboard__h1 {
  margin: 0;
}
.pgd-dashboard__subtitle {
  margin: 0.25rem 0 0;
  color: var(--pgd-text-muted);
}
.pgd-dashboard__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.pgd-dashboard__kpis--pgd {
  margin-top: -0.5rem;
}
.pgd-dashboard__kpi--link {
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pgd-dashboard__kpi--link:hover {
  border-color: rgba(26, 114, 137, 0.35);
  box-shadow: var(--pgd-shadow-md);
  text-decoration: none;
  color: inherit;
}
.pgd-dashboard__kpi--primary .pgd-dashboard__kpi-value {
  color: #1a7289;
}
.pgd-dashboard__kpi--ok .pgd-dashboard__kpi-value {
  color: #198754;
}
.pgd-dashboard__kpi--warn .pgd-dashboard__kpi-value {
  color: #b45309;
}
.pgd-dashboard__kpi--muted .pgd-dashboard__kpi-value {
  color: var(--pgd-text-muted);
}
.pgd-dashboard__kpi {
  padding: 1rem 1.1rem;
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
}
.pgd-dashboard__kpi-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--pgd-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pgd-dashboard__kpi-value {
  margin-top: 0.25rem;
  font-size: 1.8rem;
  font-weight: 800;
  color: #1a7289;
}
.pgd-dashboard__kpi-hint {
  margin-top: 0.35rem;
  font-size: 0.8rem;
  color: var(--pgd-text-muted);
}
.pgd-dashboard__main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pgd-dashboard__col--left {
  display: contents;
}
.pgd-dashboard__bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.pgd-dashboard__panel--actions,
.pgd-dashboard__panel--personalize {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  .pgd-dashboard__main {
    display: grid;
    grid-template-columns: minmax(220px, 0.82fr) minmax(320px, 1.36fr) minmax(220px, 0.82fr);
    align-items: stretch;
  }
  .pgd-dashboard__col--left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
  }
  .pgd-dashboard__bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 320px);
    align-items: start;
  }
}
.pgd-dashboard__panel--docs .pgd-dashboard__panel-body {
  padding: 0.85rem 1rem;
}
.pgd-dashboard__hint--flush {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
}
.pgd-dashboard__doc-list {
  margin: 0;
  padding: 0;
}
.pgd-dashboard__doc-item {
  list-style: none;
}
.pgd-dashboard__doc-item + .pgd-dashboard__doc-item {
  border-top: 1px solid var(--pgd-border);
}
.pgd-dashboard__doc-item a {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.55rem 0;
  text-decoration: none;
  color: var(--pgd-text);
}
.pgd-dashboard__doc-item a:hover {
  color: #1a7289;
  text-decoration: none;
}
.pgd-dashboard__doc-item a:hover .pgd-dashboard__doc-title {
  color: #1a7289;
}
.pgd-dashboard__doc-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(26, 114, 137, 0.1);
  color: #1a7289;
  flex-shrink: 0;
  font-size: 0.8rem;
}
.pgd-dashboard__doc-text {
  flex: 1;
  min-width: 0;
}
.pgd-dashboard__doc-title {
  display: block;
  font-weight: 700;
  font-size: 0.88rem;
  line-height: 1.25;
}
.pgd-dashboard__doc-hint {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.78rem;
  color: var(--pgd-text-muted);
  line-height: 1.35;
}
.pgd-dashboard__doc-external {
  flex-shrink: 0;
  margin-top: 0.15rem;
  font-size: 0.7rem;
  color: var(--pgd-text-muted);
  opacity: 0.75;
}
.pgd-dashboard__panel--compact .pgd-dashboard__panel-body {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pgd-dashboard__panel--actions {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.pgd-dashboard__panel--actions .pgd-dashboard__panel-body {
  flex: 1;
  min-width: 0;
}
.pgd-dashboard__facts {
  display: grid;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
  padding: 0;
}
.pgd-dashboard__facts dt {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--pgd-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pgd-dashboard__facts dd {
  margin: 0.1rem 0 0;
  font-weight: 600;
  font-size: 0.9rem;
}
.pgd-dashboard__facts--typo {
  margin-top: 0.75rem;
}
.pgd-dashboard__panel {
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
  overflow: hidden;
}
.pgd-dashboard__panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 1.1rem;
  background: var(--pgd-surface-2);
  border-bottom: 1px solid var(--pgd-border);
}
.pgd-dashboard__panel-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}
.pgd-dashboard__panel-body {
  padding: 1rem 1.1rem;
}
.pgd-dashboard__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(26, 114, 137, 0.12);
  color: #1a7289;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.85rem;
  border: 0;
  cursor: pointer;
}
.pgd-dashboard__btn:hover {
  background: rgba(26, 114, 137, 0.18);
  color: #1a7289;
  text-decoration: none;
}
.pgd-dashboard__btn--solid {
  background: #1a7289;
  color: #fff !important;
}
.pgd-dashboard__btn--solid i {
  color: #fff;
}
.pgd-dashboard__btn--solid:hover,
.pgd-dashboard__btn--solid:focus {
  background: #155d6f;
  color: #fff !important;
  text-decoration: none;
}
.pgd-dashboard__btn--solid:hover i,
.pgd-dashboard__btn--solid:focus i {
  color: #fff;
}
.pgd-dashboard__btn--ghost {
  background: var(--pgd-surface-2);
  color: var(--pgd-text);
}
.pgd-dashboard__btn--ghost:hover {
  background: var(--pgd-border);
  color: var(--pgd-text);
}
.pgd-dashboard__btn--copied {
  background: rgba(25, 135, 84, 0.15);
  color: #198754;
}
.pgd-dashboard__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.85rem;
}
.pgd-dashboard__site-name {
  margin: 0 0 0.25rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.pgd-dashboard__site-domain {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #1a7289;
  text-decoration: none;
  font-weight: 600;
}
.pgd-dashboard__site-domain:hover {
  text-decoration: underline;
}
.pgd-dashboard__site-domain i {
  font-size: 0.85em;
}
.pgd-dashboard__meta-grid {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.pgd-dashboard__meta-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 700px) {
  .pgd-dashboard__meta-grid {
    grid-template-columns: 1fr;
  }
}
.pgd-dashboard__row {
  margin-bottom: 1.5rem;
}
.pgd-dashboard__panel--full {
  width: 100%;
}
.pgd-dashboard__meta-item {
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  background: var(--pgd-surface-2);
}
.pgd-dashboard__meta-label {
  font-size: 0.75rem;
  color: var(--pgd-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pgd-dashboard__meta-value {
  margin-top: 0.2rem;
  font-weight: 700;
}
.pgd-dashboard__palette-pairs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pgd-dashboard__palette-pair {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.pgd-dashboard__palette-swatch {
  width: 36px;
  height: 36px;
  border: 1px solid var(--pgd-border);
  box-shadow: var(--pgd-shadow-sm);
}
.pgd-dashboard__palette-swatch:first-child {
  border-radius: 8px 0 0 8px;
}
.pgd-dashboard__palette-swatch:nth-child(2) {
  border-radius: 0 8px 8px 0;
  margin-left: -1px;
}
.pgd-dashboard__palette-label {
  flex: 0 0 100%;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--pgd-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pgd-dashboard__color-preview {
  margin-bottom: 0.85rem;
}
.pgd-dashboard__color-preview-card {
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  overflow: hidden;
  box-shadow: var(--pgd-shadow-sm);
}
.pgd-dashboard__color-preview-header {
  padding: 0.65rem 0.75rem;
}
.pgd-dashboard__color-preview-header strong {
  display: block;
  font-size: 0.95rem;
}
.pgd-dashboard__color-preview-header small {
  display: block;
  opacity: 0.85;
  font-size: 0.75rem;
}
.pgd-dashboard__color-preview-body {
  position: relative;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
  min-height: 72px;
}
.pgd-dashboard__color-preview-body p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
.pgd-dashboard__color-preview-fab {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.pgd-dashboard__activity-list,
.pgd-dashboard__pending-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pgd-dashboard__activity-item,
.pgd-dashboard__pending-item {
  list-style: none;
}
.pgd-dashboard__activity-item + .pgd-dashboard__activity-item {
  border-top: 1px solid var(--pgd-border);
}
.pgd-dashboard__activity-item a {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.6rem 0;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  color: var(--pgd-text);
  background: transparent;
}
.pgd-dashboard__activity-item a:hover {
  color: #1a7289;
  text-decoration: none;
  background: transparent;
}
.pgd-dashboard__pending-item + .pgd-dashboard__pending-item {
  margin-top: 0.5rem;
}
.pgd-dashboard__pending-item a {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  text-decoration: none;
  color: var(--pgd-text);
  background: var(--pgd-surface);
}
.pgd-dashboard__pending-item a:hover {
  border-color: rgba(26, 114, 137, 0.3);
  text-decoration: none;
  color: var(--pgd-text);
}
.pgd-dashboard__activity-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(26, 114, 137, 0.12);
  color: #1a7289;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pgd-dashboard__activity-title {
  display: block;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1.3;
}
.pgd-dashboard__activity-meta {
  display: block;
  font-size: 0.75rem;
  color: var(--pgd-text-muted);
  margin-top: 0.1rem;
}
.pgd-dashboard__pending-item--warn a {
  border-color: rgba(180, 83, 9, 0.35);
  background: rgba(180, 83, 9, 0.06);
}
.pgd-dashboard__informe-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.pgd-dashboard__informe-select-label {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--pgd-text-muted);
  text-transform: uppercase;
}
.pgd-dashboard__informe-select-input {
  width: 100%;
  max-width: 320px;
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  background: var(--pgd-surface);
}
.pgd-dashboard__informe-charts .pgd-informe-charts--dashboard [id^="inscritos"] {
  min-height: 220px;
}
.pgd-dashboard__informe-charts #inscritos_x_dia {
  min-height: 260px;
}
.pgd-dashboard__group + .pgd-dashboard__group {
  margin-top: 1rem;
}
.pgd-dashboard__group-title {
  font-weight: 700;
  margin-bottom: 0.6rem;
  color: var(--pgd-text);
}
.pgd-dashboard__group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0.75rem;
}
@media (min-width: 1200px) {
  .pgd-dashboard__group-grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
.pgd-dashboard__action {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  text-decoration: none;
  color: var(--pgd-text);
  background: var(--pgd-surface);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pgd-dashboard__action:hover {
  border-color: rgba(26, 114, 137, 0.35);
  box-shadow: var(--pgd-shadow-md);
  text-decoration: none;
  color: var(--pgd-text);
}
.pgd-dashboard__action-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(26, 114, 137, 0.12);
  color: #1a7289;
  flex-shrink: 0;
}
.pgd-dashboard__action-title {
  display: block;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.pgd-dashboard__action-desc {
  display: block;
  font-size: 0.85rem;
  color: var(--pgd-text-muted);
  line-height: 1.35;
}
.pgd-dashboard__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.75rem;
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
}
.pgd-dashboard__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pgd-text-muted);
}
.pgd-dashboard__site-name {
  margin: 0 0 0.75rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--pgd-text);
}
.pgd-dashboard__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
}
.pgd-dashboard__pill {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #1a7289;
  background: rgba(26, 114, 137, 0.1);
  border-radius: 999px;
}
.pgd-dashboard__domain {
  color: #1a7289;
  text-decoration: none;
  font-weight: 500;
}
.pgd-dashboard__domain:hover {
  text-decoration: underline;
}
.pgd-dashboard__domain .fa-external-link-alt {
  font-size: 0.75em;
  margin-left: 0.25rem;
}
.pgd-dashboard__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.pgd-dashboard__stat {
  min-width: 7rem;
  padding: 0.85rem 1rem;
  text-align: center;
  background: var(--pgd-surface-2);
  border-radius: var(--pgd-radius-sm);
  border: 1px solid var(--pgd-border);
}
.pgd-dashboard__stat-value {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
  color: #1a7289;
}
.pgd-dashboard__stat-label {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: var(--pgd-text-muted);
}
.pgd-dashboard__section {
  margin-bottom: 1.75rem;
}
.pgd-dashboard__section--muted {
  padding: 1rem 1.25rem;
  background: var(--pgd-surface-2);
  border-radius: var(--pgd-radius-sm);
  border: 1px solid var(--pgd-border);
}
.pgd-dashboard__section-title {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--pgd-text);
}
.pgd-dashboard__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
.pgd-dashboard__card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.1rem;
  text-decoration: none;
  color: var(--pgd-text);
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.pgd-dashboard__card:hover {
  border-color: rgba(26, 114, 137, 0.35);
  box-shadow: var(--pgd-shadow-md);
  transform: translateY(-1px);
  color: var(--pgd-text);
  text-decoration: none;
}
.pgd-dashboard__card-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--pgd-radius-sm);
  background: rgba(26, 114, 137, 0.12);
  color: #1a7289;
  font-size: 1.15rem;
}
.pgd-dashboard__card-body {
  flex: 1;
  min-width: 0;
}
.pgd-dashboard__card-title {
  display: block;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.pgd-dashboard__card-desc {
  display: block;
  font-size: 0.85rem;
  color: var(--pgd-text-muted);
  line-height: 1.35;
}
.pgd-dashboard__card-arrow {
  flex-shrink: 0;
  color: var(--pgd-text-muted);
  font-size: 0.85rem;
}
.pgd-dashboard__empty,
.pgd-dashboard__hint {
  margin: 0;
  color: var(--pgd-text-muted);
  line-height: 1.5;
}
.pgd-guides__header {
  margin-bottom: 1rem;
}
.pgd-guides__group + .pgd-guides__group {
  margin-top: 1.5rem;
}
.pgd-guides__group-title {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--pgd-text);
}
.pgd-guides__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0.75rem;
}
.pgd-guides__card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  background: var(--pgd-surface);
  text-decoration: none;
  color: var(--pgd-text);
  box-shadow: var(--pgd-shadow-sm);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pgd-guides__card:hover {
  border-color: rgba(26, 114, 137, 0.35);
  box-shadow: var(--pgd-shadow-md);
  text-decoration: none;
  color: var(--pgd-text);
}
.pgd-guides__card-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(26, 114, 137, 0.12);
  color: #1a7289;
  flex-shrink: 0;
}
.pgd-guides__card-body {
  flex: 1;
  min-width: 0;
}
.pgd-guides__card-title {
  display: block;
  font-weight: 700;
}
.pgd-guides__card-summary {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.85rem;
  color: var(--pgd-text-muted);
  line-height: 1.35;
}
.pgd-guides__card-arrow {
  flex-shrink: 0;
  margin-top: 0.2rem;
  color: var(--pgd-text-muted);
  font-size: 0.8rem;
}
.pgd-guides__article {
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
  padding: 1rem 1.25rem 1.5rem;
}
.pgd-guides__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--pgd-border);
}
.pgd-guides__source code {
  font-size: 0.78rem;
  color: var(--pgd-text-muted);
}
.pgd-guides__notice {
  margin: 0 0 1rem;
  padding: 0.5rem 0.75rem;
  background: rgba(26, 114, 137, 0.06);
  border-left: 3px solid rgba(26, 114, 137, 0.4);
  border-radius: var(--pgd-radius-sm);
  font-size: 0.85rem;
}
.pgd-guides__content {
  max-width: 920px;
  line-height: 1.6;
  color: var(--pgd-text);
}
.pgd-guides__content h1,
.pgd-guides__content h2,
.pgd-guides__content h3,
.pgd-guides__content h4 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.25;
}
.pgd-guides__content h1 {
  font-size: 1.5rem;
}
.pgd-guides__content h2 {
  font-size: 1.25rem;
}
.pgd-guides__content h3 {
  font-size: 1.05rem;
}
.pgd-guides__content p,
.pgd-guides__content ul,
.pgd-guides__content ol,
.pgd-guides__content pre,
.pgd-guides__content table {
  margin: 0 0 0.85rem;
}
.pgd-guides__content ul,
.pgd-guides__content ol {
  padding-left: 1.25rem;
}
.pgd-guides__content img {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  margin: 0.5rem 0;
}
.pgd-guides__content pre,
.pgd-guides__content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.85em;
}
.pgd-guides__content pre {
  padding: 0.75rem 0.9rem;
  overflow-x: auto;
  background: var(--pgd-surface-2);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
}
.pgd-guides__content :not(pre) > code {
  padding: 0.1rem 0.35rem;
  background: var(--pgd-surface-2);
  border-radius: 4px;
}
.pgd-guides__content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}
.pgd-guides__content th,
.pgd-guides__content td {
  border: 1px solid var(--pgd-border);
  padding: 0.45rem 0.6rem;
  vertical-align: top;
}
.pgd-guides__content th {
  background: var(--pgd-surface-2);
}
.pgd-guides__content blockquote {
  margin: 0 0 0.85rem;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid rgba(26, 114, 137, 0.45);
  color: var(--pgd-text-muted);
  background: rgba(26, 114, 137, 0.04);
}
.pgd-guides__content hr {
  border: 0;
  border-top: 1px solid var(--pgd-border);
  margin: 1.25rem 0;
}
.pgd-guides__content a {
  color: #1a7289;
  word-break: break-word;
}
.pgd-guides__missing {
  padding: 1rem 0;
}
.delete-confirmation form .cancel-link {
  height: unset;
  line-height: unset;
}
.oculto {
  color: #71cce4;
}
.oculto::after {
  font-family: FontAwesome, Roboto, Arial;
  content: "(OCULTO) \f070";
  font-size: 0.7em;
  padding-left: 1em;
  color: #1a7289;
}
/** Colores | General **/
.brand-color {
  color: #1a7289;
}
.block-color-primary,
.block-color-primary a {
  background-color: #1a7289;
  color: #ffffff;
}
.block-color-primary a:hover,
.block-color-primary a:active,
.block-color-primary a:focus,
.block-color-primary a.active {
  background-color: #1e2a2f;
  color: #ffffff;
}
.block-color-secondary,
.block-color-secondary a {
  background-color: #1e2a2f;
  color: #ffffff;
}
.block-color-secondary a:hover,
.block-color-secondary a:active,
.block-color-secondary a:focus {
  background-color: #1a7289;
  color: #ffffff;
}
/** /Colores | General **/
/** Colores | Elementos **/
#header {
  background: #1a7289;
  color: #ffffff;
  padding: 0;
}
.informes-table thead th {
  background-color: #E0E0E0;
  color: #393939;
}
thead th {
  background-color: #E0E0E0;
  color: #393939;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
thead th a:link {
  color: #393939;
}
thead th.sorted {
  background: #C6C6C6;
}
thead th.sorted a {
  color: #161616;
}
table thead th .text a:focus,
table thead th .text a:hover {
  background: #C6C6C6;
  color: #161616;
}
#header a:link,
#header a:visited {
  color: #ffffff;
}
.button.default,
input[type="submit"].default,
.submit-row input.default {
  background: #1a7289;
}
.object-tools a:focus,
.object-tools a:hover {
  background-color: #1a7289;
}
.admin-table__actions {
  text-align: right;
  margin: -8px;
  white-space: nowrap;
}
.admin-table__actions > a {
  padding: 0.5rem 1rem;
  display: inline-block;
}
.admin-table__actions > a > i {
  font-size: 1.3rem;
}
.admin-table__actions > a:hover,
.admin-table__actions > a:active {
  background: #1a7289;
  color: white;
}
.admin-table__actions > a:hover > i,
.admin-table__actions > a:active > i {
  font-size: 1.3rem;
}
.selector .selector-available h2,
.module h2,
.module caption,
fieldset.collapsed h2 {
  background-color: #E0E0E0;
  color: #393939;
  font-weight: 600;
  font-size: 13px;
  border-bottom: 2px solid #1a7289;
  border-radius: var(--pgd-radius-sm) var(--pgd-radius-sm) 0 0;
}
#content .inline-group fieldset.module > h2.inline-heading {
  background-color: #E0E0E0;
  color: #393939;
  font-weight: 600;
  font-size: 13px;
  border-bottom: 2px solid #1a7289;
  border-radius: var(--pgd-radius-sm);
  margin-bottom: 0.5rem;
}
fieldset.collapse:not(.show) {
  display: block;
}
fieldset.collapsed {
  border-radius: var(--pgd-radius-sm);
}
fieldset.collapsed .collapse-toggle {
  color: #1a7289;
  text-decoration: underline;
}
fieldset .fieldset-heading,
fieldset .inline-heading,
.module h2,
.module caption,
.inline-group h2,
:not(.inline-related) .collapse summary {
  padding: 0.5em 0.75em;
}
fieldset details summary .fieldset-heading,
fieldset details.collapse-fieldset summary .fieldset-heading {
  border: none !important;
}
fieldset details.collapse-fieldset summary,
fieldset details summary {
  border: none !important;
  cursor: pointer;
  list-style: none;
  position: relative;
}
fieldset details.collapse-fieldset summary::-webkit-details-marker,
fieldset details summary::-webkit-details-marker {
  display: none;
}
fieldset details.collapse-fieldset summary::after,
fieldset details summary::after {
  content: "\f078";
  font-family: "FontAwesome", sans-serif;
  position: absolute;
  right: 1rem;
  color: #ffffff;
  transform: rotate(90deg);
  transition: all 0.5s;
}
fieldset details[open] summary::after {
  transform: rotate(0deg);
}
fieldset details:not([open]) summary::after {
  transform: rotate(90deg);
}
fieldset details .fieldset-icon {
  flex-shrink: 0;
  padding-left: 0.75rem;
  margin-right: 0.4em;
}
fieldset details .fieldset-icon .nav__item-icon {
  color: #ffffff;
  font-size: 1em;
}
fieldset details summary h2.fieldset-heading,
fieldset details.collapse-fieldset summary .fieldset-heading {
  border: none !important;
  display: inline-block;
  background: none;
  color: inherit;
  margin: 0;
  padding: 0.3em 0.75em;
  flex: 1;
}
fieldset details summary,
fieldset details.collapse-fieldset summary {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.2em;
  padding: 0.5em 0.75em;
  background-color: #1a7289 !important;
  color: #ffffff;
  box-sizing: border-box;
}
#content-main form fieldset.module.aligned {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
fieldset.module.aligned > details {
  width: 100%;
}
fieldset.module.aligned details.collapse-fieldset summary,
fieldset.module.aligned details summary {
  border: none !important;
}
div.breadcrumbs {
  background-color: #1e2a2f;
}
#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #ffffff;
}
ul.nivel-2 li a {
  background-color: rgba(30, 42, 47, 0.5);
}
.form-row {
  border-bottom: 1px solid var(--pgd-border);
}
/* .row2 {
    background: lighten(@brand-primary, 57%);
} */
#result_list tbody tr:nth-child(even) {
  background: var(--pgd-surface-2);
}
#result_list tbody tr:focus {
  background-color: #f9e2dd !important;
}
/** /Colores | Elementos **/
/** Header **/
#menu-toggler {
  width: 3em;
  float: left;
  color: #ccffd2;
  cursor: pointer;
}
/** Page Structure **/
#container {
  min-width: 300px;
}
.change-list .filtered .results,
.change-list .filtered .paginator,
.filtered #toolbar,
.filtered div.xfull {
  margin-right: 0;
}
.change-list .filtered {
  min-height: 0;
}
caption {
  caption-side: top;
}
/** /Page Structure **/
/** Formularios y tablas **/
#changelist #toolbar form input[type="submit"] {
  border: none;
  background: #1a7289;
  color: #ffffff;
  border-radius: var(--pgd-radius-sm);
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: middle;
}
#changelist #toolbar form input[type="submit"]:hover {
  background: #218fab;
}
#changelist #toolbar form #searchbar {
  height: auto;
  padding: 8px 12px;
  border-radius: var(--pgd-radius-sm);
  border: 1px solid var(--pgd-border);
  font-size: 13px;
  vertical-align: middle;
}
#changelist #toolbar form label[for="searchbar"] {
  display: none;
}
#changelist table tbody tr.selected {
  background-color: #f9e2dd;
}
#changelist .actions select {
  color: #262626;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  margin: 0;
  padding: 4px 8px;
  font-size: 13px;
}
#changelist .actions label {
  margin-bottom: 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
select,
.vTextField {
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
}
.change-form .form-row .thumbnail {
  background-color: #888888;
}
.panel-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 0 0 1rem 0;
  clear: both;
  overflow: hidden;
}
.panel-form-actions .object-tools {
  float: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  width: auto;
  font-size: inherit;
}
.panel-form-actions .object-tools li {
  float: none;
  margin: 0;
  height: auto;
}
.panel-form-actions .object-tools a,
.panel-form-actions .object-tools a:link,
.panel-form-actions .object-tools a:visited {
  float: none;
}
.model-bloque.change-form .form-row:has(textarea) .flex-container {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
}
.model-bloque.change-form .form-row textarea,
.model-bloque.change-form .form-row textarea.bloque-multiline-textarea,
.model-bloque.change-form .form-row textarea.vLargeTextField {
  width: 36rem;
  max-width: 100%;
  min-width: 18rem;
  min-height: 10rem;
  height: 12rem;
  box-sizing: border-box;
  resize: both;
  overflow: auto;
  align-self: flex-start;
}
/** /Formularios y tablas **/
/** Botones **/
.button,
input[type="submit"],
input[type="button"],
.submit-row input,
a.button {
  background: #1a7289;
  border-radius: var(--pgd-radius-sm);
  color: #ffffff;
  text-transform: none;
  border: none;
  cursor: pointer;
}
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.submit-row input:hover,
a.button:hover {
  background: #218fab;
}
.submit-row a.deletelink {
  background: #da4d30;
  border-radius: var(--pgd-radius-sm);
  height: unset;
  color: #ffffff;
}
.submit-row a.deletelink {
  padding: 10px 15px;
  line-height: 1.2;
  border: none;
}
.select2-container--open,
.select2-dropdown {
  z-index: 999;
}
.dd-container {
  position: relative;
  z-index: 1;
}
.dd-options {
  z-index: 999;
}
.pagina__topbar .select2-container--open,
.pagina__topbar .select2-dropdown {
  z-index: 1002;
}
.pgd-base-lock,
.pgd-base-hint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid var(--pgd-border);
  background: var(--pgd-surface-2);
  color: var(--pgd-text-muted);
  margin-left: 6px;
  vertical-align: middle;
}
#changelist .actions .button {
  border: none;
  border-radius: var(--pgd-radius-sm);
  background: #1a7289;
  box-shadow: none;
  color: #ffffff;
  padding: 4px 12px;
  font-size: 13px;
}
#changelist .actions .button:hover {
  background: #218fab;
}
/** /Botones **/
/** Botones de evento **/
.model-botones .field-evento {
  font-weight: bold;
  text-transform: uppercase;
}
/* Ancho adaptable de grupos de campos:

        - Si a un fieldset le damos la clase ancho-adaptable se adaptará a dos columnas a partir de 800 de ancho
        - Si añadimos la clase max-3 formará 3 columnas a partir de 1200px de ancho
        - Si añadimos la clase max-4 formará 4 columnas a partir de 1600px de ancho
    */
@media (min-width: 800px) {
  fieldset.module.ancho-adaptable {
    width: 46%;
    min-height: 200px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    zoom: 1;
    *display: inline;
    _height: 185px;
  }
  fieldset.module.ancho-adaptable select {
    height: 30px;
    max-width: 15em;
  }
}
@media (min-width: 1200px) {
  fieldset.module.ancho-adaptable.max-3,
  fieldset.module.ancho-adaptable.max-4 {
    width: 31%;
  }
}
@media (min-width: 1600px) {
  fieldset.module.ancho-adaptable.max-4 {
    width: 22.5%;
  }
}
/* /Ancho adaptable de grupos de campos */
.model-botones .submit-row {
  clear: both;
}
/** /Botones de evento **/
/** Breadcrumb **/
div.breadcrumbs {
  text-transform: none;
  font-weight: 400;
  color: #e2725b;
}
/** /Breadcrumb **/
/** Filtros **/
#changelist-filter {
  position: fixed;
  top: 133px;
  right: 0;
  width: 70px;
  transition: all 0.3s ease;
  height: 47px;
  overflow: hidden;
  z-index: 1;
}
#changelist-filter h2 {
  font-size: 10px;
  text-align: center;
  line-height: 1.4em;
}
#changelist-filter h2 .fas {
  font-size: 1.5em;
}
#changelist-filter:hover {
  width: 240px;
  transition: all 0.3s ease;
  height: 50vh;
  overflow: auto;
}
#changelist-filter:hover h2 {
  text-align: left;
  font-size: 14px;
}
#changelist-filter:hover h2 .fas {
  font-size: 1em;
}
.filtered .actions {
  margin-right: 0px;
}
/** /Filtros **/
/** Ordenar elementos **/
#result_list div.drag {
  cursor: move;
}
#result_list div.drag {
  background: url("../images/drag.png") repeat 0px 0px;
}
/* /panel/menu uses django-mptt draggable-admin.js (ghost + drag-line) */
body.dragging {
  cursor: grabbing;
}
body.dragging #ghost {
  z-index: 100000;
  pointer-events: none;
  border-radius: 10px;
  border: 1px dashed rgba(26, 114, 137, 0.7);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
  background: rgba(26, 114, 137, 0.1);
  display: inline-flex;
  align-items: center;
}
/* Some templates may inject #ghost/#drag-line without body.dragging */
#ghost {
  z-index: 100000 !important;
  pointer-events: none;
  width: fit-content !important;
}
#ghost th a div.visible {
  text-indent: 0 !important;
  padding-right: 5px;
}
body.dragging #ghost table,
body.dragging #ghost tr,
body.dragging #ghost th,
body.dragging #ghost td {
  background: transparent !important;
  padding: 2px;
}
body.dragging #drag-line {
  z-index: 100001;
  position: absolute;
  height: 0;
  border-top: 2px solid #1a7289 !important;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22) !important;
  background: transparent !important;
}
/* Ensure indicator is always above table/headers */
#drag-line {
  z-index: 100001 !important;
}
body.dragging #drag-line::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -8px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 5px solid #1a7289 !important;
}
body.dragging #drag-line span {
  position: absolute;
  display: inline-block;
  padding: 0 10px;
  background: rgba(26, 114, 137, 0.1);
  color: #1a7289;
  font-size: 11px;
  border-radius: 999px;
  white-space: nowrap;
  pointer-events: none;
}
/* adminsortable2 drag/drop visual feedback (e.g. /panel/menu) */
#result_list tr.ui-sortable-helper {
  background: rgba(26, 114, 137, 0.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
#result_list tr.ui-sortable-helper > td,
#result_list tr.ui-sortable-helper > th {
  background: transparent !important;
}
#result_list tr.ui-sortable-placeholder {
  visibility: visible !important;
  background: rgba(26, 114, 137, 0.22);
  outline: 3px dashed rgba(26, 114, 137, 0.7);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.55);
}
#result_list tr.ui-sortable-placeholder > td,
#result_list tr.ui-sortable-placeholder > th {
  background: rgba(26, 114, 137, 0.22) !important;
}
/* Some sortable libs use these class names */
/* NOTE: SortableJS may render the dragged clone outside #result_list (fallback). */
tr.sortable-ghost,
tr.sortable-chosen,
tr.sortable-drag,
#result_list tr.sortable-ghost,
#result_list tr.sortable-chosen,
#result_list tr.sortable-drag {
  background: rgba(26, 114, 137, 0.22) !important;
  outline: 3px dashed rgba(26, 114, 137, 0.7);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.55);
}
tr.sortable-ghost > td,
tr.sortable-ghost > th,
tr.sortable-chosen > td,
tr.sortable-chosen > th,
tr.sortable-drag > td,
tr.sortable-drag > th,
#result_list tr.sortable-ghost > td,
#result_list tr.sortable-ghost > th,
#result_list tr.sortable-chosen > td,
#result_list tr.sortable-chosen > th,
#result_list tr.sortable-drag > td,
#result_list tr.sortable-drag > th {
  background: rgba(26, 114, 137, 0.22) !important;
}
tr.sortable-drag,
#result_list tr.sortable-drag {
  opacity: 0.92;
}
/* Big "drop here" indicator for menu sorting */
tr.sortable-ghost > td:first-child,
tr.sortable-ghost > th:first-child,
#result_list tr.sortable-ghost > td:first-child,
#result_list tr.sortable-ghost > th:first-child {
  position: relative;
}
tr.sortable-ghost > td:first-child::before,
tr.sortable-ghost > th:first-child::before,
#result_list tr.sortable-ghost > td:first-child::before,
#result_list tr.sortable-ghost > th:first-child::before {
  content: "DROP HERE";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 999px;
  color: #fff;
  background: #1a7289;
  opacity: 0.95;
  pointer-events: none;
}
/* Fallback clone element */
.sortable-fallback {
  background: rgba(26, 114, 137, 0.22) !important;
  outline: 3px dashed rgba(26, 114, 137, 0.7) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25) !important;
}
#result_list tr.placeholder,
#result_list tr.sortable-placeholder,
#result_list tr.adminsortable-placeholder {
  background: rgba(26, 114, 137, 0.22) !important;
  outline: 3px dashed rgba(26, 114, 137, 0.7);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.55);
}
table thead th.sorted .sortoptions a {
  background: url("../images/sorting-icons.svg") 0 0 no-repeat;
}
table thead th.sorted .sortoptions a.sortremove::after {
  color: #eee;
}
table thead th.sorted .sortoptions a.sortremove:hover::after {
  color: #ccffd2;
}
/** /Ordenar elementos **/
/** Mensajes de error **/
ul.errorlist {
  width: 100%;
  background-color: #ffdddd;
  border: 1px dashed #ff8e8e;
  margin-left: 0 !important;
}
ul.errorlist li:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 1.2em;
  padding-right: 0.7em;
}
.errornote {
  background-color: #ba2121;
  color: #ffdddd;
}
/** /Mensajes de error **/
/** Correcciones boostrap **/
tr.form-row {
  display: table-row;
}
tr.form-row.empty-form {
  display: none;
}
.model-botones.change-form form .aligned label {
  float: none;
  width: auto;
}
.model-botones.change-form form .aligned .url {
  margin-left: 0;
}
.model-siteconfig.change-form .aligned .form-row input + label {
  float: unset;
  display: unset;
}
.model-siteconfig.change-form .aligned .form-row a + input {
  margin-bottom: 4px;
  margin-left: 1em;
}
/** /Correcciones boostrap **/
/** Barra de usuario superior (dentro del nuevo layout .header-actions) **/
.cambiar-pgd select {
  height: 28px;
  padding: 4px 8px;
  font-weight: 200;
  font-size: 12px;
  text-transform: uppercase;
  max-width: 200px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
/*** Userlinks (dropdown usuario) ***/
.userlinks {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.9em;
  line-height: 1.3;
  padding: 0 0.35em;
  cursor: pointer;
  position: relative;
}
.userlinks__name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-desplegable {
  background-color: #1a7289;
  width: 200px;
  z-index: 10;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: 100%;
  text-align: left;
  overflow: hidden;
  margin-top: 4px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.user-desplegable ul li {
  padding: 0;
}
.userlinks:hover .user-desplegable {
  max-height: calc(34px * 8);
}
.userlinks ul {
  margin: 0;
  padding: 0;
}
#user-tools .userlinks ul li a {
  display: block;
  padding: 0.5em 1em;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
#user-tools .userlinks ul li a:hover {
  background-color: #1e2a2f;
}
#user-tools .userlinks ul li:last-child a {
  border-bottom: none;
}
/** /Barra de usuario superior **/
/** Datos estadisticos **/
.estadistica-etiquetas {
  margin-top: 25px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.estadistica-etiquetas .nav-pills .nav-link.active {
  background-color: #1a7289;
  border-radius: 0;
}
/** /Datos estadisticos **/
/** Novedades **/
#novedades {
  line-height: 1.3em;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.badge-aviso {
  position: absolute;
  top: -6px;
  right: -4px;
  background-color: #ff5555;
  height: 1.3em;
  min-width: 1.3em;
  border-radius: 999px;
  line-height: 1.1;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#novedades-content {
  display: block;
  position: fixed;
  width: 400px;
  right: -800px;
  border: 1px solid #1a7289;
  background-color: #ffffff;
  color: black;
  font-size: 1.1em;
  z-index: 5;
  padding: 1em 3em;
  text-align: left;
  top: 96px;
  max-height: 80vh;
  overflow-y: auto;
  transition: right 0.4s ease;
}
#novedades-content.desplegado {
  right: 0px;
}
.novedades-item {
  border-bottom: 1px dashed #1a7289;
  margin: 1.5em 0;
  padding-bottom: 0.7em;
}
.novedades-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.novedades-description p {
  text-transform: none;
}
.novedades-description p:last-child {
  margin-bottom: 0;
}
.novedades-title {
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 1em;
}
.novedades-title-icono {
  color: #1a7289;
  margin-right: 0.5em;
  font-size: 1.4em;
  top: -2px;
  position: relative;
  display: block;
  float: left;
}
.novedades-title-text {
  display: flex;
}
#novedades-content button {
  text-transform: uppercase;
}
.novedades-leermas {
  line-height: 0.9rem;
  font-size: 0.7rem;
  font-weight: bold;
  border-radius: 5px;
  background-color: #1a7289;
  color: #ffffff !important;
  padding: 2px 4px;
  margin-right: 6px;
  border: none;
}
.novedades-leermas--noleido {
  background-color: #1e2a2f;
}
.novedades-leermas--leido {
  background-color: #ccc;
}
#modal-aviso {
  color: #000;
  text-align: left;
  text-transform: none;
  font-size: 1.3em;
}
/** /Novedades **/
/** Ayuda **/
.titulo-seccion {
  background-color: #1a7289;
  color: #1e2a2f;
  font-size: 1em;
  padding: 9px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.titulo-seccion > .fa-stack {
  font-size: 1.2em;
  margin-right: 0.5em;
}
.titulo-seccion > .texto {
  color: #ffffff;
  font-size: 1.3em;
}
.categoria-preguntas-titulo {
  background-color: #1a7289;
  color: #ffffff;
  font-size: 15px;
  padding: 7px 15px;
  margin-bottom: 15px;
}
.btns-cabecera {
  text-align: center;
}
.panel-ayuda .btn-cabecera {
  background-color: #1a7289;
  border: 0;
  width: 95px;
  height: 95px;
  line-height: 1em;
  text-transform: uppercase;
}
.btn-cabecera > a {
  display: block;
}
.btn-cabecera > a > .fa-stack {
  font-size: 1.2em;
  color: #1e2a2f;
  display: block;
  text-align: center;
  width: 100%;
}
.btn-cabecera > a > .texto {
  display: flex;
  color: #ffffff;
  margin: 4px auto 0;
  font-size: 12px;
  line-height: 1em;
}
.soporte-seccion-contenido {
  padding: 3em;
  font-weight: 200;
}
.soporte-seccion-contenido .btn-link {
  color: #1a7289;
}
.preguntas-listado {
  padding: 1em 1em 2em;
}
/** /Ayuda **/
/** Revision de una consulta **/
.consulta .consulta-encabezado {
  background-color: #1a7289;
  color: #ffffff;
  padding: 0.4em 0.8em;
  display: flex;
  margin: 1em 0;
}
.consulta .consulta-titulo {
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1em;
}
.consulta .consulta-estado {
  background-color: #da4d30;
  border-radius: 5px;
  padding: 0 6px;
  margin-left: 0.5em;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  max-height: 1.7em;
}
.consulta-datos,
.consulta-descripcion,
.consulta-solucion {
  padding: 0 1em;
  font-weight: 200;
}
.consulta .etiqueta {
  color: #1a7289;
  font-weight: bold;
}
.consulta .consulta-descripcion-texto {
  background-color: #c7ebf4;
  padding: 0.5em 1em;
  margin: 0.4em 1em 1em;
}
.consulta .consulta-solucion-texto {
  background-color: #f9e2dd;
  padding: 1em;
  margin: 0.4em 1em 1em 1em;
}
.consulta .consulta-solucion-texto button {
  padding: 1px 8px;
  margin-top: 6px;
  text-transform: uppercase;
  background-color: #1a7289;
  border: none;
}
.consulta .consulta-historial-titulo {
  color: #1a7289;
  font-size: 1.3em;
  margin: 1.5em 0 1em 0;
}
.consulta .consulta-historial .followup.well {
  font-weight: 200;
  margin-bottom: 1.1em;
  border-bottom: 1px dashed #1a7289;
  padding-bottom: 1.1em;
}
.consulta .consulta-historial .followup.well .byline {
  font-weight: 400;
  color: #1a7289;
}
.consulta .consulta-historial .followup.well.admin .byline {
  color: #da4d30;
}
.consulta .consulta-historial .followup.well .byline .fecha {
  color: unset;
}
.consulta .consulta-historial .followup.well .comentario {
  margin: 0 2em;
}
.consulta .consulta-historial .followup.well .changes strong {
  font-weight: 800;
}
.consulta .consulta-historial .followup.well .changes ul {
  padding-left: 2em;
  color: #1a7289;
  text-transform: uppercase;
}
.consulta .consulta-historial .followup.well .changes ul li {
  list-style: none;
  font-size: 0.7em;
  border-top: 1px solid;
  margin-top: 1em;
  display: inline;
}
.consulta form label {
  display: block;
  text-transform: uppercase;
  font-weight: 800;
  color: teal;
  margin-bottom: 2px;
}
.consulta form input {
  display: block;
  margin: 1em 0;
}
ul.lista-consulta {
  padding-left: 0;
}
ul.lista-consulta li {
  list-style: none;
  margin-bottom: 1.1em;
  border-bottom: 1px dashed #1a7289;
  padding-bottom: 1.1em;
}
.lista-consulta .titulo {
  font-weight: bold;
  font-size: 1.2em;
}
#enviar-consulta label {
  font-weight: bold;
  color: #1a7289;
}
#id_due_date,
.control-label[for="id_due_date"],
#id_submitter_email,
#id_submitter_email + .help-block,
.control-label[for="id_submitter_email"] {
  display: none;
}
/** Revision de una consulta **/
/** Administracion de consultas **/
.consulta-administracion .btns-cabecera {
  display: flex;
  justify-content: center;
}
.consulta-administracion .btn-cabecera {
  background-color: #1a7289;
  border: none;
  width: 100px;
  height: 100px;
  text-transform: uppercase;
  margin: 5px;
  justify-content: center;
  display: flex;
  align-items: center;
}
/** /Administracion de consultas **/
/** Object tools del panel de administración **/
.object-tools {
  z-index: 1;
  padding: 10px;
  margin-top: 0;
}
.object-tools a.addlink,
.object-tools a.viewsitelink,
.object-tools a.historylink {
  background-image: none;
  padding: 3px 12px;
}
a.historylink.historylink--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  min-width: 2rem;
}
#result_list td.field-historial,
#result_list th.column-historial {
  text-align: center;
  width: 4.5rem;
}
#changelist > :first-child {
  border-top-left-radius: var(--pgd-radius-sm);
  border-top-right-radius: var(--pgd-radius-sm);
}
#changelist > form:last-child .paginator:last-child {
  border-bottom-left-radius: var(--pgd-radius-sm);
  border-bottom-right-radius: var(--pgd-radius-sm);
}
/** /Object tools del panel de administración **/
/** Helpdesk - Administrador **/
.helpdesk_body .filterBox {
  float: left;
  padding: 10px;
  margin: 4px;
  max-width: 24%;
  height: 250px;
  overflow: auto;
  font-size: 0.7em;
  border-radius: 6px;
  background-color: #eee;
}
.helpdesk_body .filterBox label {
  clear: both;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 2px;
}
.helpdesk_body .filterBuilderRemove,
.helpdesk_body #filterBuilderButton {
  font-size: 15px;
  padding: 3px 7px;
}
.helpdesk_body #id_owners {
  max-width: 100%;
}
.helpdesk_body .icono {
  width: 35px;
  text-align: center;
}
.panel {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 0.75rem 1rem;
  margin-bottom: 0;
  background-color: #1a7289;
  color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  text-transform: uppercase;
}
.panel-heading h3 {
  color: #ffffff;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-footer {
  display: flex;
  justify-content: space-between;
  background-color: #f3f3f3;
  padding: 4px 9px;
  font-size: 0.9em;
}
#accordion .panel-heading {
  background-color: #fff;
}
.huge {
  font-size: 40px;
}
.helpdesk-calendar-icon {
  float: left;
}
.helpdesk-time-interval {
  font-size: 0.8em;
}
.helpdesk-ticket-number {
  text-align: right;
}
/** /Helpdesk - Administrador **/
/** Pagina de añadir un apartado **/
.nuevo-apartado {
  margin-left: 8rem;
  width: 37.5rem;
}
.nuevo-apartado__titulo-tipo {
  border-bottom: 1px solid #1e2a2f;
  cursor: pointer;
  border-radius: 0;
  /*
        &--secundario {
            margin-left: .5rem;
            width: 36.5rem;
            font-size: 13px;
            text-transform: uppercase;
        }
*/
}
.nuevo-apartado__titulo-tipo h6 {
  font-size: 14px;
}
.nuevo-apartado__titulo-tipo .fa-chevron-down,
.nuevo-apartado__titulo-tipo .fa-chevron-left {
  float: right;
}
.nuevo-apartado__titulo-tipo[aria-expanded="false"] .fa-chevron-down {
  display: none;
}
.nuevo-apartado__titulo-tipo[aria-expanded="true"] .fa-chevron-left {
  display: none;
}
.nuevo-apartado__lista {
  margin: 1rem 0 1rem 2rem !important;
  padding: 0 !important;
  /*
        &--secundaria {
            margin-left: 1rem !important;
        }
*/
}
/** /Pagina de añadir un apartado **/
.wizard-progress {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.wizard-progress::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1rem;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #C6C6C6;
  pointer-events: none;
}
.wizard-progress__step {
  list-style: none;
  margin: 0;
  flex: 1 1 0;
  position: relative;
  min-width: 0;
  z-index: 1;
}
.wizard-progress__step--active .wizard-progress__dot {
  background-color: #1a7289;
}
.wizard-progress__step--active .wizard-progress__step-title {
  color: #1a7289;
}
.wizard-progress__step-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-decoration: none;
  color: inherit;
  padding: 0 0.15rem;
}
.wizard-progress__step-link:hover {
  text-decoration: none;
  color: inherit;
}
.wizard-progress__step-link:hover .wizard-progress__step-title {
  color: #1a7289;
}
.wizard-progress__dot-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2rem;
}
.wizard-progress__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #C6C6C6;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px #C6C6C6;
}
.wizard-progress__step--active .wizard-progress__dot {
  box-shadow: 0 0 0 2px #1a7289;
}
.wizard-progress__step-title {
  text-align: center;
  margin-top: 0.45rem;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #6F6F6F;
}
.wizard-progress__step-title strong {
  font-weight: 600;
}
.wizard-info {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.wizard-info__title {
  text-align: left;
  color: #1a7289;
  font-size: 1.25rem;
  margin-bottom: 0;
}
.wizard-info__step {
  text-align: right;
  color: #1a7289;
  text-transform: none;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
}
input#id_filtro_fecha_nacimiento_minima,
input#id_filtro_fecha_nacimiento_maxima {
  max-height: -webkit-fill-available;
}
.comunicacion-wizard__actions {
  gap: 0.75rem;
}
.comunicacion-wizard__preview--side {
  position: sticky;
  top: calc(var(--pgd-header-block-height, 102px) + 0.75rem);
}
.comunicacion-wizard__preview--side .comunicacion-wizard__preview-frame {
  height: 75vh;
  max-height: 760px;
  min-height: 480px;
}
.comunicacion-wizard__preview-card {
  border: 1px solid var(--pgd-border, #E0E0E0);
  border-radius: var(--pgd-radius-md, 10px);
  background: var(--pgd-surface, #fff);
  box-shadow: var(--pgd-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
  overflow: hidden;
}
.comunicacion-wizard__preview-title {
  margin: 0;
  padding: 0.75rem 1rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pgd-text-muted, #525252);
}
.comunicacion-wizard__preview-frame {
  display: block;
  width: 100%;
  height: 70vh;
  max-height: 680px;
  min-height: 420px;
  border: 0;
  background: #fff;
}
.comunicacion-paso2__summary {
  position: sticky;
  top: calc(var(--pgd-header-block-height, 102px) + 0.75rem);
}
.comunicacion-paso2__summary-card {
  border: 1px solid var(--pgd-border, #E0E0E0);
  border-radius: var(--pgd-radius-md, 10px);
  background: var(--pgd-surface, #fff);
  box-shadow: var(--pgd-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
}
.comunicacion-paso2__summary-total {
  font-size: 2rem;
  font-weight: 700;
  color: #1a7289;
  line-height: 1.1;
}
.comunicacion-paso2__summary-note {
  font-size: 0.75rem;
  color: var(--pgd-text-muted, #525252);
  line-height: 1.35;
}
.comunicacion-paso2__summary-breakdown {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.15rem;
  margin-right: -0.1rem;
  scrollbar-width: thin;
  scrollbar-color: var(--pgd-border, #E0E0E0) transparent;
}
.comunicacion-paso2__summary-breakdown::-webkit-scrollbar {
  width: 4px;
}
.comunicacion-paso2__summary-breakdown::-webkit-scrollbar-track {
  background: transparent;
}
.comunicacion-paso2__summary-breakdown::-webkit-scrollbar-thumb {
  background: var(--pgd-border, #E0E0E0);
  border-radius: 4px;
}
.comunicacion-paso2__summary-breakdown::-webkit-scrollbar-thumb:hover {
  background: var(--pgd-text-muted, #525252);
}
.comunicacion-paso2__summary-breakdown > li {
  gap: 0.65rem;
}
.comunicacion-paso2__summary-row-label {
  min-width: 0;
  flex: 1 1 auto;
}
.comunicacion-paso2__summary-row-sublabel {
  display: block;
  font-size: 0.7rem;
  color: var(--pgd-text-muted, #525252);
  line-height: 1.25;
  margin-top: 0.1rem;
}
.comunicacion-paso2__summary-row-count {
  flex: 0 0 auto;
  min-width: 1.25rem;
  text-align: right;
  padding-right: 0.15rem;
}
.comunicacion-paso2__clear-filters {
  margin-bottom: 0.75rem;
  padding: 0.65rem 0.85rem;
  border: 1px dashed var(--pgd-border, #E0E0E0);
  border-radius: var(--pgd-radius-sm, 6px);
  background: var(--pgd-surface-2, #F4F4F4);
}
.comunicacion-paso2__filter-card {
  border: 1px solid var(--pgd-border, #E0E0E0);
  border-radius: var(--pgd-radius-md, 10px);
  background: var(--pgd-surface, #fff);
  margin-bottom: 1rem;
  overflow: hidden;
}
.comunicacion-paso2__filter-head {
  padding: 0.65rem 1rem;
  background: var(--pgd-surface-2, #F4F4F4);
  border-bottom: 1px solid var(--pgd-border, #E0E0E0);
  font-weight: 600;
  font-size: 0.9rem;
  color: #1a7289;
}
.comunicacion-paso2__filter-body {
  padding: 1rem;
}
.comunicacion-paso2__date-range {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.4rem 0.55rem;
  max-width: 24rem;
}
.comunicacion-paso2__date-range .form-control.comunicacion-birth-date,
.comunicacion-paso2__date-range .form-control.comunicacion-inscription-date {
  width: 10.25rem;
  max-width: 100%;
}
.comunicacion-paso2__date-field {
  flex: 0 0 auto;
}
.comunicacion-paso2__date-range-sep {
  align-self: center;
  color: var(--pgd-text-muted, #525252);
  font-size: 0.875rem;
  line-height: 1;
  padding: 0 0.1rem;
}
.comunicacion-paso2__test-block {
  border: 1px solid rgba(26, 114, 137, 0.35);
  border-radius: var(--pgd-radius-md, 10px);
  background: rgba(26, 114, 137, 0.06);
  padding: 1rem;
  margin-bottom: 1rem;
}
.comunicacion-paso2__tabs.legacy-mirror-tabs {
  margin-top: 0;
}
.comunicacion-paso2__scroll-checkboxes {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.65rem 0.85rem;
  margin-top: 0.35rem;
  margin-bottom: 0.5rem;
  border: 1px solid var(--pgd-border, #E0E0E0);
  border-radius: var(--pgd-radius-sm, 6px);
  background: var(--pgd-surface-2, #F4F4F4);
}
.comunicacion-paso2__scroll-checkboxes ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.comunicacion-paso2__scroll-checkboxes ul li {
  margin-bottom: 0.45rem;
}
.comunicacion-paso2__scroll-checkboxes ul li label {
  font-weight: 400;
  margin-bottom: 0;
}
.comunicacion-paso2__scroll-checkboxes > div > div {
  margin-bottom: 0.65rem;
}
.comunicacion-paso2__scroll-checkboxes > div > div:last-child {
  margin-bottom: 0;
}
.comunicacion-paso2__scroll-checkboxes > div > div > label:first-child {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: #1a7289;
  margin-bottom: 0.4rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--pgd-border, #E0E0E0);
}
.comunicacion-paso2__scroll-checkboxes > div > div > div {
  padding-left: 0.15rem;
}
.comunicacion-paso2__scroll-checkboxes > div > div > div label {
  display: block;
  margin-bottom: 0.35rem;
  font-weight: 400;
}
.comunicacion-paso2__scroll-checkboxes fieldset {
  margin-bottom: 0.75rem;
}
.comunicacion-paso2__scroll-checkboxes fieldset:last-child {
  margin-bottom: 0;
}
.comunicacion-badge-prueba {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  vertical-align: middle;
  margin-left: 0.35rem;
  padding: 0.2em 0.45em;
  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
}
.flatpickr-calendar {
  z-index: 1100;
}
.legacy-mirror-tabs .tab-nav {
  display: flex;
  gap: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 1px solid var(--pgd-border, #E0E0E0);
  flex-wrap: wrap;
}
.legacy-mirror-tabs .tab-btn {
  padding: 0.55rem 1rem;
  background: var(--pgd-surface-2, #F4F4F4);
  border: 1px solid var(--pgd-border, #E0E0E0);
  border-bottom: none;
  cursor: pointer;
  font-size: 0.875rem;
  border-radius: 6px 6px 0 0;
  margin-bottom: -1px;
  color: #1a7289;
}
.legacy-mirror-tabs .tab-btn:hover {
  background: #eee;
}
.legacy-mirror-tabs .tab-btn.active {
  background: var(--pgd-surface, #fff);
  border-bottom: 1px solid var(--pgd-surface, #fff);
  font-weight: 600;
}
.legacy-mirror-tabs .tab-panel {
  display: none;
  padding: 1rem;
  border: 1px solid var(--pgd-border, #E0E0E0);
  border-top: none;
  border-radius: 0 0 var(--pgd-radius-md, 10px) var(--pgd-radius-md, 10px);
  background: var(--pgd-surface, #fff);
}
.legacy-mirror-tabs .tab-panel.active {
  display: block;
}
.acordeon__btn {
  display: block;
  border-radius: 0;
  position: relative;
  text-align: left;
  padding: 1rem;
  border-bottom-color: #ffffff;
}
.acordeon__btn:after {
  content: "\f077";
  position: absolute;
  right: 1rem;
  font-family: FontAwesome;
  transform: rotate(0);
  transition: all 0.5s;
}
.acordeon__btn.collapsed:after {
  transform: rotate(180deg);
}
.acordeon__item > .card {
  border-radius: 0;
}
.pagina__centro {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--pgd-bg, transparent);
}
.pagina__centro > #container {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding-bottom: 32px;
}
.pagina__nav {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  flex: 0 0 250px;
  display: flex;
  flex-direction: column;
  transition: width 0.3s ease-in;
  overflow-x: hidden;
}
.pagina__nav-logo {
  text-align: center;
  background: #1e2a2f;
}
.pagina__nav-logo > a {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: var(--pgd-header-block-height, 92px);
  background: #1e2a2f;
  border-bottom: 1px solid #E0E0E0;
}
.pagina__nav-logo > a:hover,
.pagina__nav-logo > a:focus,
.pagina__nav-logo > a:active {
  background: #1e2a2f;
}
.pagina__nav-logo img,
.pagina__nav-logo object {
  width: auto;
  max-width: 80%;
  height: auto;
}
.pagina__nav-toggle {
  background: #1e2a2f;
  color: #ffffff;
  text-align: center;
  padding: 4px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.nav-toggle {
  outline: 0 !important;
  background: transparent;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: rotate(-180deg);
  transition: all 0.3s ease-in;
  border-radius: var(--pgd-radius-sm, 6px);
  width: 26px;
  height: 26px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 8px auto;
  cursor: pointer;
}
.nav-toggle > i {
  font-size: 11px;
  line-height: 1;
}
.nav-toggle:active,
.nav-toggle:focus,
.nav-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.nav__wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  background: #1a7289;
  scrollbar-width: thin;
  scrollbar-color: #28383f #166074;
}
.nav__wrapper::-webkit-scrollbar {
  width: 8px;
}
.nav__wrapper::-webkit-scrollbar-track {
  background: #166074;
}
.nav__wrapper::-webkit-scrollbar-thumb {
  background: #28383f;
  border-radius: 4px;
}
.nav__wrapper::-webkit-scrollbar-thumb:hover {
  background: #3c545e;
}
.nav__wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav__item {
  margin: 0;
  padding: 0;
}
.nav__link {
  position: relative;
  border-bottom: 1px solid #E0E0E0;
  display: block;
  padding: 14px 12px;
  font-size: 12px;
  font-weight: 200;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #1a7289;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.nav__link:link,
.nav__link:visited {
  color: #ffffff;
  text-decoration: none;
}
.nav__link[aria-expanded="true"] {
  background: #124e5e;
}
.nav__link:hover,
.nav__link:active,
.nav__link:focus {
  background: #1e2a2f;
}
.nav__link--active {
  background: #1e2a2f !important;
}
.nav__link--submenu:after {
  content: "\f078";
  font-family: "FontAwesome", sans-serif;
  position: absolute;
  right: 1rem;
  transform: rotate(90deg);
  transition: all 0.5s;
}
.nav__link--submenu.nav__link--active:after {
  transform: rotate(0deg);
}
.nav__link--submenu[aria-expanded="true"]:after {
  transform: rotate(0deg);
}
.nav__link--submenu[aria-expanded="false"]:after {
  transform: rotate(90deg);
}
.nav__item-icon {
  font-size: 20px;
  width: 27px;
  padding-right: 1.5em;
  display: inline-block;
}
.nav__sub-item .nav__link {
  padding-left: 3rem;
  font-size: 12px;
  background: #0e3c49;
}
.nav__sub-item .nav__item-icon {
  font-size: 14px;
}
.collapse-navbar .pagina__nav {
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  flex: 0 0 55px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.collapse-navbar .pagina__centro {
  margin-left: 55px;
}
.collapse-navbar .pagina__nav-logo > img,
.collapse-navbar .pagina__nav-logo object {
  max-width: 100%;
}
.collapse-navbar .nav__link {
  overflow: hidden;
}
.collapse-navbar .nav__link--submenu:after {
  content: "";
}
.collapse-navbar .nav__item-icon {
  width: 55px;
  transition: width 0.3s ease-in;
}
.collapse-navbar .nav-toggle {
  transform: rotate(0);
}
.collapse-navbar .nav__sub-item .nav__link {
  padding-left: 1rem;
}
.collapse-navbar--hover .pagina__nav {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  flex: 0 0 250px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.51);
}
.collapse-navbar--hover .nav__link--submenu:after {
  content: "\f078";
}
input[type=color] {
  border: none;
  background: none;
  height: 4em;
  width: 4em;
  cursor: pointer;
}
.pz {
  display: flex;
  gap: 24px;
  align-items: stretch;
}
.pz__config {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pz__preview {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pz-card {
  background: var(--pgd-surface);
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-md);
  box-shadow: var(--pgd-shadow-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pz-tabs {
  display: flex;
  background: var(--pgd-surface-2);
  border-bottom: 1px solid var(--pgd-border);
}
.pz-tab {
  flex: 1;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--pgd-text-muted);
  cursor: pointer;
  text-align: center;
  border: none;
  background: none;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
  position: relative;
}
.pz-tab i {
  margin-right: 6px;
}
.pz-tab:hover {
  color: var(--pgd-text);
  background: rgba(0, 0, 0, 0.02);
}
.pz-tab.active {
  color: #1a7289;
  border-bottom-color: #1a7289;
  background: var(--pgd-surface);
}
.pz-tab-panel {
  display: none;
  padding: 20px;
}
.pz-tab-panel.active {
  display: block;
}
.pz-group-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--pgd-text-muted);
  margin: 0 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--pgd-border);
}
.pz-estilo-cabecera {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pz-estilo-option {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}
.pz-estilo-option:has(input:checked) {
  border-color: var(--pgd-primary, #417690);
  box-shadow: 0 0 0 1px var(--pgd-primary, #417690);
}
.pz-estilo-option input {
  margin: 0;
}
.pz-color-row {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.pz-color-field {
  flex: 1;
  min-width: 140px;
}
.pz-color-field label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--pgd-text-muted);
  margin-bottom: 4px;
}
.pz-color-input {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  padding: 4px 8px;
  background: #fff;
}
.pz-color-input input[type="color"] {
  width: 36px;
  height: 36px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
}
.pz-color-input input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 2px;
}
.pz-color-input input[type="color"]::-webkit-color-swatch {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.pz-color-input .pz-hex {
  width: 80px;
  border: none;
  background: transparent;
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 13px;
  color: var(--pgd-text);
  text-transform: uppercase;
  outline: none;
}
.pz-font-row {
  margin-bottom: 20px;
}
.pz-font-row label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--pgd-text-muted);
  margin-bottom: 6px;
}
.pz-font-row .select2-container {
  width: 100% !important;
}
.pz-weight-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--pgd-text-muted);
  margin: 12px 0 6px;
}
.pz-weight-scale {
  display: flex;
  gap: 0;
  border: 1px solid var(--pgd-border);
  border-radius: var(--pgd-radius-sm);
  overflow: hidden;
}
.pz-weight-scale input[type="radio"] {
  display: none;
}
.pz-weight-scale label {
  flex: 1;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--pgd-text-muted);
  cursor: pointer;
  border-right: 1px solid var(--pgd-border);
  transition: background 0.15s, color 0.15s;
  margin: 0;
}
.pz-weight-scale label:last-of-type {
  border-right: none;
}
.pz-weight-scale label:hover {
  background: var(--pgd-surface-2);
}
.pz-weight-scale input[type="radio"]:checked + label {
  background: #1a7289;
  color: #fff;
  font-weight: 600;
}
.pz-weight-scale input[type="radio"]:checked + label:hover {
  background: #1a7289;
}
.pz-preview-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.pz-preview-card {
  border-radius: var(--pgd-radius-md);
  overflow: hidden;
  box-shadow: var(--pgd-shadow-md);
  border: 1px solid var(--pgd-border);
}
.pz-preview-card--embedded {
  border: none;
  box-shadow: none;
  border-radius: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pz-preview-header {
  padding: 40px 32px;
  position: relative;
}
.pz-preview-header h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.3;
  text-transform: none;
}
.pz-preview-header h3 small {
  display: block;
  font-size: 15px;
  opacity: 0.85;
  margin-top: 6px;
}
.pz-preview-body {
  padding: 24px 32px;
  position: relative;
  background: #fff;
  flex: 1;
}
.pz-preview-body p {
  font-size: 15px;
  line-height: 1.7;
  color: #393939;
  margin: 16px 0 0;
}
.pz-preview-fab {
  position: absolute;
  top: -22px;
  right: 28px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.pz-preview-fab i {
  font-size: 18px;
}
.pz-preview-footer {
  padding: 20px 32px;
  font-size: 14px;
  line-height: 1.6;
}
.pz-preview-swatch-row {
  display: flex;
  gap: 10px;
  padding: 16px 32px;
  background: #fff;
  border-top: 1px solid var(--pgd-border);
}
.pz-preview-swatch {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.08);
}
.pz-submit {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 16px;
}
@media (max-width: 900px) {
  .pz {
    flex-direction: column;
  }
  .pz__preview {
    flex: none;
    position: static;
  }
}
.pagina__topbar {
  position: fixed;
  top: 0;
  left: var(--pgd-nav-width);
  right: 0;
  z-index: 1000;
}
body.collapse-navbar .pagina__topbar {
  left: var(--pgd-nav-width-collapsed);
}
.pagina__centro > #container {
  padding-top: var(--pgd-header-block-height);
  position: relative;
  z-index: 1;
}
.pagina__header {
  background: #1a7289;
  color: #ffffff;
  min-height: var(--pgd-header-height);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
#header.pagina__header {
  padding: 0;
}
.pagina__header-inner {
  padding: 10px 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.pagina__header-left,
.pagina__header-center,
.pagina__header-right {
  display: flex;
  align-items: center;
}
.pagina__header-center {
  min-width: 0;
}
.header-context {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
  min-width: 0;
}
.header-context__label {
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.85;
  letter-spacing: 0.03em;
}
.header-context__value-wrap {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
.header-context__value {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 48vw;
}
.header-context__value:hover,
.header-context__value:focus {
  color: #ffffff;
  text-decoration: underline;
}
.app-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: #ffffff;
}
.app-brand:hover,
.app-brand:focus {
  color: #ffffff;
  opacity: 0.95;
}
.app-brand__logo {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.02em;
}
.app-brand__name {
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 13px;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.header-icon-stack {
  font-size: 1.125em;
}
.header-actions__label {
  display: none;
}
.cambiar-pgd {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.3;
}
.cambiar-pgd__form {
  display: inline-block;
  margin: 0;
}
.header-dropdown > button {
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.header-dropdown > button:hover,
.header-dropdown > button:active,
.header-dropdown > button:focus {
  color: #ffffff;
}
.header-dropdown > button > .fa-stack > .fa-stack-1x:before {
  color: #1a7289;
}
.header-dropdown a.dropdown-item {
  color: #1a7289 !important;
  text-transform: none;
}
.form-list-unstyled ul,
.form-list-unstyled li {
  list-style: none;
}
.field-lopd_texto .flex-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 951px) {
  #header {
    min-height: auto;
  }
  .pagina__header-inner {
    flex-wrap: wrap;
    gap: 10px;
  }
  .pagina__header-center {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .pagina__header-right {
    flex: 1 1 100%;
    width: 100%;
  }
  .header-actions {
    width: 100%;
    gap: 0.5rem;
  }
  .header-actions#user-tools {
    margin-left: 0;
  }
  .header-context__value {
    max-width: 100%;
  }
  .cambiar-pgd select {
    max-width: 100%;
  }
}
/* Ajustes para que #changelist tome todo el ancho */
#content-main {
  float: none;
  /* Anula el float heredado */
  width: 100%;
}
#changelist {
  display: block;
  /* O usa flex con ajustes si realmente lo necesitas */
  width: 100%;
}
#changelist-form {
  width: 100%;
}
/* Columna ID más estrecha en listados del admin */
#result_list th.column-id,
#result_list td.field-id {
  width: 4em;
  max-width: 4em;
}
.submit-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
/* Posiciona la caja del link a la izquierda */
.submit-row .deletelink-box {
  order: 0;
  margin: 0 auto 0 0;
}
.submit-row .button,
.submit-row input[type="submit"],
.submit-row input[type="button"],
.submit-row a.deletelink {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.submit-row input[type="submit"] {
  order: 1;
}
div.accordion.type_categories .sub-accordion-group .accordion-item {
  border: none;
}
div.accordion.type_categories button.accordion-button {
  padding: 5px;
  margin: 0px;
}
/* .menu-type-selector {
    max-width: 920px;
} */
.menu-type-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 12px;
  padding: 0;
}
.menu-type-pill {
  appearance: none;
  border: 1px solid var(--pgd-border);
  background: var(--pgd-surface-2);
  color: var(--pgd-text-muted);
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
  line-height: 1;
}
.menu-type-pill:hover {
  background: var(--pgd-surface);
  color: var(--pgd-text);
}
.menu-type-pill.is-active {
  background: #1a7289;
  border-color: #1a7289;
  color: #ffffff;
}
.menu-type-hidden-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.menu-type-panel {
  display: none;
  padding: 16px 16px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}
.menu-type-panel.is-active {
  display: block;
}
.menu-type-predef-tabs {
  margin-top: 4px;
}
.menu-type-predef-tabs .tab-nav {
  display: flex;
  gap: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.menu-type-predef-tabs .tab-btn {
  padding: 10px 18px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-bottom: none;
  cursor: pointer;
  font-size: 14px;
  border-radius: 6px 6px 0 0;
  margin-bottom: -1px;
}
.menu-type-predef-tabs .tab-btn:hover {
  background: #eee;
}
.menu-type-predef-tabs .tab-btn.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}
.menu-type-predef-tabs .tab-panel {
  display: none;
  padding: 12px 0 0;
}
.menu-type-predef-tabs .tab-panel.active {
  display: block;
}
.legacy-mirror-tabs {
  margin-top: 16px;
}
.legacy-mirror-tabs .tab-nav {
  display: flex;
  gap: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
  flex-wrap: wrap;
}
.legacy-mirror-tabs .tab-btn {
  padding: 10px 18px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-bottom: none;
  cursor: pointer;
  font-size: 14px;
  border-radius: 6px 6px 0 0;
  margin-bottom: -1px;
}
.legacy-mirror-tabs .tab-btn:hover {
  background: #eee;
}
.legacy-mirror-tabs .tab-btn.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}
.legacy-mirror-tabs .tab-panel {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 6px 6px;
  background: #fff;
}
.legacy-mirror-tabs .tab-panel.active {
  display: block;
}
.pgd-secondary-tabs fieldset.module.aligned.tab-panel {
  margin-top: 0;
}
.pgd-secondary-tabs .tab-panel .fieldset-icon,
.pgd-secondary-tabs .tab-panel .fieldset-heading {
  display: none;
}
.pgd-secondary-tabs .tab-panel .form-row:first-child {
  margin-top: 0;
}
.form-row.field-social_extras_heading {
  padding-top: 1.25rem !important;
  padding-bottom: 0.35rem !important;
  border-top: 2px solid rgba(0, 0, 0, 0.12);
  margin-top: 0.75rem;
}
.form-row.field-social_extras_heading > div > label,
.form-row.field-social_extras_heading > label,
.form-row.field-social_extras_heading label {
  font-weight: 600;
  color: var(--pgd-text, #161616);
}
.form-row.field-social_extras_heading .pgd-social-extras-sep__help {
  margin: 0;
  font-size: 0.875rem;
  color: var(--pgd-text-muted, #525252);
  line-height: 1.35;
  max-width: 40rem;
}
fieldset.module.aligned.pgd_settings + .legacy-mirror-tabs.pgd-secondary-tabs {
  margin-top: 26px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.menu-type-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 6px 18px;
}
.menu-type-predef-tabs ul.menu-type-list--predef {
  margin-left: 0 !important;
  padding: 10px !important;
  max-width: 1300px;
}
.menu-type-option--predef {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.menu-type-option--predef:hover {
  box-shadow: none;
}
.menu-type-option--predef input[type="radio"] {
  margin-top: 0;
}
.menu-type-option__label em {
  color: var(--pgd-text-muted);
  font-style: normal;
}
/* recorrido - mapas interactivos */
#recorrido_form .form-row .flex-container.checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#recorrido_form .form-row .flex-container label {
  padding: 4px 6px 0 0;
}
#recorrido_form .form-row.field-texto .flex-container {
  display: flex;
  flex-direction: column;
}
.form-select {
  padding: 0 5px;
}
fieldset.module.aligned.pgd_settings label {
  width: auto;
}
fieldset.module.aligned.pgd_settings.pgd_settings_evento,
fieldset.module.aligned.pgd_settings.pgd_settings_circuito,
fieldset.module.aligned.pgd_settings.pgd_settings_challenge {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  margin-bottom: 18px;
}
fieldset.module.aligned.pgd_settings .form-row.field-n_eventos_ranking > div > label {
  padding-right: 12px;
}
fieldset.module.aligned.pgd_settings #id_n_eventos_ranking {
  margin-top: 4px;
}
fieldset.module.aligned.pgd_settings #id_n_eventos_ranking .pv8-ranking-option {
  margin: 0 0 4px;
}
.model-siteconfig.change-form .field-n_circuitos_anteriores .select2-container--default .select2-selection--multiple,
.model-siteconfig.change-form .field-n_challenges_anteriores .select2-container--default .select2-selection--multiple {
  min-height: 2.75rem;
  height: auto !important;
  overflow: visible;
  box-sizing: border-box;
}
.model-siteconfig.change-form .field-n_circuitos_anteriores .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.model-siteconfig.change-form .field-n_challenges_anteriores .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: block;
  overflow: visible;
  padding: 6px 8px;
  white-space: normal;
}
.model-siteconfig.change-form .field-n_circuitos_anteriores .select2-container--default .select2-selection--multiple .select2-search--inline,
.model-siteconfig.change-form .field-n_challenges_anteriores .select2-container--default .select2-selection--multiple .select2-search--inline {
  float: none;
  width: 100%;
}
.model-siteconfig.change-form .field-n_circuitos_anteriores .select2-container--default .select2-selection--multiple .select2-selection__choice,
.model-siteconfig.change-form .field-n_challenges_anteriores .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
#content .button,
#content a.button,
#content .submit-row input,
#content input[type="submit"],
#content input[type="button"] {
  border-radius: var(--pgd-radius-sm);
  text-transform: none;
  padding: 10px 15px;
  font-size: 13px;
  line-height: 1.2;
}
#content .submit-row .button,
#content .submit-row input[type="submit"],
#content .submit-row input[type="button"] {
  background: #1a7289;
  color: #ffffff;
}
#content .submit-row .button:hover,
#content .submit-row input[type="submit"]:hover,
#content .submit-row input[type="button"]:hover,
#content .submit-row .button:active,
#content .submit-row input[type="submit"]:active,
#content .submit-row input[type="button"]:active,
#content .submit-row .button:focus,
#content .submit-row input[type="submit"]:focus,
#content .submit-row input[type="button"]:focus {
  background: #218fab !important;
  color: #ffffff;
}
#content .submit-row a.deletelink {
  background: #da4d30;
}
#content .submit-row a.deletelink:hover,
#content .submit-row a.deletelink:active,
#content .submit-row a.deletelink:focus {
  background: #e06b53 !important;
  color: #ffffff;
}
#content #changelist .paginator input[type="submit"],
#content #changelist .paginator button[type="submit"] {
  background-color: #1a7289;
  color: #ffffff;
  border: none;
  border-radius: var(--pgd-radius-sm);
  padding: 10px 15px;
  font-size: 13px;
  line-height: 1.2;
  margin-left: auto;
}
#content #changelist .paginator input[type="submit"]:hover,
#content #changelist .paginator button[type="submit"]:hover,
#content #changelist .paginator input[type="submit"]:active,
#content #changelist .paginator button[type="submit"]:active,
#content #changelist .paginator input[type="submit"]:focus,
#content #changelist .paginator button[type="submit"]:focus {
  background-color: #218fab !important;
  color: #ffffff;
}
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content input[type="number"],
#content textarea,
#content select,
#content .vTextField {
  border-radius: var(--pgd-radius-sm);
}
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content input[type="url"]:focus,
#content input[type="number"]:focus,
#content textarea:focus,
#content select:focus,
#content .vTextField:focus,
#content .button:focus,
#content a.button:focus,
#content input[type="submit"]:focus,
#content input[type="button"]:focus {
  outline: none;
  box-shadow: var(--pgd-focus);
}