/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 09 2026 | 12:31:34 */
/* ==========================================================================
   FONT
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Public+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* ==========================================================================
   IOS / SAFARI — evita auto-link blu
   ========================================================================== */
a[x-apple-data-detectors],
a[x-apple-data-detectors="true"],
a[href^="tel:"],
a[href^="sms:"],
a[href^="mailto:"] {
  color: inherit !important;
  text-decoration: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

a[x-apple-data-detectors] *,
a[href^="tel:"] *,
a[href^="sms:"] *,
a[href^="mailto:"] * {
  color: inherit !important;
  text-decoration: inherit !important;
}

a[x-apple-data-detectors]:hover,
a[x-apple-data-detectors]:active,
a[href^="tel:"]:hover,
a[href^="tel:"]:active,
a[href^="sms:"]:hover,
a[href^="sms:"]:active,
a[href^="mailto:"]:hover,
a[href^="mailto:"]:active {
  color: inherit !important;
}

/* ==========================================================================
   RICORSI.NET — GLOBAL FORM SKIN
   ========================================================================== */
.dcs-form {
  --dcs-ink: #16293f;
  --dcs-ink-dk: #1d3654;
  --dcs-accent: #c0563a;
  --dcs-accent-dk: #a94731;

  --dcs-block-mb: 12px;
  --dcs-label-fs: 9.5px;
  --dcs-label-mb: 5px;
  --dcs-hint-fs: 12px;
  --dcs-hint-col: #8f98a5;
  --dcs-hint-lh: 1.35;
  --dcs-hint-m: 0 0 7px;

  --dcs-field-pad: 10px 12px;
  --dcs-field-fs: 14.5px;
  --dcs-field-r: 9px;
  --dcs-ta-h: 76px;

  --dcs-fc-min: 42px;
  --dcs-fc-pad: 8px 12px;
  --dcs-fc-r: 10px;
  --dcs-fc-gap: 10px;
  --dcs-fc-size: 17px;
  --dcs-fc-label-fs: 13.5px;
  --dcs-fc-label-lh: 1.18;
  --dcs-grid-gap: 8px;

  --dcs-btn-min: 50px;
  --dcs-btn-pad: 13px;
  --dcs-btn-fs: 15px;
  --dcs-btn-r: 11px;
  --dcs-btn-shadow: 0 16px 28px -16px rgba(22, 41, 63, 0.7);
  --dcs-outline-pad: 11px;
  --dcs-outline-mb: 7px;

  --dcs-muted-fs: 12px;
}

.dcs-form,
.dcs-form * {
  box-sizing: border-box;
}

.dcs-card{
  /* misure di questo form */
  --dcs-label-fs:9.8px;
  --dcs-hint-fs:11.5px;
  --dcs-hint-col:#9aa0a8;
  --dcs-hint-lh:1.3;
  --dcs-fc-r:9px;
  --dcs-fc-gap:9px;
  --dcs-fc-size:16px;
  --dcs-fc-label-lh:1.12;
  --dcs-grid-gap:7px;
  --dcs-btn-r:10px;
  --dcs-btn-shadow:0 14px 24px -15px rgba(22,41,63,.7);
  --dcs-muted-fs:11.5px;

  font-family:'Public Sans',system-ui,sans-serif;
  background:#ffffff !important;
  border-radius:16px;
  box-shadow:0 28px 70px -34px rgba(0,0,0,.42);
  overflow:hidden;
  max-width:520px;
}

.dcs-card .ttb-block-error{
  font-size:11px !important;
}

/* chrome finestra */
.dcs-card .dcs-chrome{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  border-bottom:1px solid #eef0f3;
}

.dcs-card .dcs-dots{
  display:flex;
  gap:6px;
}

.dcs-card .dcs-dots i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#d9dde3;
  display:block;
}

.dcs-card .dcs-url{
  flex:1;
  text-align:center;
  font-family:'IBM Plex Mono',monospace !important;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.03em;
  color:#16293f !important;
}

.dcs-card .dcs-url b{
  color:#c0563a !important;
  font-weight:600;
}

.dcs-card .dcs-path{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:11px;
  color:#aab0b9 !important;
}

/* intestazione */
.dcs-card .dcs-body{
  padding:18px 24px 20px;
}

.dcs-card .dcs-step{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:10.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#c0563a !important;
  font-weight:600;
}

.dcs-card .dcs-h2{
  font-family:'Spectral',Georgia,serif !important;
  font-weight:600 !important;
  font-size:23px !important;
  line-height:1.1;
  margin:7px 0 3px !important;
  color:#16293f !important;
}

.dcs-card .dcs-note0{
  font-size:12.8px !important;
  line-height:1.35;
  color:#6b7787 !important;
  margin:0 0 12px !important;
}

@media (max-width:480px){
  .dcs-card .dcs-body{
    padding:16px 18px 18px;
  }

  .dcs-card .dcs-path{
    display:none;
  }

  .dcs-card.dcs-2col .ttb-module__block:has(.form-check){
    grid-template-columns:1fr;
  }
}

/* ==========================================================================
   STRUTTURA BASE
   ========================================================================== */
.dcs-form .ttb-module__block {
  margin: 0 0 var(--dcs-block-mb) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.dcs-form .ttb-module__block-label {
  margin: 0 0 var(--dcs-label-mb) !important;
}

.dcs-form .ttb-module__block-label span {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: var(--dcs-label-fs) !important;
  font-weight: 600 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9aa0a8 !important;
}

.dcs-form .ttb-module__block-hint {
  margin: var(--dcs-hint-m) !important;
  font-family: 'Public Sans', sans-serif !important;
  font-size: var(--dcs-hint-fs) !important;
  line-height: var(--dcs-hint-lh) !important;
  color: var(--dcs-hint-col) !important;
}

.dcs-form .ttb-block-error {
  margin-top: 8px !important;
  font-family: 'Public Sans', sans-serif !important;
  color: var(--dcs-accent) !important;
}

.dcs-form .text-danger {
  color: var(--dcs-accent) !important;
}

.dcs-form .text-muted,
.dcs-form .small {
  font-family: 'Public Sans', sans-serif !important;
  font-size: var(--dcs-muted-fs) !important;
  color: #98948a !important;
}

/* ==========================================================================
   CAMPI
   ========================================================================== */
.dcs-form .form-control,
.dcs-form input[type="text"].ttb-block-input,
.dcs-form input[type="email"],
.dcs-form input[type="tel"],
.dcs-form input[type="number"],
.dcs-form select,
.dcs-form textarea {
  width: 100% !important;
  padding: var(--dcs-field-pad) !important;
  font-family: 'Spectral', Georgia, serif !important;
  font-size: var(--dcs-field-fs) !important;
  color: var(--dcs-ink) !important;
  background: #fff !important;
  border: 1.5px solid #e0e4e9 !important;
  border-radius: var(--dcs-field-r) !important;
  box-shadow: none !important;
  outline: none !important;
}

.dcs-form textarea {
  min-height: var(--dcs-ta-h) !important;
  resize: vertical;
}

.dcs-form .form-control:focus,
.dcs-form input:focus,
.dcs-form select:focus,
.dcs-form textarea:focus {
  border-color: var(--dcs-accent) !important;
  box-shadow: 0 0 0 3px rgba(192, 86, 58, .13) !important;
}

.dcs-form .form-control::placeholder,
.dcs-form input::placeholder,
.dcs-form textarea::placeholder {
  color: #9aa6b4 !important;
}

.dcs-form .form-control.is-invalid,
.dcs-form .form-select.is-invalid,
.dcs-form .form-check-input.is-invalid {
  border-color: #dc3545 !important;
}

/* ==========================================================================
   RADIO / CHECKBOX
   ========================================================================== */
.dcs-form .form-check {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: var(--dcs-fc-gap);
  min-height: var(--dcs-fc-min);
  margin: 0 0 7px !important;
  padding: var(--dcs-fc-pad) !important;
  background: #fff !important;
  border: 1.5px solid #e4e7ec !important;
  border-radius: var(--dcs-fc-r) !important;
  cursor: pointer;
  transition: all .15s ease;
}

.dcs-form .form-check:hover {
  background: #fffaf6 !important;
  border-color: #d8c3b6 !important;
}

.dcs-form .form-check:has(.form-check-input:checked) {
  background: #fbece4 !important;
  border-color: #e0a98f !important;
}

.dcs-form .form-check-label {
  flex: 1;
  margin: 0 !important;
  font-family: 'Spectral', Georgia, serif !important;
  font-size: var(--dcs-fc-label-fs) !important;
  font-weight: 600 !important;
  line-height: var(--dcs-fc-label-lh);
  color: var(--dcs-ink) !important;
  cursor: pointer;
}

.dcs-form .form-check-input {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex-shrink: 0;
  float: none !important;
  width: var(--dcs-fc-size) !important;
  height: var(--dcs-fc-size) !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid #cdd2d9 !important;
  border-radius: 50% !important;
  cursor: pointer;
  transition: all .15s ease;
}

.dcs-form .form-check-input:checked {
  background: var(--dcs-accent) !important;
  border-color: var(--dcs-accent) !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

/* ==========================================================================
   RADIO / CHECKBOX A 2 COLONNE
   ========================================================================== */
.dcs-form.dcs-2col .ttb-module__block:has(.form-check) {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: var(--dcs-grid-gap);
  align-items: start;
}

.dcs-form.dcs-2col .ttb-module__block:has(.form-check) .ttb-module__block-label,
.dcs-form.dcs-2col .ttb-module__block:has(.form-check) .ttb-module__block-hint,
.dcs-form.dcs-2col .ttb-module__block:has(.form-check) .ttb-block-error {
  grid-column: 1 / -1;
}

.dcs-form.dcs-2col .form-check {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   PULSANTI
   ========================================================================== */
.dcs-form .d-flex {
  display: flex !important;
  gap: 8px !important;
}

/* Bottoni nell'area azione form: affiancati al 50% */
.dcs-form .d-flex > .btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}

.dcs-form .btn {
  font-family: 'Public Sans', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.dcs-form .btn-primary,
.dcs-form button[type="submit"],
.dcs-form input[type="submit"] {
  width: 100% !important;
  min-height: var(--dcs-btn-min) !important;
  padding: var(--dcs-btn-pad) !important;
  font-size: var(--dcs-btn-fs) !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: var(--dcs-ink) !important;
  border: 0 !important;
  border-radius: var(--dcs-btn-r) !important;
  box-shadow: var(--dcs-btn-shadow) !important;
  cursor: pointer;
}

.dcs-form .btn-primary:hover,
.dcs-form button[type="submit"]:hover,
.dcs-form input[type="submit"]:hover {
  background: var(--dcs-ink-dk) !important;
}

.dcs-form .btn-outline-secondary {
  width: 100% !important;
  margin-bottom: var(--dcs-outline-mb) !important;
  padding: var(--dcs-outline-pad) !important;
  color: var(--dcs-ink) !important;
  background: #fff !important;
  border: 1.5px solid #e4e7ec !important;
  border-radius: var(--dcs-btn-r) !important;
}

.dcs-form .stepper-segment.ttb-step-active {
  background-color: var(--dcs-accent) !important;
}

/* ==========================================================================
   RIGA EMAIL / OTP
   ========================================================================== */
.dcs-form .ttb-event-api-row {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.dcs-form .ttb-event-api-row .ttb-block-input {
  flex: 1 1 auto;
  min-width: 0;
}

.dcs-form .ttb-event-api-row .ttb-event-api-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  white-space: nowrap;
}

/* ==========================================================================
   BLOCCO EMAIL
   ========================================================================== */
.dcs-form .ttb-module__block[data-block-type="email"] {
  margin-bottom: 12px !important;
  padding: 12px !important;
  background: #fff3ee !important;
  border: 1.5px solid rgba(192, 86, 58, .28) !important;
  border-left: 5px solid var(--dcs-accent) !important;
  border-radius: 12px !important;
}

.dcs-form .ttb-module__block[data-block-type="email"] .ttb-module__block-label span {
  color: var(--dcs-accent) !important;
}

.dcs-form .ttb-module__block[data-block-type="email"] .ttb-module__block-hint {
  color: #9b6658 !important;
}

.dcs-form .ttb-module__block[data-block-type="email"] input[type="email"],
.dcs-form .ttb-module__block[data-block-type="email"] .form-control {
  background: #fff !important;
  border-color: rgba(192, 86, 58, .38) !important;
}

.dcs-form .ttb-module__block[data-block-type="email"] input[type="email"]:focus,
.dcs-form .ttb-module__block[data-block-type="email"] .form-control:focus {
  border-color: var(--dcs-accent) !important;
  box-shadow: 0 0 0 3px rgba(192, 86, 58, .14) !important;
}

.dcs-form .ttb-module__block[data-block-type="email"] .ttb-event-api-btn {
  min-height: 42px !important;
  padding: 10px 12px !important;
  margin-top: 0 !important;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: var(--dcs-accent) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 24px -16px rgba(192, 86, 58, .75) !important;
}

.dcs-form .ttb-module__block[data-block-type="email"] .ttb-event-api-btn:hover {
  background: var(--dcs-accent-dk) !important;
}

/* ==========================================================================
   BLOCCO EMAIL — VERIFICA RICHIESTA
   ========================================================================== */
.dcs-form .ttb-module__block[data-email-verification-required="1"] {
  margin-bottom: 12px !important;
  padding: 14px !important;
  background: #fff8f5 !important;
  border: 1.5px solid rgba(192, 86, 58, .28) !important;
  border-radius: 16px !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-module__block-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 12px !important;
  padding: 6px 12px !important;
  background: var(--dcs-accent) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-module__block-label {
  margin-bottom: 6px !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-module__block-label span {
  color: var(--dcs-accent) !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-module__block-hint {
  margin: 0 0 10px !important;
  color: #8f98a5 !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] input[type="email"],
.dcs-form .ttb-module__block[data-email-verification-required="1"] .form-control {
  background: #fff !important;
  border-color: #dfe5eb !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] input[type="email"]:focus,
.dcs-form .ttb-module__block[data-email-verification-required="1"] .form-control:focus {
  border-color: var(--dcs-accent) !important;
  box-shadow: 0 0 0 3px rgba(192, 86, 58, .12) !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-event-api-btn {
  min-height: 42px !important;
  padding: 10px 12px !important;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: var(--dcs-accent) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 24px -16px rgba(192, 86, 58, .75) !important;
}

.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-event-api-btn:hover,
.dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-event-api-btn:focus {
  background: var(--dcs-accent-dk) !important;
}

/* ==========================================================================
   BLOCCO OTP
   ========================================================================== */
.dcs-form .ttb-module__block[data-block-type="otp"] {
  margin-bottom: 12px !important;
  padding: 12px !important;
  background: #f1f5fb !important;
  border: 1.5px solid rgba(22, 41, 63, .18) !important;
  border-left: 5px solid var(--dcs-ink) !important;
  border-radius: 12px !important;
}

.dcs-form .ttb-module__block[data-block-type="otp"] .ttb-module__block-label span {
  color: var(--dcs-ink) !important;
}

.dcs-form .ttb-module__block[data-block-type="otp"] .ttb-module__block-hint {
  color: #66758a !important;
}

.dcs-form .ttb-module__block[data-block-type="otp"] input,
.dcs-form .ttb-module__block[data-block-type="otp"] .form-control {
  background: #fff !important;
  border-color: rgba(22, 41, 63, .25) !important;
}

.dcs-form .ttb-module__block[data-block-type="otp"] input:focus,
.dcs-form .ttb-module__block[data-block-type="otp"] .form-control:focus {
  border-color: var(--dcs-ink) !important;
  box-shadow: 0 0 0 3px rgba(22, 41, 63, .11) !important;
}

.dcs-form .ttb-module__block[data-block-type="otp"] .ttb-event-api-btn {
  min-height: 42px !important;
  padding: 10px 12px !important;
  margin-top: 0 !important;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: var(--dcs-ink) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 24px -16px rgba(22, 41, 63, .75) !important;
}

.dcs-form .ttb-module__block[data-block-type="otp"] .ttb-event-api-btn:hover {
  background: var(--dcs-ink-dk) !important;
}

/* ==========================================================================
   FILE UPLOAD — CUSTOM CARD
   ========================================================================== */
.dcs-form .ttb-file-upload-shell {
  position: relative;
  margin-top: 10px;
}

.dcs-form .ttb-file-upload-input {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  z-index: 3;
  cursor: pointer;
}

.dcs-form .ttb-file-upload-card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 10px 28px 10px;
  text-align: center;
  background: #fff;
  border: 2px dashed #b9bcc5;
  border-radius: 22px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.dcs-form .ttb-file-upload-shell:hover .ttb-file-upload-card,
.dcs-form .ttb-file-upload-shell:focus-within .ttb-file-upload-card {
  border-color: #d3623d;
  box-shadow: 0 14px 34px rgba(14, 32, 58, .08);
}

.dcs-form .ttb-file-upload-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  font-size: 21px;
  line-height: 1;
  color: #d3623d;
  background: linear-gradient(180deg, #f7f7f8 0%, #eef1f5 100%);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.dcs-form .ttb-file-upload-card__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  color: #162844;
}

.dcs-form .ttb-file-upload-card__text {
  max-width: 520px;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.45;
  color: #5f6b7a;
}

.dcs-form .ttb-file-upload-card__meta {
  margin-bottom: 22px;
  font-size: 15px;
  line-height: 1.4;
  color: #6c7280;
}

.dcs-form .ttb-file-upload-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  min-height: 44px;
  margin-bottom: 14px;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(180deg, #d76a45 0%, #c95632 100%);
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(201, 86, 50, .22);
}

.dcs-form .ttb-file-upload-card__cta::before {
  content: "📄";
  margin-right: 8px;
  font-size: 16px;
}

.dcs-form .ttb-file-upload-card__secure {
  font-size: 13px;
  line-height: 1.4;
  color: #6e737d;
}

.dcs-form .ttb-file-upload-card__secure::before {
  content: "🔒";
  margin-right: 6px;
}

.dcs-form .ttb-file-upload-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.45;
  color: #617084;
  background: #fbfcfe;
  border: 1px solid #dbe2ea;
  border-radius: 12px;
}

.dcs-form .ttb-file-upload-note span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.dcs-form .ttb-file-upload-note span:first-child::before {
  content: "ⓘ";
  font-weight: 700;
  color: #56a0d3;
}

.dcs-form .ttb-file-upload-note span:last-child {
  white-space: nowrap;
  font-weight: 600;
  color: #5d748e;
}

.dcs-form .ttb-file-upload-note span:last-child::before {
  content: "🛡";
  margin-right: 6px;
}

.dcs-form .ttb-module__block[data-block-type="file_upload"] .ttb-block-error,
.dcs-form .ttb-module__block[data-block-type="file_upload_multiple"] .ttb-block-error {
  margin-top: 10px !important;
}

.dcs-form .ttb-module__block[data-block-type="file_upload"] .ttb-file-upload-input.is-invalid + .ttb-file-upload-card,
.dcs-form .ttb-module__block[data-block-type="file_upload_multiple"] .ttb-file-upload-input.is-invalid + .ttb-file-upload-card {
  border-color: #dc3545;
  box-shadow: 0 0 0 4px rgba(220, 53, 69, .08);
}

.dcs-form .ttb-file-upload-shell[data-file-upload-kind="multiple"] .ttb-file-upload-card__title {
  letter-spacing: -.01em;
}

/* ==========================================================================
   FILE UPLOAD — SELEZIONATI
   ========================================================================== */
.dcs-form .ttb-file-upload-selected {
  margin-top: 8px;
}

.dcs-form .ttb-file-upload-selected__title {
  margin-bottom: 6px;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8d97a5;
}

.dcs-form .ttb-file-upload-selected__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dcs-form .ttb-file-upload-selected__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #e1e6ec;
  border-radius: 10px;
}

.dcs-form .ttb-file-upload-selected__main {
  min-width: 0;
  flex: 1 1 auto;
}

.dcs-form .ttb-file-upload-selected__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  color: #16293f;
}

.dcs-form .ttb-file-upload-selected__meta {
  margin-top: 2px;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.2;
  color: #7a8696;
}

.dcs-form .ttb-file-upload-remove {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 6px 10px;
  background: #fff6f3;
  border: 1px solid rgba(192, 86, 58, .22);
  border-radius: 8px;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #c0563a;
  cursor: pointer;
}

.dcs-form .ttb-file-upload-remove:hover {
  background: #fdece5;
}

.dcs-form .ttb-file-upload-remove:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.dcs-form .ttb-file-upload-selected__hint {
  margin-top: 6px;
  font-family: 'Public Sans', sans-serif !important;
  font-size: 11.5px !important;
  color: #8b96a3;
}

/* ==========================================================================
   CALENDARIO
   ========================================================================== */
.dcs-form .ttb-calendar-wrapper,
.ttb-calendar-wrapper {
  margin-top: 1rem;
}

.dcs-form .cal-nav-bar,
.cal-nav-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.dcs-form .cal-nav-bar .cal-prev-week,
.dcs-form .cal-nav-bar .cal-next-week,
.cal-nav-bar .cal-prev-week,
.cal-nav-bar .cal-next-week {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0;
  padding: var(--dcs-outline-pad) !important;
  font-size: var(--dcs-btn-fs) !important;
  line-height: 1.4;
  margin-bottom: 0 !important;
}

.dcs-form .calendar-grid,
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  margin: 0.5rem 0;
}

.dcs-form .calendar-grid .slot,
.calendar-grid .slot {
  padding: 6px 4px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  cursor: pointer;
  transition: all .15s;
}

.dcs-form .calendar-grid .slot-available,
.calendar-grid .slot-available {
  color: #155724;
  background: #d4edda;
  border-color: #c3e6cb;
}

.dcs-form .calendar-grid .slot-available:hover,
.calendar-grid .slot-available:hover {
  color: #fff;
  background: #28a745;
  transform: scale(1.05);
}

.dcs-form .calendar-grid .slot-available.selected,
.calendar-grid .slot-available.selected {
  color: #fff;
  font-weight: 700;
  background: #28a745;
}

.dcs-form .calendar-grid .slot-unavailable,
.calendar-grid .slot-unavailable {
  color: #6c757d;
  background: #f8f9fa;
  border-color: #dee2e6;
  cursor: not-allowed;
}

.dcs-form .calendar-grid .slot-past,
.calendar-grid .slot-past {
  color: #adb5bd;
  background: #e9ecef;
  border-color: #dee2e6;
  text-decoration: line-through;
  cursor: not-allowed;
}

/* ==========================================================================
   MOBILE
   ========================================================================== */
@media (max-width: 767.98px) {
  .dcs-form .ttb-event-api-row {
    flex-direction: column;
  }

  .dcs-form .ttb-event-api-row .ttb-event-api-btn {
    width: 100%;
  }

  .dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-block-input,
  .dcs-form .ttb-module__block[data-email-verification-required="1"] .ttb-event-api-btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .dcs-form .ttb-file-upload-card {
    min-height: 240px;
    padding: 28px 18px 22px;
    border-radius: 18px;
  }

  .dcs-form .ttb-file-upload-card__icon {
    width: 68px;
    height: 68px;
    margin-bottom: 16px;
    font-size: 34px;
  }

  .dcs-form .ttb-file-upload-card__title {
    font-size: 20px;
  }

  .dcs-form .ttb-file-upload-card__text,
  .dcs-form .ttb-file-upload-card__meta {
    font-size: 14px;
  }

  .dcs-form .ttb-file-upload-note {
    flex-direction: column;
    align-items: flex-start;
  }

  .dcs-form .ttb-file-upload-note span:last-child {
    white-space: normal;
  }

  .dcs-form.dcs-2col .ttb-module__block:has(.form-check) {
    grid-template-columns: 1fr;
  }

  .dcs-form .ttb-file-upload-selected__item {
    flex-direction: column;
    align-items: flex-start;
  }

  .dcs-form .ttb-file-upload-remove {
    width: 100%;
  }
}