/*
 * Copied from theme Claro
 */



input, select, textarea {
    border: 1px solid #C7C7C7 !important;
}

form table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem !important;
}

/* Cabecera (thead) sin bordes y con fondo personalizado */
form table thead {
  background-color: #f3f4f9;
  border-bottom: 1px solid #d3d4d9;
}

form table thead th {
  border: none;
  padding: 1rem;
  font-weight: bold;
  text-align: left;
}

/* Celdas del tbody: solo borde inferior */
form table tbody td {
  border: none;
  border-bottom: 1px solid #d3d4d9;
  padding: 1.5rem;
  vertical-align: top;
}

/* Links dentro de la tabla */
form table a {
  color: #006694 !important;
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
  padding: 0;
}

/* Botón 'Mostra el pes de les files' */
form button.link.tabledrag-toggle-weight {
  background: none !important;
  border: none !important;
  color: #006694 !important;
  text-decoration: underline;
  font: inherit;
  cursor: pointer;
}

/* Hover/focus opcional */
form button.link.tabledrag-toggle-weight:hover,
form button.link.tabledrag-toggle-weight:focus {
  text-decoration: underline;
}

/**
 * @file
 * Main form and form item styles. From Claro theme
 */

::placeholder {
  opacity: 1;
  color: #75767b;
}

/**
 * General form item.
 */

.form-item {
  margin-block: 1.5rem;
}

/**
 * When a table row or a container-inline has a single form item, prevent it
 * from adding unnecessary extra spacing.
 * If it has multiple form items, allow spacing between them, overriding core.
 */

tr .form-item,
.container-inline .form-item {
  margin-block: 0.75rem;
}

/**
 * Form element label.
 */

.form-item__label {
  display: table;
  margin-block: calc(0.5rem / 2); /* 4px */
  /* font-size: 0.889rem; */
  font-weight: bold;
  line-height: calc(18rem / 16);
}

.form-item__label[for] {
  cursor: pointer;
}

.form-item__label.option {
  display: inline;
  font-weight: normal;
}

.form-item__label.has-error {
  color: #dc2323;
}

.form-item__label.option.has-error {
  color: inherit;
}

.form-item__label.is-disabled {
  cursor: default; /* @todo ...or auto? */
  color: #55565b;
}

/* Multiple selectors used to ensure styling even if modules override markup. */

.form-item__label--multiple-value-form,
.field-multiple-table .field-label h4.label {
  display: inline-block;
  margin-block: 0;
  align-self: center;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.form-item__label.form-required::after,
.fieldset__label.form-required::after {
  display: inline-block;
  margin-inline: 0.15em;
  content: "*";
  color: #dc2323;
  font-size: 0.875rem;
}

/**
 * Form item description.
 */

.form-item__description {
  margin-block: calc(6rem / 16); /* 6px */
  color: #55565b;
  font-size: 1.2rem; /* ~13px */
  line-height: 1.5rem; /* Cambiado por mi, antes calc(17rem / 16) */
}

.form-item__description.is-disabled {
  color: #55565b;
}

/**
 * Error message (Inline form errors).
 */

.form-item__error-message {
  margin-block: calc(6rem / 16); /* 6px */
  color: #dc2323;
  font-size: 0.79rem; /* ~13px */
  font-weight: normal;
  line-height: calc(17rem / 16); /* 17px */
}

.form-item__prefix.is-disabled,
.form-item__suffix.is-disabled {
  color: #55565b;
}

/* Add some spacing so that the focus ring and suffix don't overlap. */

@media screen and (min-width: 37.5625rem) {
  .form-item__suffix {
    margin-inline-start: 0.5rem;
    white-space: nowrap;
  }
}

/**
 * Form actions.
 */

.form-actions,
.field-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-block: 0.5rem;
}

.form-actions .form-wrapper,
.field-actions .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0;
}

.form-actions .button,
.field-actions .button,
.form-actions .action-link,
.field-actions .action-link {
  margin-block: 0.5rem;
}

.form-actions .ajax-progress--throbber,
.field-actions .ajax-progress--throbber {
  align-self: center;
}

.form-actions > .form-wrapper {
  margin-inline: 0 0.75rem;
}

/**
 * Password module.
 *
 * @legacy
 * @todo These should be in a standalone component file.
 */

.confirm-parent,
.password-parent {
  overflow: visible;
  width: auto;
}

.form-item-options-group-info-identifier,
.form-item-pass .description {
  clear: both;
}

/**
 * Custom label placement for editor filter format select.
 */

.form-item--editor-format {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix {
  margin-inline-end: 0.5rem;
}

.form-item--editor-format .form-item__description,
.form-item--editor-format .form-item__error-message {
  flex: 0 1 100%;
  min-width: 1px;
}

/**
 * Improve form element usability on narrow devices.
 *
 * @legacy
 */

@media screen and (max-width: 37.5rem) {
  .password-strength {
    width: 100%;
  }
  div.form-item div.password-suggestions {
    float: none;
  }
}

/**
 * Prevent regression due to explicit line-heights applied to these elements in
 * normalize.css 7.0.0.
 */

button {
  line-height: 1.125rem;
}

input,
optgroup {
  line-height: 1.5rem;
}

/**
 * Prevent regression due to -webkit-appearance being set to button in
 * normalize.css 4.1.0.
 */

::-webkit-file-upload-button {
  -webkit-appearance: push-button;
}