/* ==========================================================================
   RESULT PAGE REDESIGN v2.0 — Premium Automotive Intelligence Report
   Non-destructive CSS override using data-loc selectors
   
   DOM Mapping (verified from production):
   - :261 → Verdict container ("Bom Negócio!")
   - :262 → Verdict text area
   - :285 → Vehicle info section wrapper
   - :287 → Vehicle card layout (flex)
   - :294 → Vehicle image container
   - :295 → Vehicle image (aspect-ratio)
   - :305 → Vehicle details
   - :306 → Vehicle badges row
   - :319 → Vehicle spec tags
   - :356 → Main content wrapper
   - :359 → Financial cards grid
   - :365 → Custo Total card
   - :377 → Valor de Revenda card
   - :389 → Você Economiza card
   - :419 → Nota do Veículo (score)
   - :425 → H2: Nota do Veículo
   - :465 → Pontos de Atenção
   - :471 → H2: Pontos de Atenção
   - :524 → Danos Encontrados
   - :530 → H2: Danos Encontrados
   - :619 → Quanto Vai Custar no Total
   - :625 → H2: Quanto Vai Custar
   - :817 → O que a IA diz
   - :823 → H2: O que a IA diz
   - :864 → Histórico do Veículo
   - :870 → H2: Histórico do Veículo
   - :930 → Leitura recomendada
   
   Deployed: 2026-03-27 v2
   ========================================================================== */

/* ══════════════════════════════════════════════
   0. CSS CUSTOM PROPERTIES
   ══════════════════════════════════════════════ */
body.resultado-page {
  --rr-navy: #0f172a;
  --rr-navy-light: #1e293b;
  --rr-blue: #2563eb;
  --rr-blue-dark: #1d4ed8;
  --rr-blue-light: #3b82f6;
  --rr-indigo: #6366f1;
  --rr-emerald: #10b981;
  --rr-emerald-dark: #059669;
  --rr-amber: #f59e0b;
  --rr-red: #ef4444;
  --rr-surface: #ffffff;
  --rr-surface-elevated: #f8fafc;
  --rr-surface-warm: #fefce8;
  --rr-border: rgba(0, 0, 0, 0.06);
  --rr-border-blue: rgba(37, 99, 235, 0.12);
  --rr-shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
  --rr-shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.03);
  --rr-shadow-lg: 0 8px 32px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
  --rr-shadow-xl: 0 16px 48px rgba(0,0,0,0.1), 0 4px 12px rgba(0,0,0,0.05);
  --rr-shadow-blue: 0 4px 16px rgba(37, 99, 235, 0.15);
  --rr-shadow-emerald: 0 4px 16px rgba(16, 185, 129, 0.15);
  --rr-radius: 1rem;
  --rr-radius-lg: 1.25rem;
  --rr-radius-xl: 1.5rem;
  --rr-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  scroll-behavior: smooth !important;
}

/* ══════════════════════════════════════════════
   1. GLOBAL TYPOGRAPHY & BASE
   ══════════════════════════════════════════════ */

/* All H2 headings in ResultPage */
body.resultado-page [data-loc*="ResultPage.tsx:425"],
body.resultado-page [data-loc*="ResultPage.tsx:471"],
body.resultado-page [data-loc*="ResultPage.tsx:530"],
body.resultado-page [data-loc*="ResultPage.tsx:625"],
body.resultado-page [data-loc*="ResultPage.tsx:823"],
body.resultado-page [data-loc*="ResultPage.tsx:870"] {
  font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: var(--rr-navy) !important;
}

/* ══════════════════════════════════════════════
   2. VERDICT SECTION — "Bom Negócio!"
   :261 → container, :262 → text area
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:261"] {
  background: linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 30%, #f0fdf4 70%, #ecfdf5 100%) !important;
  padding: 2rem 1rem 1.5rem !important;
  position: relative !important;
  overflow: hidden !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:261"]::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -15%;
  width: 50%;
  height: 180%;
  background: radial-gradient(ellipse, rgba(16, 185, 129, 0.08) 0%, transparent 65%);
  pointer-events: none;
}

body.resultado-page [data-loc*="ResultPage.tsx:261"]::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 40%;
  height: 150%;
  background: radial-gradient(ellipse, rgba(37, 99, 235, 0.06) 0%, transparent 65%);
  pointer-events: none;
}

body.resultado-page [data-loc*="ResultPage.tsx:262"] {
  position: relative !important;
  z-index: 1 !important;
}

/* ══════════════════════════════════════════════
   3. VEHICLE INFO SECTION — Hero Dashboard
   :285 → wrapper, :287 → flex layout
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:285"] {
  border-bottom: none !important;
  background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 40%, #eff6ff 100%) !important;
  padding: 1.5rem 0 2rem !important;
  position: relative !important;
  overflow: hidden !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:285"]::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(0,0,0,0.02) 1px, transparent 0);
  background-size: 20px 20px;
  pointer-events: none;
}

/* Vehicle card layout → grid on desktop */
body.resultado-page [data-loc*="ResultPage.tsx:287"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem !important;
  align-items: start !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (min-width: 640px) {
  body.resultado-page [data-loc*="ResultPage.tsx:287"] {
    grid-template-columns: 280px 1fr !important;
    gap: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  body.resultado-page [data-loc*="ResultPage.tsx:287"] {
    grid-template-columns: 340px 1fr !important;
    gap: 2rem !important;
  }
}

/* Vehicle image container */
body.resultado-page [data-loc*="ResultPage.tsx:294"] {
  width: 100% !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:295"] {
  border-radius: var(--rr-radius-lg) !important;
  box-shadow: var(--rr-shadow-lg) !important;
  aspect-ratio: 4/3 !important;
  border: 3px solid rgba(255, 255, 255, 0.8) !important;
  transition: transform var(--rr-transition), box-shadow var(--rr-transition) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:295"]:hover {
  transform: scale(1.02) !important;
  box-shadow: var(--rr-shadow-xl) !important;
}

/* Photo count badge — glassmorphism */
body.resultado-page [data-loc*="ResultPage.tsx:297"] {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 0.5rem !important;
  padding: 0.375rem 0.75rem !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

/* Vehicle details area */
body.resultado-page [data-loc*="ResultPage.tsx:305"] {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}

/* Source badge (COPART etc) — premium pill */
body.resultado-page [data-loc*="ResultPage.tsx:307"] {
  background: linear-gradient(135deg, var(--rr-navy), var(--rr-blue-dark)) !important;
  color: white !important;
  font-weight: 800 !important;
  padding: 0.25rem 0.875rem !important;
  border-radius: 2rem !important;
  letter-spacing: 0.08em !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2) !important;
}

/* Vehicle title — bigger, bolder */
body.resultado-page [data-loc*="ResultPage.tsx:312"] {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  color: var(--rr-navy) !important;
}

@media (min-width: 640px) {
  body.resultado-page [data-loc*="ResultPage.tsx:312"] {
    font-size: 1.75rem !important;
  }
}

@media (min-width: 1024px) {
  body.resultado-page [data-loc*="ResultPage.tsx:312"] {
    font-size: 2rem !important;
  }
}

/* Version/year/color subtitle */
body.resultado-page [data-loc*="ResultPage.tsx:315"] {
  font-size: 0.8125rem !important;
  color: #64748b !important;
  margin-bottom: 0.75rem !important;
}

/* Spec tags — pill glassmorphism */
body.resultado-page [data-loc*="ResultPage.tsx:319"] {
  gap: 0.5rem !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:328"] {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 2rem !important;
  padding: 0.375rem 0.875rem !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #475569 !important;
  transition: all var(--rr-transition) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:328"]:hover {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: var(--rr-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

/* "Ver lote original" link — CTA button */
body.resultado-page [data-loc*="ResultPage.tsx:334"] {
  background: linear-gradient(135deg, var(--rr-blue), var(--rr-indigo)) !important;
  color: white !important;
  padding: 0.625rem 1.5rem !important;
  border-radius: 0.75rem !important;
  font-weight: 700 !important;
  font-size: 0.8125rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: 0.75rem !important;
  transition: all var(--rr-transition) !important;
  box-shadow: var(--rr-shadow-blue) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:334"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3) !important;
  filter: brightness(1.05) !important;
}

/* ══════════════════════════════════════════════
   4. FINANCIAL CARDS GRID
   :359 → grid, :365/:377/:389 → cards
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:359"] {
  gap: 0.75rem !important;
  margin-bottom: 2rem !important;
}

/* All three financial cards */
body.resultado-page [data-loc*="ResultPage.tsx:365"],
body.resultado-page [data-loc*="ResultPage.tsx:377"],
body.resultado-page [data-loc*="ResultPage.tsx:389"] {
  border-radius: var(--rr-radius-lg) !important;
  border: 1px solid var(--rr-border) !important;
  background: var(--rr-surface) !important;
  box-shadow: var(--rr-shadow-md) !important;
  padding: 1.25rem !important;
  transition: all var(--rr-transition) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:365"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:377"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:389"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--rr-shadow-lg) !important;
}

/* Custo Total card — orange accent */
body.resultado-page [data-loc*="ResultPage.tsx:365"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ea580c, #f59e0b);
  border-radius: var(--rr-radius-lg) var(--rr-radius-lg) 0 0;
}

/* Valor de Revenda card — blue accent */
body.resultado-page [data-loc*="ResultPage.tsx:377"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rr-blue), var(--rr-indigo));
  border-radius: var(--rr-radius-lg) var(--rr-radius-lg) 0 0;
}

/* Você Economiza card — green accent */
body.resultado-page [data-loc*="ResultPage.tsx:389"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rr-emerald), #34d399);
  border-radius: var(--rr-radius-lg) var(--rr-radius-lg) 0 0;
}

/* Financial card icon circles */
body.resultado-page [data-loc*="ResultPage.tsx:366"],
body.resultado-page [data-loc*="ResultPage.tsx:378"],
body.resultado-page [data-loc*="ResultPage.tsx:396"] {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 0.875rem !important;
  box-shadow: var(--rr-shadow-sm) !important;
}

/* ══════════════════════════════════════════════
   5. ALL SECTION CARDS — Unified Premium Style
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:419"],
body.resultado-page [data-loc*="ResultPage.tsx:465"],
body.resultado-page [data-loc*="ResultPage.tsx:524"],
body.resultado-page [data-loc*="ResultPage.tsx:619"],
body.resultado-page [data-loc*="ResultPage.tsx:817"],
body.resultado-page [data-loc*="ResultPage.tsx:864"],
body.resultado-page [data-loc*="ResultPage.tsx:930"] {
  border-radius: var(--rr-radius-xl) !important;
  border: 1px solid var(--rr-border) !important;
  box-shadow: var(--rr-shadow-md) !important;
  padding: 1.75rem !important;
  margin-bottom: 1.25rem !important;
  transition: box-shadow var(--rr-transition), transform var(--rr-transition) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:419"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:465"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:524"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:619"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:817"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:864"]:hover,
body.resultado-page [data-loc*="ResultPage.tsx:930"]:hover {
  box-shadow: var(--rr-shadow-lg) !important;
}

/* ══════════════════════════════════════════════
   6. SCORE SECTION — Nota do Veículo
   :419 → section, :425 → H2
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:419"] {
  background: linear-gradient(165deg, #ffffff 0%, #f0fdf4 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.1) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:419"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--rr-emerald), #34d399, var(--rr-blue));
  border-radius: var(--rr-radius-xl) var(--rr-radius-xl) 0 0;
}

/* Score bar track */
body.resultado-page [data-loc*="ResultPage.tsx:114"] {
  height: 0.5rem !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

/* Score bar fill */
body.resultado-page [data-loc*="ResultPage.tsx:115"] {
  border-radius: 1rem !important;
  transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.2) !important;
}

/* Score bar rows */
body.resultado-page [data-loc*="ResultPage.tsx:102"] {
  padding: 0.625rem 0.5rem !important;
  border-radius: 0.5rem !important;
  transition: background var(--rr-transition) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:102"]:hover {
  background: rgba(16, 185, 129, 0.04) !important;
}

/* ══════════════════════════════════════════════
   7. PONTOS DE ATENÇÃO — Warning Section
   :465 → section, :471 → H2
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:465"] {
  background: linear-gradient(165deg, #ffffff 0%, #fffbeb 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.12) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:465"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
  border-radius: var(--rr-radius-xl) var(--rr-radius-xl) 0 0;
}

/* Alert items */
body.resultado-page [data-loc*="ResultPage.tsx:481"] {
  border-radius: 0.875rem !important;
  padding: 1rem 1.25rem !important;
  transition: all var(--rr-transition) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:481"]:hover {
  transform: translateX(4px) !important;
  box-shadow: var(--rr-shadow-sm) !important;
  background: rgba(245, 158, 11, 0.03) !important;
}

/* Alert icon circles */
body.resultado-page [data-loc*="ResultPage.tsx:486"] {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 0.75rem !important;
  box-shadow: var(--rr-shadow-sm) !important;
}

/* ══════════════════════════════════════════════
   8. DANOS ENCONTRADOS — Damage Section
   :524 → section, :530 → H2
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:524"] {
  background: linear-gradient(165deg, #ffffff 0%, #fef2f2 100%) !important;
  border: 1px solid rgba(239, 68, 68, 0.08) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:524"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ef4444, #f97316);
  border-radius: var(--rr-radius-xl) var(--rr-radius-xl) 0 0;
}

/* ══════════════════════════════════════════════
   9. CUSTOS DETALHADOS — Cost Breakdown
   :619 → section, :625 → H2
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:619"] {
  background: linear-gradient(165deg, #ffffff 0%, #eff6ff 100%) !important;
  border: 1px solid var(--rr-border-blue) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:619"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--rr-blue), var(--rr-indigo));
  border-radius: var(--rr-radius-xl) var(--rr-radius-xl) 0 0;
}

/* ══════════════════════════════════════════════
   10. PARECER IA — AI Expert Opinion
   :817 → section, :823 → H2
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:817"] {
  background: linear-gradient(165deg, #ffffff 0%, #f5f3ff 100%) !important;
  border: 1px solid rgba(99, 102, 241, 0.1) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:817"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--rr-indigo), #8b5cf6, #a78bfa);
  border-radius: var(--rr-radius-xl) var(--rr-radius-xl) 0 0;
}

/* ══════════════════════════════════════════════
   11. HISTÓRICO DO VEÍCULO — History Section
   :864 → section, :870 → H2
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:864"] {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.resultado-page [data-loc*="ResultPage.tsx:864"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #64748b, #94a3b8);
  border-radius: var(--rr-radius-xl) var(--rr-radius-xl) 0 0;
}

/* ══════════════════════════════════════════════
   12. LEITURA RECOMENDADA
   :930 → section
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:930"] {
  background: var(--rr-surface-elevated) !important;
}

/* ══════════════════════════════════════════════
   13. GATE OVERLAY — Email Confirmation
   Sections with class ege-smart-blur
   ══════════════════════════════════════════════ */

/* The blur gate containers */
body.resultado-page .ege-smart-blur {
  position: relative !important;
}

/* Improve the "Confirmar E-mail Para Ver" buttons */
body.resultado-page .ege-smart-blur button[class*="bg-"] {
  border-radius: 0.875rem !important;
  font-weight: 700 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  letter-spacing: -0.01em !important;
  transition: all var(--rr-transition) !important;
  box-shadow: var(--rr-shadow-md) !important;
}

body.resultado-page .ege-smart-blur button[class*="bg-"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--rr-shadow-lg) !important;
  filter: brightness(1.05) !important;
}

/* Social proof counters */
body.resultado-page .ege-smart-blur [class*="text-xs"][class*="text-muted"] {
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* ══════════════════════════════════════════════
   14. MAIN CONTENT WRAPPER
   :356 → container
   ══════════════════════════════════════════════ */

body.resultado-page [data-loc*="ResultPage.tsx:356"] {
  max-width: 52rem !important;
  padding-top: 1.5rem !important;
}

/* ══════════════════════════════════════════════
   15. ANIMATIONS
   ══════════════════════════════════════════════ */

@keyframes rr-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rr-shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes rr-pulse-soft {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

@keyframes rr-gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

body.resultado-page .rr-animate-in {
  animation: rr-fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* ══════════════════════════════════════════════
   16. RESPONSIVE FINE-TUNING
   ══════════════════════════════════════════════ */

@media (max-width: 639px) {
  body.resultado-page [data-loc*="ResultPage.tsx:287"] {
    grid-template-columns: 1fr !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:295"] {
    aspect-ratio: 16/9 !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:312"] {
    font-size: 1.375rem !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:419"],
  body.resultado-page [data-loc*="ResultPage.tsx:465"],
  body.resultado-page [data-loc*="ResultPage.tsx:524"],
  body.resultado-page [data-loc*="ResultPage.tsx:619"],
  body.resultado-page [data-loc*="ResultPage.tsx:817"],
  body.resultado-page [data-loc*="ResultPage.tsx:864"],
  body.resultado-page [data-loc*="ResultPage.tsx:930"] {
    border-radius: var(--rr-radius) !important;
    padding: 1.25rem !important;
    margin-left: -0.125rem !important;
    margin-right: -0.125rem !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:261"] {
    padding: 1.5rem 0.75rem 1rem !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:356"] {
    padding-top: 1rem !important;
  }
}

/* Tablet */
@media (min-width: 640px) and (max-width: 1023px) {
  body.resultado-page [data-loc*="ResultPage.tsx:419"],
  body.resultado-page [data-loc*="ResultPage.tsx:465"],
  body.resultado-page [data-loc*="ResultPage.tsx:524"],
  body.resultado-page [data-loc*="ResultPage.tsx:619"],
  body.resultado-page [data-loc*="ResultPage.tsx:817"],
  body.resultado-page [data-loc*="ResultPage.tsx:864"],
  body.resultado-page [data-loc*="ResultPage.tsx:930"] {
    padding: 1.5rem !important;
  }
}

/* Large desktop */
@media (min-width: 1280px) {
  body.resultado-page [data-loc*="ResultPage.tsx:356"] {
    max-width: 56rem !important;
  }
}

/* ══════════════════════════════════════════════
   17. STICKY NAV STYLES (injected by JS)
   ══════════════════════════════════════════════ */

#rr-sticky-nav {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
}

#rr-sticky-nav .rr-nav-btn {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
}

/* ══════════════════════════════════════════════
   18. PRINT STYLES
   ══════════════════════════════════════════════ */

@media print {
  body.resultado-page [data-loc*="ResultPage.tsx:261"],
  body.resultado-page [data-loc*="ResultPage.tsx:285"] {
    background: white !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:334"],
  body.resultado-page [data-loc*="ResultPage.tsx:930"],
  #rr-sticky-nav {
    display: none !important;
  }
  
  body.resultado-page [data-loc*="ResultPage.tsx:419"],
  body.resultado-page [data-loc*="ResultPage.tsx:465"],
  body.resultado-page [data-loc*="ResultPage.tsx:524"],
  body.resultado-page [data-loc*="ResultPage.tsx:619"],
  body.resultado-page [data-loc*="ResultPage.tsx:817"],
  body.resultado-page [data-loc*="ResultPage.tsx:864"] {
    box-shadow: none !important;
    border: 1px solid #e5e7eb !important;
    break-inside: avoid !important;
  }
}