/* Custom scrollbar adaptada para modo claro/light */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track { 
    background: #f1f5f9; /* Gris muy claro */
}
::-webkit-scrollbar-thumb { 
    background: #cbd5e1; /* Gris medio */
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #94a3b8; 
}

.hide-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}
.hide-scrollbar::-webkit-scrollbar { 
    display: none; 
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/* Slider UI adaptado para modo claro */
.custom-slider-ui {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #e2e8f0; /* Fondo gris claro */
    border-radius: 5px;
    outline: none;
}
.custom-slider-ui::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 12px;
    background: #f39c12; /* Naranja RTA */
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.custom-slider-ui::-webkit-slider-thumb:hover { 
    background: #d68910; 
}

/* Icono de calendario normal (oscuro) para inputs de fecha en fondo blanco */
::-webkit-calendar-picker-indicator { 
    filter: invert(0); /* Quitamos la inversión para que sea visible en fondo claro */
    cursor: pointer; 
}
/* =========================
   RTA BLOG ARTICLE FORMAT
   ========================= */

.rta-article {
  font-size: 1.125rem;
  line-height: 1.85;
  color: #334155;
}

.rta-article p {
  margin-bottom: 1.5rem;
}

.rta-article h2 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 800;
  color: #0f172a;
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-family: Georgia, 'Times New Roman', serif;
}

.rta-article h3 {
  font-size: 1.35rem;
  line-height: 1.3;
  font-weight: 800;
  color: #1e293b;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.rta-article ul {
  margin: 1.5rem 0 2rem 1.25rem;
  padding-left: 1rem;
  list-style: disc;
}

.rta-article li {
  margin-bottom: 0.75rem;
  padding-left: 0.25rem;
}

.rta-article strong {
  color: #0f172a;
  font-weight: 800;
}

.rta-article a {
  color: #0066cc;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rta-article blockquote {
  border-left: 4px solid #f39c12;
  padding-left: 1.25rem;
  margin: 2rem 0;
  font-style: italic;
  color: #475569;
  background: #f8fafc;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 768px) {
  .rta-article {
    font-size: 1rem;
    line-height: 1.75;
  }

  .rta-article h2 {
    font-size: 1.6rem;
  }
}