:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c5375b6 *//* ====== Supplement Scanner — Elementor scoped ======
   Asigna ID de CSS: scanner-app al widget (Avanzado → ID de CSS)
   Todo el estilo queda encapsulado a #scanner-app
==================================================== */

#scanner-app {
  --bg: #0b1020;
  --card-bg: rgba(255,255,255,0.72);
  --card-stroke: rgba(17,24,39,0.10);
  --txt: #0f172a;
  --muted: #64748b;
  --brand: #2563eb;
  --brand-2:#22c55e;
  --ring: rgba(37,99,235,0.28);
  --shadow: 0 10px 30px rgba(2,6,23,.10), 0 2px 10px rgba(2,6,23,.06);
  --radius-2xl: 1.25rem;
  --radius-xl: 1rem;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--txt);
}

/* fondo y grid suave */
#scanner-app{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(37,99,235,.12), transparent 45%),
    radial-gradient(900px 500px at 110% 10%, rgba(34,197,94,.12), transparent 45%),
    linear-gradient(#f6f7fb,#f6f7fb);
  position: relative; isolation: isolate;
  padding: 1rem;
}
#scanner-app::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(17,24,39,.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(17,24,39,.04) 1px, transparent 1px);
  background-size: 22px 22px, 22px 22px;
  mask-image: radial-gradient(60% 60% at 50% 20%, #000 60%, transparent 100%);
}

/* tarjetas principales */
#scanner-app #language-selection,
#scanner-app #main-app{
  border-radius: var(--radius-2xl);
  background: var(--card-bg);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  position: relative; overflow: hidden;
}
#scanner-app #language-selection::before,
#scanner-app #main-app::before{
  content:""; position:absolute; inset:0; padding:1px; border-radius:inherit;
  background: linear-gradient(135deg, rgba(37,99,235,.45), rgba(34,197,94,.45));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events:none;
}

/* encabezados */
#scanner-app header h1{ letter-spacing: -0.02em; }
#scanner-app header p{ color: var(--muted); }

/* botones */
#scanner-app button{
  border-radius: calc(var(--radius-xl) - 2px);
  box-shadow: 0 6px 16px rgba(2,6,23,.06);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  position: relative; overflow: hidden;
}
#scanner-app button:hover{ transform: translateY(-1px); box-shadow: 0 10px 24px rgba(2,6,23,.10); }
#scanner-app button:active{ transform: translateY(0); box-shadow: 0 6px 16px rgba(2,6,23,.08); }
#scanner-app button:focus-visible{ outline: none; box-shadow: 0 0 0 4px var(--ring); }
#scanner-app button::after{
  content:""; position:absolute; inset:0 -40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
  transform: translateX(-100%); transition: transform .6s ease;
}
#scanner-app button:hover::after{ transform: translateX(100%); }
#scanner-app #cta-button{ border-radius: 14px; font-weight: 700; }
#scanner-app #download-pdf-button{ border-radius: 10px; }

/* drop zone */
#scanner-app #drop-zone{
  background: rgba(2,6,23,.02);
  border-radius: var(--radius-xl);
  border: 1.5px dashed rgba(15,23,42,.25);
  position: relative;
}
#scanner-app #drop-zone:hover{
  background: rgba(37,99,235,.04);
  border-color: rgba(37,99,235,.55);
}
#scanner-app #drop-zone::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; padding:2px;
  background:
    repeating-linear-gradient(90deg, rgba(37,99,235,.3) 0 10px, transparent 10px 20px),
    repeating-linear-gradient(0deg, rgba(34,197,94,.28) 0 10px, transparent 10px 20px);
  opacity:.0; transition: opacity .25s ease;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
#scanner-app #drop-zone:hover::before,
#scanner-app #drop-zone.bg-blue-50::before{ opacity:.55; }

/* inputs */
#scanner-app input[type="number"],
#scanner-app textarea{
  border-radius: 10px !important;
  border: 1px solid rgba(15,23,42,.15) !important;
  background: #fff !important;
  transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
#scanner-app input[type="number"]::placeholder,
#scanner-app textarea::placeholder{ color: #94a3b8; }
#scanner-app input[type="number"]:focus,
#scanner-app textarea:focus{
  border-color: rgba(37,99,235,.6) !important;
  box-shadow: 0 0 0 4px var(--ring);
  outline:none;
}

/* radios */
#scanner-app input[type="radio"]{
  appearance: none; width: 18px; height: 18px; border-radius: 999px;
  border: 2px solid rgba(15,23,42,.4); display:inline-grid; place-content:center;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#scanner-app input[type="radio"]::before{
  content:""; width: 10px; height: 10px; border-radius: 999px; transform: scale(0);
  transition: transform .16s ease; background: var(--brand);
}
#scanner-app input[type="radio"]:checked{ bo/* End custom CSS */