.FormularioFicha {
  width: 24%;
  margin-left: 1%;
}

.FormularioFicha1 {
  width: 24%;
}
.btn-siguiente:disabled {
  background-color: #ccc !important;  /* gris apagado */
  color: #666 !important;            /* texto gris */
  cursor: not-allowed !important;    /* cursor tipo prohibido */
  box-shadow: none !important;       /* quita sombra si tenía */
}



.textAdvertencia {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 22px;
  font-size: 14px;
}

.textAdvertencia1 {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  width: 100%;
  font-size: 14px;
}



.radio-Button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 63px;
  width: 34%;
  flex-wrap: wrap;
}

.error {
  color: red;
  font-size: 13px !important;
}

.mensajeError {
  width: 100%;
  display: flex;
  justify-content: center;
}

.W-button {
  width: 15% !important;
}

.W-button1 {
  width: 19% !important;
}

.div-form {
  width: 100%;
  margin-top: 20px;
}

.dialog {
  width: auto;
  max-width: 1000px;
}

.font-text {
  font-size: 14px;


}
.font-text2 {
  font-size: 14px;
 color: #555555;

}
.f-z {
  font-size: 14px;
}

.FormularioFicha-1 {
  width: 32%;
  margin-left: 1%;
}

.w-Domicilio {
  width: 65% !important;
}
.textAdvertencia1{
justify-content: center;

}
::ng-deep .mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-icon-color: #4074b0;
  --mdc-radio-unselected-icon-color: #9e9e9e;
  --mdc-radio-selected-hover-icon-color: #4074b0;
  --mdc-radio-unselected-hover-icon-color: #757575;
  --mdc-radio-selected-focus-icon-color: #4074b0;
  --mdc-radio-selected-pressed-icon-color: #4074b0;
  --mat-radio-checked-ripple-color: #4074b0;
  --mat-radio-ripple-color: #4074b0;
}

.st0 {
    fill: aqua;
}


.swal2-popup.no-scroll-popup {
  width: 250px !important;
  padding: 10px !important;
  max-height: unset !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 600px) {
  .centrar1 {
    width: 300px;
    display: flex;
    justify-content: center;
    margin-left: -33px;
  }

  .content {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 24px;
    color: white;
    font-family: "Serenity Medium";
  }

  .divRes {
    margin-left: -55px;
    width: 145%;
  }

  .FormularioFicha {
    width: 98% !important;
  }

  .btn-res {
    width: 72% !important;
  }

  .btn-res1 {
    width: 100% !important;
  }

  .dialog {
    width: 332px;
    height: 600px !important;
  }

  .radio-Button {
    width: 98% !important;
  }

  .label-check {
    font-size: 12px !important;
  }

  .textAdvertencia {
    font-size: 11px !important;
    margin-bottom: 32px;
    width: 98%;
  }

  .textAdvertencia1 {
    font-size: 11px !important;
    width: 98%;
  }

  .btn-res-Guardar {
    width: 83px !important;
  }

  .text-responsive {
    font-size: 14px !important;
  }

  .btn1 {
    transform: scale(0.9);

  }




  .font-text {
    font-size: 13px;
  }

  .FormularioFicha1 {
    width: 98% !important;
  }

  .M-L {
    margin-left: 0px !important;
  }

  .w-btn {
    width: 177px !important;
  }


  .f-z {
    font-size: 13px;
  }
  .custom-file-upload {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  border: 1.5px solid #3f51b5;
  border-radius: 6px;
  background-color: #f1f3f4;
  color: #3f51b5;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.custom-file-upload:hover {
  background-color: #e8eaf6;
  border-color: #303f9f;
}

.custom-file-upload input[type="file"] {
  display: none;
}
@media only screen and (max-width: 600px) {
  /* Estructura base */
  mat-step {
    padding: 0 10px;
  }

  .div-form {
    width: 100%;
    padding: 0;
  }

  .radio-Button {
    width: 100% !important;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .label-check {
    font-size: 13px !important;
    margin-bottom: 5px;
  }

  mat-radio-group {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }

  .mensajeError mat-hint {
    font-size: 12px !important;
    text-align: left;
  }

  .info-message {
    font-size: 11px !important;
    margin-top: 10px;
    text-align: left;
  }

  .personas-autorizadas-container {
    width: 100% !important;
  }

  .personas-autorizadas-container > div:first-child {
    flex-direction: column;
    align-items: flex-start;
  }

  .personas-autorizadas-container p {
    font-size: 14px !important;
    margin-bottom: 10px;
  }

  .personas-autorizadas-container button {
    width: 100% !important;
    margin-top: 10px;
  }

  .persona-autorizada-item {
    flex-direction: column;
    align-items: stretch;
  }

  .FormularioFicha {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }

  .persona-autorizada-item button {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 10px;
  }

  /* Texto cuando no hay personas */
  .personas-autorizadas-container p {
    text-align: center;
  }

  /* Botones finales */
  .botones {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .botones > div {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .btn1 {
    width: 100% !important;
    font-size: 14px;
  }

  .btn1 mat-icon {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .file-upload-container {
    width: 100% !important;
    padding: 0 10px;
    margin-top: 20px;
  }

  .file-upload-container mat-form-field.FormularioFicha1 {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .file-upload-container .btn1 {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .file-upload-container > div {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .file-upload-container div[ng-reflect-ng-if] {
    margin-left: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-word;
  }

  .file-upload-container p {
    font-size: 14px;
  }

  .botones {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .botones > div {
    width: 100% !important;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
    padding: 0 10px;
  }

  .w-btn {
    width: 100% !important;
  }

  .btn1 {
    font-size: 14px;
  }

  .btn1 mat-icon {
    margin-left: 5px;
  }
}


}
