/**
 * @file
 * Estilos para webforms do tema solo_amtega.
 *
 * Variables CSS definidas en solo-amtega-style.css (--portada-*).
 */

/* ==========================================================================
   Webform Punto Laranxa: Cabecera (Text + Image)
   Figma: node 7098:13334
   ========================================================================== */
.webform-submission-punto-laranxa-form-form #edit-intro-cabeceira{
    padding: 64px 16px 16px 16px;
}
.punto-laranxa-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 64px;
  margin-bottom: 32px;
}

.punto-laranxa-header__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.punto-laranxa-header__title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--portada-text-800, #2d3232);
}

.punto-laranxa-header__text {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: justify;
  color: var(--portada-text-800, #2d3232);
}

.punto-laranxa-header__image {
  flex-shrink: 0;
}

.punto-laranxa-header__image img {
  display: block;
  height: 178px;
  width: auto;
}

/*@media (max-width: 768px) {
  .punto-laranxa-header {
    flex-direction: column;
    gap: 24px;

  .punto-laranxa-header__content {
    order: 1;
  }
  
  .punto-laranxa-header__image {
    order: 2;
  }
}*/

@media (max-width: 576px) {
  .punto-laranxa-header__title {
    font-size: 20px;
  }

  .punto-laranxa-header__text {
    font-size: 16px;
  }

  .punto-laranxa-header__image img {
    height: 140px;
  }
}

/* ==========================================================================
   Webform: Checkboxes tipo tarxeta (webform-checkboxes-other--wrapper)
   Figma: node 7098:13398
   ========================================================================== */

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other.solo-clear::before,
.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other.solo-clear::after,
.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .solo-clear::before,
.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .solo-clear::after,
.webform-submission-punto-laranxa-form-form .webform-type-radios.solo-clear::before,
.webform-submission-punto-laranxa-form-form .webform-type-radios.solo-clear::after,
.webform-submission-punto-laranxa-form-form .webform-type-radios .solo-clear::before,
.webform-submission-punto-laranxa-form-form .webform-type-radios .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-punto-laranxa-form-form fieldset:not(td fieldset) {
  border: none !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other,
.webform-submission-punto-laranxa-form-form .webform-type-radios {
  background: var(--portada-bg-200, #f3f3f6) !important;
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other > legend,
.webform-submission-punto-laranxa-form-form .webform-type-radios > legend {
  position: absolute;
  padding: 0 0 0 22px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-punto-laranxa, #ee731b);
  background-image: url("../images/icons/document.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px 19px;
}

.webform-submission-punto-laranxa-form-form #edit-pasou-unha-soa-vez-ou-esta-a-repetirse--wrapper-legend {
  background-image: url("../images/icons/calendar.svg");
  background-size: 15px 19px;
}

.webform-submission-punto-laranxa-form-form #edit-como-esta-a-pasar--wrapper-legend {
  background-image: url("../images/icons/hamburger.svg");
  background-size: 15px 19px;
}

.webform-submission-punto-laranxa-form-form #edit-a-que-afecta--wrapper-legend {
  background-image: url("../images/icons/person.svg");
  background-size: 15px 19px;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .fieldset-wrapper,
.webform-submission-punto-laranxa-form-form .webform-type-radios .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top:16px;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .webform-element-description,
.webform-submission-punto-laranxa-form-form .webform-type-radios .webform-element-description {
  font-size: 14px;
  font-weight: 400;
  color: var(--portada-text-400, #5f6363);
  margin: 0;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .js-webform-checkboxes,
.webform-submission-punto-laranxa-form-form .webform-type-radios .js-webform-radios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox,
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  min-height: 68px;
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px;
  margin: 0;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:hover,
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio:hover {
  border-color: var(--portada-punto-laranxa-30, #FAD5BB) !important;
}

input#edit-captcha-response {
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  padding: 12px 24px;
}

:focus-visible {
    outline: none!important;
}

input#edit-captcha-response:focus {
  box-shadow: none !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:hover input[type="checkbox"],
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio:hover input[type="radio"] {
  border-color: var(--portada-orange, #ee731b) !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox .form-item__label,
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio .form-item__label {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  cursor: pointer;
  margin: 0;
  order: 1;
}

.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes-agresions .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/agresions.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 25px;
  height: 25px;
}
.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes-ameazas .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/ameazas.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 28px 25px;
  height: 25px;
}
.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes-insultos .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/insultos.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px 26px;
  height: 26px;
}
.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes-exclusion .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/exclusions.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px 26px;
  height: 26px;
}
.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes-difusion .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/difusion.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 28px 25px;
  height: 25px;
}
.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes-chantaxe .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/chantaxe.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 30px;
  height: 30px;
}
.webform-submission-punto-laranxa-form-form .form-item-que-esta-a-pasar-checkboxes--other- .form-item__label {
  padding-left: 32px;
  background-image: url("../images/icons/outra_situacion.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px 26px;
  height: 26px;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox input[type="checkbox"],
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--portada-text-200, #bababa) !important;
  border-radius: 100px;
  background: var(--portada-bg-50, #fff) !important;
  cursor: pointer;
  order: 2;
  margin: 0;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox input[type="checkbox"]:checked,
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio input[type="radio"]:checked {
  background: var(--portada-orange, #ee731b) !important;
  border-color: var(--portada-orange, #ee731b) !important;
  box-shadow: 0 0 0 4px #fff inset !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:has(input[type="checkbox"]:checked),
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) {
  background: var(--portada-orange, #FAD5BB) !important;
  border-color: var(--portada-orange, #ee731b) !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:has(input[type="checkbox"]:checked) .form-item__label,
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) .form-item__label {
  font-weight: 700;
  color: #fff !important;
}

/* ==========================================================================
   Webform Punto Laranxa: Textarea mensaxe
   Figma: node 7098:13448
   ========================================================================== */

.webform-submission-punto-laranxa-form-form .form-item-mensaje {
  background: var(--portada-bg-200, #f3f3f6);
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.webform-submission-punto-laranxa-form-form .form-item-mensaje .form-item__label {
  display: block;
  padding-left: 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-punto-laranxa, #ee731b);
  margin: 0;
  background-image: url("../images/icons/document.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}

.webform-submission-punto-laranxa-form-form .form-item-mensaje .form-textarea-wrapper {
  background: var(--portada-bg-50, #fff);
  border: 2px solid var(--portada-bg-400, #e9e9ec);
  border-radius: 8px;
  padding: 24px;
}

.webform-submission-punto-laranxa-form-form .form-item-mensaje .form-textarea-wrapper textarea {
  width: 100%;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  resize: vertical;
  outline: none;
  padding: 0;
  margin: 0;
}

.webform-submission-punto-laranxa-form-form .form-item-mensaje .form-textarea-wrapper textarea::placeholder {
  color: var(--portada-text-400, #5f6363);
}

/* ==========================================================================
   Webform Punto Laranxa: Tarxeta de alerta
   Figma: node 7098:13465
   ========================================================================== */

.punto-laranxa-alerta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  padding: 32px;
  background: var(--portada-punto-laranxa-10, #fef1e9);
  border: 1px solid var(--portada-punto-laranxa-30, #fad5bb);
  border-radius: 8px;
  margin-bottom: 32px;
}

.punto-laranxa-alerta__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.punto-laranxa-alerta__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
}

.punto-laranxa-alerta__title img {
  flex-shrink: 0;
}
.punto-laranxa-alerta__title span {
  flex:1;
}

.punto-laranxa-alerta__body {
  padding-right: 40px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: justify;
  color: var(--portada-text-800, #2d3232);
}

.punto-laranxa-alerta__action {
  flex-shrink: 0;
  margin: 0;
}

.punto-laranxa-alerta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 8px 16px;
  height: 48px;
  background: #fff;
  border: 1px solid var(--portada-punto-laranxa, #ee731b);
  border-radius: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--portada-punto-laranxa, #ee731b) !important;
  text-decoration: none;
  white-space: nowrap;
}

.punto-laranxa-alerta__btn::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url("../images/icons/phone.svg") no-repeat center;
  background-size: 16px 16px;
}

.punto-laranxa-alerta__btn:hover {
  color: #ffffff !important;
  background-color: var(--portada-punto-laranxa, #ee731b);
}

@media (max-width: 768px) {
  .punto-laranxa-alerta {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding: 24px;
  }

  .punto-laranxa-alerta__body {
    padding-right: 0;
  }

  .punto-laranxa-alerta__action {
    width: 100%;
  }

  .punto-laranxa-alerta__btn {
    justify-content: center;
    width: 100%;
  }
}

/* ==========================================================================
   Webform Punto Laranxa: Botón de enviar
   Figma: node 7098:13464
   ========================================================================== */
.webform-submission-punto-laranxa-form-form .form-actions{
    margin-bottom: 32px;
    justify-content: start !important;
    padding: 0 16px;
}
.webform-submission-punto-laranxa-form-form #edit-footer-laranxa, .webform-submission-punto-laranxa-form-form .captcha{
    padding: 0 16px;
}
.webform-submission-punto-laranxa-form-form .form-actions .webform-button--submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 8px 24px 8px 44px;
  background-color: var(--portada-punto-laranxa, #ee731b);
  background-image: url("../images/icons/paper-plane-tilt.svg");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 16px 16px;
  border: none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  margin:0 !important;
}

/*.webform-submission-punto-laranxa-form-form .form-actions .webform-button--submit:hover {
  background-color: var(--portada-punto-laranxa-30, #fad5bb);
  background-image: url("../images/icons/paper-plane-tilt.svg");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 16px 16px;
  color: var(--portada-punto-laranxa, #ee731b) !important;
}*/

/* ==========================================================================
   Responsive Webform Checkboxes
   ========================================================================== */

@media (max-width: 992px) {
  .webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .js-webform-checkboxes,
  .webform-submission-punto-laranxa-form-form .webform-type-radios .js-webform-radios {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other,
  .webform-submission-punto-laranxa-form-form .webform-type-radios {
    margin-bottom: 16px;
  }

  .webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .js-webform-checkboxes,
  .webform-submission-punto-laranxa-form-form .webform-type-radios .js-webform-radios {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox {
    padding: 12px 16px;
  }

  .webform-submission-punto-laranxa-form-form .form-actions .webform-button--submit {
    flex: 1;
    width: 100%;
    padding-left: 24px;
    background-position: calc(50% - 140px) center;
  }
}


/* ==========================================================================
   Webform TIC: Extensión de estilos de Punto Laranxa con cor azul
   Figma: node 7121:11401
   ========================================================================== */
.webform-submission-formulario-tic-form{
  padding: 0 16px;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other.solo-clear::before,
.webform-submission-formulario-tic-form .webform-type-webform-radios-other.solo-clear::after,
.webform-submission-formulario-tic-form .webform-type-webform-radios-other .solo-clear::before,
.webform-submission-formulario-tic-form .webform-type-webform-radios-other .solo-clear::after,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other.solo-clear::before,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other.solo-clear::after,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .solo-clear::before,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-formulario-tic-form fieldset:not(td fieldset) {
  border: none !important;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other {
  background: var(--portada-bg-200, #f3f3f6) !important;
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other > legend,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other > legend {
  position: absolute;
  padding: 0 0 0 22px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-xunta-default, #007bc4);
  background-image: url("../images/icons/document.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px 19px;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .fieldset-wrapper,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .webform-element-description,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .webform-element-description {
  font-size: 14px;
  font-weight: 400;
  color: var(--portada-text-400, #5f6363);
  margin: 0;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .js-webform-radios,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .js-webform-checkboxes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  min-height: 68px;
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px;
  margin: 0;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio:hover,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:hover {
  border-color: var(--portada-xunta-25, #bfddf0) !important;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio:hover input[type="radio"],
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:hover input[type="checkbox"] {
  border-color: var(--portada-xunta-25, #bfddf0) !important;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio .form-item__label,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox .form-item__label {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  cursor: pointer;
  margin: 0;
  order: 1;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio input[type="radio"],
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--portada-text-200, #bababa) !important;
  border-radius: 100px;
  background: var(--portada-bg-50, #fff) !important;
  cursor: pointer;
  order: 2;
  margin: 0;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio input[type="radio"]:checked,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox input[type="checkbox"]:checked {
  background: var(--portada-xunta-default, #007bc4) !important;
  border-color: var(--portada-xunta-default, #007bc4) !important;
  box-shadow: 0 0 0 4px #fff inset !important;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked),
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:has(input[type="checkbox"]:checked) {
  background: var(--portada-xunta-default, #007bc4) !important;
  border-color: var(--portada-xunta-default, #007bc4) !important;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) .form-item__label,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:has(input[type="checkbox"]:checked) .form-item__label {
  color: #ffffff !important;
}

@media (max-width: 992px) {
  .webform-submission-formulario-tic-form .webform-type-webform-radios-other .js-webform-radios,
  .webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .js-webform-checkboxes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .webform-submission-formulario-tic-form .webform-type-webform-radios-other,
  .webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other {
    margin-bottom: 16px;
  }
}

@media (max-width: 576px) {
  .webform-submission-formulario-tic-form .webform-type-webform-radios-other .js-webform-radios,
  .webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .js-webform-checkboxes {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio,
  .webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox {
    padding: 12px 16px;
  }
}

/* ==========================================================================
   Webform TIC: Fieldset "Datos da persoa que comunica a incidencia"
   Figma: node 7121:11369
   ========================================================================== */

.webform-submission-formulario-tic-form #edit-datos-da-persoa.solo-clear::before,
.webform-submission-formulario-tic-form #edit-datos-da-persoa.solo-clear::after,
.webform-submission-formulario-tic-form #edit-datos-da-persoa .solo-clear::before,
.webform-submission-formulario-tic-form #edit-datos-da-persoa .solo-clear::after,
.webform-submission-formulario-tic-form #edit-elemento-afectado.solo-clear::before,
.webform-submission-formulario-tic-form #edit-elemento-afectado.solo-clear::after,
.webform-submission-formulario-tic-form #edit-elemento-afectado .solo-clear::before,
.webform-submission-formulario-tic-form #edit-elemento-afectado .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-formulario-tic-form #edit-datos-da-persoa,
.webform-submission-formulario-tic-form #edit-elemento-afectado {
  background: var(--portada-bg-200, #f3f3f6) !important;
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
  position: relative;
}

.webform-submission-formulario-tic-form #edit-datos-da-persoa > legend,
.webform-submission-formulario-tic-form #edit-elemento-afectado > legend {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 0 0 0 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-xunta-default, #007bc4);
  background-image: url("/sites/centros.edu.xunta.gal.curso150/files/2026-07/element.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}

.webform-submission-formulario-tic-form #edit-datos-da-persoa .fieldset-wrapper,
.webform-submission-formulario-tic-form #edit-elemento-afectado .fieldset-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 38px;
}

.webform-submission-formulario-tic-form #edit-datos-da-persoa .form-item,
.webform-submission-formulario-tic-form #edit-elemento-afectado .form-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-datos-da-persoa .form-item__label,
.webform-submission-formulario-tic-form #edit-elemento-afectado .form-item__label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-datos-da-persoa .solo-input,
.webform-submission-formulario-tic-form #edit-elemento-afectado .solo-input {
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  height: 56px;
  font-size: 16px;
  color: var(--portada-text-400, #5f6363);
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

@media (max-width: 768px) {
  .webform-submission-formulario-tic-form #edit-datos-da-persoa .fieldset-wrapper,
  .webform-submission-formulario-tic-form #edit-elemento-afectado .fieldset-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* ==========================================================================
   Webform TIC: Fieldset "Localización da incidencia"
   Figma: node 7121:11389
   ========================================================================== */

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia.solo-clear::before,
.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia.solo-clear::after,
.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .solo-clear::before,
.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia {
  background: var(--portada-bg-200, #f3f3f6) !important;
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
  position: relative;
}

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia > legend {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 0 0 0 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-xunta-default, #007bc4);
  background-image: url("/sites/centros.edu.xunta.gal.curso150/files/2026-07/location.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 38px;
}

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .form-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .form-item__label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  margin: 0;
}

/* ==========================================================================
   Webform TIC: Fieldset "Descrición da incidencia"
   Figma: node 7121:11441
   ========================================================================== */

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia.solo-clear::before,
.webform-submission-formulario-tic-form #edit-descricion-da-incidencia.solo-clear::after,
.webform-submission-formulario-tic-form #edit-descricion-da-incidencia .solo-clear::before,
.webform-submission-formulario-tic-form #edit-descricion-da-incidencia .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia {
  background: var(--portada-bg-200, #f3f3f6) !important;
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
  position: relative;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia > legend {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 0 0 0 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-xunta-default, #007bc4);
  background-image: url("../images/icons/document.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia > .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 38px;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia > .fieldset-wrapper > .form-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia > .fieldset-wrapper > .form-item > .form-item__label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia .solo-textarea {
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 16px;
  color: var(--portada-text-800, #2d3232);
  width: 100%;
  box-sizing: border-box;
  min-height: 120px;
  resize: vertical;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia .form-textarea-wrapper {
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-descricion-da-incidencia input[type="date"].solo-input {
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  height: 56px;
  font-size: 16px;
  color: var(--portada-text-800, #2d3232);
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

/* Radios anidados: A incidencia repítese? */
.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper {
  background: transparent !important;
  border: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper.solo-clear::before,
.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper.solo-clear::after,
.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .solo-clear::before,
.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper > legend {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-xunta-default, #007bc4);
  background-image: url("../images/icons/calendar.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px 19px;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 30px;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .js-webform-radios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  min-height: 68px;
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px;
  margin: 0;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio:hover {
  border-color: var(--portada-xunta-25, #bfddf0) !important;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio:hover input[type="radio"] {
  border-color: var(--portada-xunta-25, #bfddf0) !important;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio .form-item__label {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  cursor: pointer;
  margin: 0;
  order: 1;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--portada-text-200, #bababa) !important;
  border-radius: 100px;
  background: var(--portada-bg-50, #fff) !important;
  cursor: pointer;
  order: 2;
  margin: 0;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio input[type="radio"]:checked {
  background: var(--portada-xunta-default, #007bc4) !important;
  border-color: var(--portada-xunta-default, #007bc4) !important;
  box-shadow: 0 0 0 4px #fff inset !important;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) {
  background: var(--portada-xunta-10, #e5f1f8) !important;
  border-color: var(--portada-xunta-default, #007bc4) !important;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) .form-item__label {
  font-weight: 700;
  color: var(--portada-xunta-dark, #002b4a) !important;
}

@media (max-width: 768px) {
  .webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .js-webform-radios {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .js-webform-radios {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio {
    padding: 12px 16px;
  }
}

.webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .solo-select {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--portada-bg-50, #fff) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%232D3232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 20px 20px !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px !important;
  padding: 12px 48px 12px 24px !important;
  height: 56px;
  font-size: 16px;
  color: var(--portada-text-800, #2d3232);
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}

/* ==========================================================================
   Webform TIC: Fieldset "Prioridade"
   Figma: node 7121:11476
   ========================================================================== */

.webform-submission-formulario-tic-form #edit-prioridade--wrapper.solo-clear::before,
.webform-submission-formulario-tic-form #edit-prioridade--wrapper.solo-clear::after,
.webform-submission-formulario-tic-form #edit-prioridade--wrapper .solo-clear::before,
.webform-submission-formulario-tic-form #edit-prioridade--wrapper .solo-clear::after {
  content: none;
  display: none;
  clear: none;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper {
  background: var(--portada-bg-200, #f3f3f6) !important;
  border-radius: 8px;
  padding: 24px;
  border: none;
  margin: 0 0 32px 0;
  position: relative;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper > legend {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 0 0 0 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-xunta-default, #007bc4);
  background-image: url("/sites/centros.edu.xunta.gal.curso150/files/2026-07/priority.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 38px;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .js-webform-radios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2px 12px;
  padding: 16px 24px;
  background: var(--portada-bg-50, #fff) !important;
  border: 2px solid var(--portada-bg-400, #e9e9ec) !important;
  border-radius: 8px;
  margin: 0;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio:hover {
  border-color: var(--portada-xunta-25, #bfddf0) !important;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio:hover input[type="radio"] {
  border-color: var(--portada-xunta-25, #bfddf0) !important;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio .form-item__label {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--portada-text-800, #2d3232);
  cursor: pointer;
  margin: 0;
  order: 1;
  min-width: 0;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--portada-text-200, #bababa) !important;
  border-radius: 100px;
  background: var(--portada-bg-50, #fff) !important;
  cursor: pointer;
  order: 2;
  margin: 2px 0 0 0;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio .form-item__description {
  flex-basis: 100%;
  order: 3;
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-prioridade-baixa ~ .form-item__label,
.webform-submission-formulario-tic-form #edit-prioridade-media ~ .form-item__label,
.webform-submission-formulario-tic-form #edit-prioridade-alta ~ .form-item__label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.webform-submission-formulario-tic-form #edit-prioridade-baixa ~ .form-item__label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #36BC8C;
}

.webform-submission-formulario-tic-form #edit-prioridade-media ~ .form-item__label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #E9A838;
}

.webform-submission-formulario-tic-form #edit-prioridade-alta ~ .form-item__label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #E64343;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio .webform-element-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--portada-text-400, #5f6363);
  margin: 0;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio input[type="radio"]:checked {
  background: var(--portada-xunta-default, #007bc4) !important;
  border-color: var(--portada-xunta-default, #007bc4) !important;
  box-shadow: 0 0 0 4px #fff inset !important;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) {
  background: var(--portada-xunta-10, #e5f1f8) !important;
  border-color: var(--portada-xunta-default, #007bc4) !important;
}

.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) .form-item__label {
  font-weight: 700;
  color: var(--portada-xunta-dark, #002b4a) !important;
}

@media (max-width: 768px) {
  .webform-submission-formulario-tic-form #edit-prioridade--wrapper .js-webform-radios {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .webform-submission-formulario-tic-form #edit-prioridade--wrapper .js-webform-radios {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio {
    padding: 12px 16px;
  }
}


/* ==========================================================================
   Estilos engadidos 20/07/26
   ========================================================================== */



.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio label,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox label {
    height: auto !important;
    min-height: 26px;
    display: flex;
    align-items: center;
}

form#webform-submission-formulario-tic-add-form {
    padding: 64px 16px;
}

input, input:focus,
select, select:focus,
.form-type-boolean, .form-type-boolean:focus,
textarea, textarea:focus {
    box-shadow: none !important;
}

.form-required::after {
  background-image: none !important;
  content: "*";
  display: contents;
}

.webform-submission-punto-laranxa-form-form .form-actions .webform-button--submit:hover {
  background-image: url("/sites/centros.edu.xunta.gal.curso150/files/2026-07/paper-plane-tilt-orange.svg") !important;
}

.webform-submission-formulario-tic-form .form-actions .webform-button--submit:hover {
  background-image: url("/sites/centros.edu.xunta.gal.curso150/files/2026-07/paper-plane-tilt-blue.svg") !important;
}

fieldset#edit-que-esta-a-pasar,
fieldset#edit-como-esta-a-pasar--wrapper,
fieldset#edit-pasou-unha-soa-vez-ou-esta-a-repetirse--wrapper,
fieldset#edit-a-que-afecta--wrapper,
.is-required.solo-field-textarea.js-form-item.form-item.js-form-type-textarea.form-type-textarea.js-form-item-mensaje.form-item-mensaje {
    margin: 16px;
    width: calc(100% - 32px) !important;
    max-width: 100%;
    margin-bottom: 32px;
}

.form-item-que-esta-a-pasar-checkboxes-agresions:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/agresions-fisicas-laranxa_0.png) !important;
}

.form-item-que-esta-a-pasar-checkboxes-ameazas:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/ameazas-hover.png) !important;
}

.form-item-que-esta-a-pasar-checkboxes-insultos:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/insultos-hover.png) !important;
}

.form-item-que-esta-a-pasar-checkboxes-exclusion:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/exclusion-hover.png) !important;
}

.form-item-que-esta-a-pasar-checkboxes-difusion:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/difusion-hover.png) !important;
}

.form-item-que-esta-a-pasar-checkboxes-chantaxe:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/chantaxe-hover.png) !important;
}

.form-item-que-esta-a-pasar-checkboxes--other-:hover .form-item__label {
  background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/outra-hover.png) !important;
}

.webform-submission-formulario-tic-form fieldset.form-item > .fieldset-wrapper {
    padding: 0px;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio {
  padding: 0px;
  min-height: 28px;
  background: none !important;
  border: none !important;
  border-radius: 0px;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio input[type="radio"] {
  order: 1;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio .form-item__label {
  order: 2;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper > legend {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--portada-text-800, #2d3232);
    padding: 0px;
    margin: 0;
    background-image: none !important;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input + label {
    padding-left: 32px;
    background-repeat: no-repeat;
    height: 25px;
    background-position: left center!important;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="equipo"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/equipo-informatico.png);
    background-size: 24px 22px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="impresora"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/impresora.png);
    background-size: 23px 23px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="panel"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/panel-dixital.png);
    background-size: 28px 22px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="proxector"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/proxector.png);
    background-size: 24px 25px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="rede"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/conexion-internet.png);
    background-size: 26px 20px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="aula"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/aula-virtual.png);
    background-size: 28px 19px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="software"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/software-aplicacion.png);
    background-size: 24px 20px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="telefonia"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/telefonia.png);
    background-size: 16px 25px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="equipamento"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/equipamento-audiovisual.png);
    background-size: 18px 22px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios input[value="outro"] + label {
    background-image: url(/themes/custom/solo_amtega/images/icons/outra_situacion.png);
    background-size: 24px 25px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="equipo"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/equipo-informatico-azul.png);
    background-size: 24px 22px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="impresora"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/impresora-azul.png);
    background-size: 23px 23px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="panel"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/panel-dixital-azul.png);
    background-size: 28px 22px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="proxector"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/proxector-azul.png);
    background-size: 24px 25px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="rede"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/conexion-internet-azul.png);
    background-size: 26px 20px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="aula"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/aula-virtual-azul.png);
    background-size: 28px 19px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="software"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/software-aplicacion-azul.png);
    background-size: 24px 20px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="telefonia"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/telefonia-azul.png);
    background-size: 16px 25px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="equipamento"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/equipamento-audiovisual-azul.png);
    background-size: 18px 22px;
}

form#webform-submission-formulario-tic-add-form .form-item-tipo-de-incidencia-radios:hover input[value="outro"] + label {
    background-image: url(/sites/centros.edu.xunta.gal.curso150/files/2026-07/outro-azul.png);
    background-size: 24px 25px;
}

div#edit-tipo-de-incidencia-radios div:last-child, fieldset#edit-descricion-da-incidencia label.form-item__label.js-form-required.form-required {
    display: none !important;
}

.webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .form-type-boolean.solo-field-radio:hover input[type="radio"],
.webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio:hover input[type="radio"] {
    border-color: var(--portada-xunta-default, #007bc4) !important;
}

.webform-submission-formulario-tic-form .form-actions {
    justify-content: start !important;
    padding: 0px;
}

.webform-submission-formulario-tic-form .form-actions > input {
    margin-block: 0px !important;
    margin-inline: 0px !important;
}

.webform-submission-formulario-tic-form .form-actions .webform-button--submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 8px 24px 8px 44px;
    background-color: var(--portada-xunta-default, #007bc4);
    background-image: url(../images/icons/paper-plane-tilt.svg);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 16px 16px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: none;
    appearance: none;
    margin: 0 !important;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox {
  margin: 0px !important;
}

p.formulario-tic-header__text {
    margin-top: 0px !important;
}

.webform-submission-formulario-tic-form div#edit-intro-cabeceira {
    margin-bottom: 32px;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .fieldset-wrapper,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .fieldset-wrapper {
  margin-top: 40px;
}

.webform-submission-formulario-tic-form .form-actions .webform-button--submit:hover {
    background-color: var(--portada-white, #ffffff);
    background-image: url("../images/icons/paper-plane-tilt.svg") color:var(--portada-xunta-default, #007bc4);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 16px 16px;
    border: 1px solid var(--portada-xunta-default, #007bc4);
    color: var(--portada-xunta-default, #007bc4) !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .fieldset-wrapper,
.webform-submission-punto-laranxa-form-form .webform-type-radios .fieldset-wrapper {
    padding: 16px 0px 0px 0px !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox,
.webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio {
  margin: 0px !important;
}

.punto-laranxa-header .punto-laranxa-header__content {
    max-width: 600px;
}

.punto-laranxa-header {
    justify-content: space-between;
    padding-right: 80px;
}

.webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) .form-item__label.option,
.webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:has(input[type="checkbox"]:checked) .form-item__label.option,
.punto-laranxa-alerta__btn:hover::before,
.webform-submission-punto-laranxa-form-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio:has(input[type="radio"]:checked) .form-item__label.option,
.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox:has(input[type="checkbox"]:checked) .form-item__label.option {
    filter: contrast(0) brightness(10) !important;
}

.webform-submission-punto-laranxa-form-form .form-actions .webform-button--submit {
  box-shadow: none !important;
}

.webform-submission-punto-laranxa-form-form .form-actions .webform-button--submit:hover {
  background-color: var(--portada-white, #ffffff);
  background-image: url("../images/icons/paper-plane-tilt.svg") color:var(--portada-punto-laranxa, #ee731b);
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 16px 16px;
  border: 1px solid var(--portada-punto-laranxa, #ee731b);
  color: var(--portada-punto-laranxa, #ee731b) !important;
}

.webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox .form-item__label, .webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio .form-item__label {
    height: auto !important;
    min-height: 26px;
    display: flex;
    align-items: center;
}


@media (max-width: 992px) {

  .webform-submission-formulario-tic-form #edit-prioridade--wrapper .form-type-boolean.solo-field-radio {
    margin: 0px !important;
  }

  .punto-laranxa-header {
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    padding-right: 0px !important;
  }

  fieldset#edit-que-esta-a-pasar,
  fieldset#edit-como-esta-a-pasar--wrapper,
  fieldset#edit-pasou-unha-soa-vez-ou-esta-a-repetirse--wrapper,
  fieldset#edit-a-que-afecta--wrapper,
  .is-required.solo-field-textarea.js-form-item.form-item.js-form-type-textarea.form-type-textarea.js-form-item-mensaje.form-item-mensaje {
    margin-bottom: 16px;
  }

  .punto-laranxa-header .punto-laranxa-header__content {
    max-width: 100%;
  }

  .webform-submission-punto-laranxa-form-form #edit-intro-cabeceira {
    padding: 24px 16px 24px 16px;
  }

  form#webform-submission-formulario-tic-add-form {
    padding: 24px 16px 24px 16px !important;
  }

  .webform-submission-formulario-tic-form #edit-datos-da-persoa,
  .webform-submission-formulario-tic-form #edit-elemento-afectado,
  .webform-submission-formulario-tic-form #edit-localizacion-da-incidencia,
  .webform-submission-formulario-tic-form #edit-descricion-da-incidencia,
  .webform-submission-formulario-tic-form #edit-prioridade--wrapper
   {
    margin: 0 0 16px 0;
  }

  .punto-laranxa-header__content h2 {
    padding: 0px;
  }

  .punto-laranxa-header__image {
    min-width: 100%;
    text-align: left;
  }

  .punto-laranxa-header__image img {
    margin-left: 0px !important;
    width: 50%;
    height: auto;
  }

  .webform-submission-punto-laranxa-form-form .form-actions {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 576px) {

    .webform-submission-formulario-tic-form #edit-a-incidencia-repitese--wrapper .js-webform-radios {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0px;
    }

  .punto-laranxa-header__content h2 {
    font-size: 16px;
  }

  .punto-laranxa-header {
    margin-bottom: 16px;
    gap: 16px;
  }

  .punto-laranxa-header__image img {
    width: 200px;
  }

  .punto-laranxa-alerta__title {
    font-size: 16px;
  }

  fieldset#edit-que-esta-a-pasar,
  fieldset#edit-como-esta-a-pasar--wrapper,
  fieldset#edit-pasou-unha-soa-vez-ou-esta-a-repetirse--wrapper,
  fieldset#edit-a-que-afecta--wrapper,
  .is-required.solo-field-textarea.js-form-item.form-item.js-form-type-textarea.form-type-textarea.js-form-item-mensaje.form-item-mensaje {
    
    padding: 16px !important;
  }

  .webform-submission-formulario-tic-form #edit-datos-da-persoa,
  .webform-submission-formulario-tic-form #edit-elemento-afectado,
  .webform-submission-formulario-tic-form #edit-localizacion-da-incidencia,
  .webform-submission-formulario-tic-form #edit-descricion-da-incidencia,
  .webform-submission-formulario-tic-form #edit-prioridade--wrapper,
  .webform-submission-formulario-tic-form .webform-type-webform-radios-other,
  .webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other
   {
    padding: 16px;
  }

  .webform-submission-punto-laranxa-form-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox .form-item__label,
  .webform-submission-punto-laranxa-form-form .webform-type-radios .form-type-boolean.solo-field-radio .form-item__label,
  .webform-submission-formulario-tic-form .webform-type-webform-radios-other .form-type-boolean.solo-field-radio .form-item__label,
  .webform-submission-formulario-tic-form .webform-type-webform-checkboxes-other .form-type-boolean.solo-field-checkbox .form-item__label {
    font-size: 14px;
  }

  .webform-submission-formulario-tic-form #edit-datos-da-persoa .fieldset-wrapper,
  .webform-submission-formulario-tic-form #edit-elemento-afectado .fieldset-wrapper {
    margin-top: 16px;
  }

  .webform-submission-formulario-tic-form #edit-datos-da-persoa > legend,
  .webform-submission-formulario-tic-form #edit-elemento-afectado > legend,
  .webform-submission-formulario-tic-form #edit-localizacion-da-incidencia > legend,
  .webform-submission-formulario-tic-form #edit-descricion-da-incidencia > legend {
    position: relative;
    left: auto !important;
  }

  .webform-submission-formulario-tic-form #edit-descricion-da-incidencia > .fieldset-wrapper,
  .webform-submission-formulario-tic-form #edit-localizacion-da-incidencia .fieldset-wrapper {
    margin-top: 16px;
  }

  div#edit-pasou-unha-soa-vez-ou-esta-a-repetirse {
    margin-top: 24px !important;
  }

  .webform-submission-formulario-tic-form div#edit-intro-cabeceira {
    margin-bottom: 16px;
  }
}