.node-29 h1{
	color: #222;
}
form label span{
	color: var(--compensar-required-200);
}
input::placeholder {
  color: #666;
  opacity: 1;
}
/* Compatibilidad con navegadores antiguos */
input::-webkit-input-placeholder { color: #666; }
input:-moz-placeholder { color: #666; opacity: 1; }
input::-moz-placeholder { color: #666; opacity: 1; }
input:-ms-input-placeholder { color: #666; }

.file-upload {
  border: 1px dashed #ccc;
  border-radius: 8px;
  text-align: center;
  padding: 2rem;
  background-color: #fafafa;
  cursor: pointer;
}

.was-validated:has(#file-authorization.form-control:invalid) #file-upload {
  border-color: var(--compensar-error-60);
}

.file-upload.dragover {
  background-color: #f0f0f0;
  border-color: #ff6600;
}

.file-info{
	display: none;
}

.file-info span {
  border: 1px solid var(--compensar-neutral-10);
  border-radius: 1rem;
  padding: 1rem;
  background-color: var(--compensar-neutral-10);
  max-width:400px;
}

.form-check-input {
	border: solid #111;
}

.node-29 p{
	margin-bottom: 0;
}
.invalid-size, .invalid-file {
	display:none;
}
.invalid-feedback, .invalid-size, .invalid-file {
	  align-items: center;
    justify-content: start;
    gap: .3rem;
    color: var(--compensar-error-80);
}

.form-check-label {
	color: #333 !important;
}
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.was-validated p:has(.form-control:invalid) ~ .invalid-feedback,
.was-validated p:has(.form-check-input:invalid) ~ .invalid-feedback,
.was-validated p:has(.form-select:invalid) ~ .invalid-feedback {
	display: flex;
}
.spinner-border{
	  width: 5rem;
    height: 5rem;
    color: var(--compensar-naranja-600);
}
.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.7);
  z-index: 9999;
  pointer-events: all;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.loader-overlay.active {
  opacity: 1;
  visibility: visible;
}

.popup-authorization .field--type-text-long {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 1.5rem 1.5rem 1.5rem;
}

.popup-authorization .material-symbols-outlined.close{
	font-size: 2rem;
  color: #111 !important;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.popup-authorization .paragraph__column .field--type-text-long .material-symbols-outlined.check{
	font-size: 3.5rem;
  color: #22A152;
}

.popup-authorization .paragraph__column .field--type-text-long h5{
	color: #333333;
	font-weight: 600;
}

.popup-authorization {
  display: none; /* oculto por defecto */
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background-color: rgba(0, 0, 0, 0.6); /* fondo oscuro semitransparente */
  z-index: 9999;
  justify-content: center;
  align-items: center;
  overflow: auto;
}

.popup-authorization .paragraph__column {
  background-color: #fff;
  border-radius: 10px;
  padding: 2rem 2.5rem;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  position: relative;
  animation: popupFadeIn 0.25s ease-out;
}

@keyframes popupFadeIn {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.popup-authorization {
  display: none; /* oculto por defecto */
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background-color: rgba(0, 0, 0, 0.6); /* fondo oscuro semitransparente */
  z-index: 9999;
  justify-content: center;
  align-items: center;
  overflow: auto;
}

.popup-authorization .paragraph__column {
  background-color: #fff;
  border-radius: 10px;
  padding: 2rem 2.5rem;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  position: relative;
  animation: popupFadeIn 0.25s ease-out;
}

form .form-label{
	color: #111;
}

.file-upload {
	color: #000;
}

.node-29 .file-upload .text-warning {
	color: #f60;	
}

.info-file-extension label {
	color: #111;
}

.popup-authorization p small, .text-dataconsent, form .mt-5,
.autorization-primary-alert, .node-29 p.mb-3 {
	color: #333;
}

@keyframes popupFadeIn {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}