/* ================================================================
   TODAPS — RESPONSIVE MINIMALIST v2026
   Sin bordes visibles · Iconos limpios · Mobile-first
   ================================================================ */

/* ----------  VARIABLES  ---------- */
:root {
  --td-radius: 20px;
  --td-radius-sm: 14px;
  --td-gap: 1rem;
  --td-gap-lg: 1.6rem;
  --td-ink: #0f172a;
  --td-ink-dim: #475569;
  --td-ink-muted: #94a3b8;
  --td-surface: #ffffff;
  --td-surface-2: #f8fafc;
  --td-line: rgba(148,163,184,0.14);
  --td-shadow: 0 18px 40px rgba(15,23,42,0.07);
  --td-shadow-hover: 0 22px 50px rgba(15,23,42,0.10);
}

html.dark {
  --td-ink: #f8fafc;
  --td-ink-dim: #cbd5e1;
  --td-ink-muted: #64748b;
  --td-surface: rgba(15,23,42,0.72);
  --td-surface-2: rgba(30,41,59,0.55);
  --td-line: rgba(255,255,255,0.08);
  --td-shadow: 0 18px 40px rgba(0,0,0,0.22);
  --td-shadow-hover: 0 22px 50px rgba(0,0,0,0.28);
}

/* ----------  RESET SUAVE DE BORDES  ---------- */
* { border-color: transparent !important; }
.glass-effect,
.glass-badge,
[class*="glass"] { border: none !important; box-shadow: none !important; }

/* ----------  NAVEGACIÓN INFERIOR (MÓVIL)  ---------- */
#mobile-nav-wrapper > div {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  border: none !important;
  box-shadow: 0 -4px 24px rgba(15,23,42,0.06) !important;
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom)) !important;
}
html.dark #mobile-nav-wrapper > div {
  background: rgba(15,23,42,0.82) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.25) !important;
}

#mobile-nav-wrapper .tab-link-mobile {
  border-radius: var(--td-radius-sm) !important;
  padding: 0.45rem 0.15rem !important;
  transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
  position: relative;
}
#mobile-nav-wrapper .tab-link-mobile:active { transform: scale(0.92); }
#mobile-nav-wrapper .tab-link-mobile svg,
#mobile-nav-wrapper .tab-link-mobile i {
  stroke-width: 1.6px;
  width: 1.35rem !important;
  height: 1.35rem !important;
}
#mobile-nav-wrapper .tab-link-mobile span {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-top: 0.25rem;
}

/* Indicador líquido más sutil */
#liquid-indicator {
  height: 2.5px !important;
  border-radius: 99px !important;
  opacity: 0.85;
  filter: drop-shadow(0 0 6px currentColor);
}

/* ----------  HERO — LIMPIO Y CENTRADO  ---------- */
#tab-inicio > section:first-child {
  min-height: auto !important;
  padding: 5.5rem 1.25rem 3.5rem !important;
}
@media (min-width: 768px) {
  #tab-inicio > section:first-child {
    padding: 7rem 2rem 5rem !important;
  }
}
@media (min-width: 1024px) {
  #tab-inicio > section:first-child {
    padding: 8rem 2rem 6rem !important;
  }
}

/* Título hero */
.todaps-hero-lab .hero-title {
  font-size: clamp(2.4rem, 9vw, 5.5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 1rem !important;
}
@media (max-width: 640px) {
  .todaps-hero-lab .hero-title { font-size: clamp(2.1rem, 10.5vw, 3.2rem) !important; }
  .todaps-hero-lab .hero-title br.sm\:hidden { display: none !important; }
}

/* Eyebrow */
.hero-eyebrow {
  background: var(--td-surface-2) !important;
  border: 1px solid var(--td-line) !important;
  box-shadow: none !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  padding: 0.5rem 1rem !important;
  border-radius: 99px !important;
}

/* Typewriter */
.hero-typebar {
  background: var(--td-surface-2) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px var(--td-line) !important;
  border-radius: var(--td-radius-sm) !important;
  padding: 0.45rem 0.9rem !important;
  font-size: 0.82rem !important;
  margin-bottom: 1.25rem !important;
}

/* Signal row (chips) */
.hero-signal-row {
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-bottom: 1.75rem !important;
}
.hero-signal-row span {
  background: var(--td-surface-2) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.4rem 0.85rem !important;
  border-radius: 99px !important;
  font-size: 0.78rem !important;
}

/* Botones hero */
#tab-inicio .flex.flex-col.sm\:flex-row a,
#tab-inicio .flex.flex-col.sm\:flex-row button {
  border-radius: 99px !important;
  padding: 0.9rem 1.6rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  box-shadow: var(--td-shadow) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}
#tab-inicio .flex.flex-col.sm\:flex-row a:hover,
#tab-inicio .flex.flex-col.sm\:flex-row button:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--td-shadow-hover) !important;
}
#tab-inicio .flex.flex-col.sm\:flex-row a:active,
#tab-inicio .flex.flex-col.sm\:flex-row button:active {
  transform: scale(0.96) !important;
}

/* Descripción hero */
#tab-inicio p.max-w-2xl {
  font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
  line-height: 1.55 !important;
  margin-bottom: 1.75rem !important;
}

/* Badges flotantes del hero */
.glass-badge {
  background: var(--td-surface) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: var(--td-radius-sm) !important;
  padding: 0.5rem 0.9rem !important;
  box-shadow: var(--td-shadow) !important;
}
.glass-badge i,
.glass-badge svg { width: 1.1rem !important; height: 1.1rem !important; }
.glass-badge span { font-size: 0.75rem !important; }

/* ----------  SECCIONES EDITORIALES (DW)  ---------- */
.dw-wrap {
  padding: 2.5rem 0 3rem !important;
}
@media (min-width: 768px) {
  .dw-wrap { padding: 3.5rem 0 4.5rem !important; }
}

/* Cabecera de sección */
.dw-head { margin-bottom: 2.5rem !important; }
.dw-title {
  font-size: clamp(2.2rem, 6vw, 4.5rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
}
.dw-head-row {
  border-top: none !important;
  padding-top: 1.25rem !important;
}
.dw-lede {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: var(--td-ink-dim) !important;
}

/* Imagen de sección */
.dw-img {
  border-radius: var(--td-radius) !important;
  overflow: hidden !important;
  margin-bottom: 2.5rem !important;
  box-shadow: var(--td-shadow) !important;
}
.dw-img img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Servicios (cards) */
.dw-services {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dw-service {
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 1.5rem !important;
  box-shadow: var(--td-shadow) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}
.dw-service:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--td-shadow-hover) !important;
}
.dw-service h3 {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.4rem !important;
  color: var(--td-ink) !important;
}
.dw-service p {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  color: var(--td-ink-dim) !important;
}

/* Lista de proyectos */
.dw-plist {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dw-plist li {
  border-top: none !important;
  padding: 1rem 0 !important;
}
.dw-prow {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 0.35rem 1rem !important;
  padding: 0.9rem 0 !important;
  border-radius: var(--td-radius-sm) !important;
  transition: background 0.2s ease !important;
}
.dw-prow:hover { background: var(--td-surface-2) !important; }
.dw-pname {
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  color: var(--td-ink) !important;
}
.dw-ptype {
  font-size: 0.82rem !important;
  color: var(--td-ink-dim) !important;
}
.dw-ico { width: 1.1rem !important; height: 1.1rem !important; }

/* Captura flotante de proyectos */
.dw-pshot {
  border-radius: var(--td-radius-sm) !important;
  overflow: hidden !important;
  box-shadow: var(--td-shadow) !important;
}

/* Sistemas y productos */
.dw-syslist {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dw-syslist li a,
.dw-syslist-4 li a {
  display: block !important;
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 1.35rem !important;
  box-shadow: var(--td-shadow) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  height: 100% !important;
}
.dw-syslist li a:hover,
.dw-syslist-4 li a:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--td-shadow-hover) !important;
}
.dw-syslist h4,
.dw-syslist-4 h4 {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.35rem !important;
  color: var(--td-ink) !important;
}
.dw-syslist p,
.dw-syslist-4 p {
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  color: var(--td-ink-dim) !important;
  margin-bottom: 0.75rem !important;
}
.dw-systech {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--td-ink-muted) !important;
  background: var(--td-surface-2) !important;
  padding: 0.25rem 0.6rem !important;
  border-radius: 99px !important;
  display: inline-block !important;
}
.dw-badge {
  font-size: 0.65rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  padding: 0.25rem 0.55rem !important;
  border-radius: 99px !important;
  background: rgba(16,185,129,0.12) !important;
  color: #059669 !important;
}

/* Store panel */
.dw-store {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 2rem !important;
  align-items: center !important;
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 2rem !important;
  box-shadow: var(--td-shadow) !important;
  margin-top: 3rem !important;
}
@media (max-width: 767px) {
  .dw-store {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    padding: 1.5rem !important;
  }
  .dw-store .dw-cta { width: 100%; justify-content: center; }
}
.dw-store h2 {
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  color: var(--td-ink) !important;
}
.dw-store-desc {
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  color: var(--td-ink-dim) !important;
  max-width: 44rem !important;
}

/* Bio */
.dw-bio {
  margin-top: 3rem !important;
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 2rem !important;
  box-shadow: var(--td-shadow) !important;
}
.dw-bio-name {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--td-ink) !important;
  margin-bottom: 0.75rem !important;
}
.dw-bio-text p {
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: var(--td-ink-dim) !important;
}

/* CTA botones */
.dw-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.75rem 1.1rem !important;
  border-radius: 99px !important;
  background: var(--td-ink) !important;
  color: var(--td-surface) !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  box-shadow: var(--td-shadow) !important;
  transition: all 0.25s ease !important;
  border: none !important;
  cursor: pointer;
}
.dw-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--td-shadow-hover) !important;
}
.dw-cta-sm {
  padding: 0.55rem 0.9rem !important;
  font-size: 0.82rem !important;
}
.dw-cta-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
}

/* Footer de sección */
.dw-foot {
  border-top: none !important;
  padding-top: 2rem !important;
  margin-top: 2.5rem !important;
  text-align: center !important;
}
.dw-foot p {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--td-ink-dim) !important;
  margin-bottom: 1rem !important;
}

/* ----------  REPARACIONES — COLUMNAS Y FORMULARIO  ---------- */
.dw-cols3 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1.25rem !important;
  margin-bottom: 2rem !important;
}
.dw-col {
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 1.5rem !important;
  box-shadow: var(--td-shadow) !important;
}
.dw-col h4 {
  font-size: 1rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.75rem !important;
  color: var(--td-ink) !important;
}
.dw-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dw-col ul li {
  position: relative !important;
  padding-left: 1.4rem !important;
  font-size: 0.88rem !important;
  color: var(--td-ink-dim) !important;
  margin-bottom: 0.4rem !important;
}
.dw-col ul li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #10b981 !important;
  font-weight: 900 !important;
  font-size: 0.85rem !important;
}

/* Licencias teaser */
.license-teaser {
  background: var(--td-surface) !important;
  border: none !important;
  border-radius: var(--td-radius) !important;
  box-shadow: var(--td-shadow) !important;
  padding: 1.5rem !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 1.25rem !important;
  align-items: center !important;
}
@media (max-width: 767px) {
  .license-teaser {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .license-teaser-cta { width: 100%; justify-content: center; }
}
.license-teaser-copy h2 {
  font-size: clamp(1.4rem, 3vw, 2.25rem) !important;
  font-weight: 900 !important;
  color: var(--td-ink) !important;
}
.license-teaser-copy p {
  font-size: 0.9rem !important;
  color: var(--td-ink-dim) !important;
}
.license-teaser-stack img {
  width: 3.5rem !important;
  height: 4.5rem !important;
  border-radius: 0.75rem !important;
  border: 2px solid var(--td-surface) !important;
  box-shadow: 0 8px 18px rgba(15,23,42,0.12) !important;
}
.license-teaser-cta {
  border-radius: 99px !important;
  padding: 0.7rem 1.1rem !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  border: none !important;
}

/* Ubicaciones */
.dw-locs {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}
.dw-locs li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 1.25rem !important;
  box-shadow: var(--td-shadow) !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}
.dw-locs li h4 { font-size: 1rem !important; font-weight: 800 !important; color: var(--td-ink) !important; }
.dw-locs li p { font-size: 0.85rem !important; color: var(--td-ink-dim) !important; }
.dw-loc-links { display: flex !important; gap: 0.5rem !important; flex-wrap: wrap !important; }

/* Panel de estado */
.dw-panel {
  background: var(--td-surface) !important;
  border-radius: var(--td-radius) !important;
  padding: 1.5rem !important;
  box-shadow: var(--td-shadow) !important;
  margin-top: 2rem !important;
}
.dw-input {
  background: var(--td-surface-2) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px var(--td-line) !important;
  border-radius: var(--td-radius-sm) !important;
  padding: 0.75rem 1rem !important;
  font-size: 0.95rem !important;
  color: var(--td-ink) !important;
  transition: box-shadow 0.2s ease !important;
  width: 100% !important;
}
.dw-input:focus {
  outline: none !important;
  box-shadow: inset 0 0 0 2px rgba(6,182,212,0.5) !important;
}

/* ----------  GALERÍAS  ---------- */
.dw-gal {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 0.75rem !important;
}
.dw-gal a {
  border-radius: var(--td-radius-sm) !important;
  overflow: hidden !important;
  display: block !important;
  box-shadow: var(--td-shadow) !important;
  transition: all 0.3s ease !important;
}
.dw-gal a:hover { transform: translateY(-3px) !important; box-shadow: var(--td-shadow-hover) !important; }
.dw-gal img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

/* Galería fotografía dinámica */
#galeria-fotos {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 0.75rem !important;
}
#galeria-fotos a {
  border-radius: var(--td-radius-sm) !important;
  overflow: hidden !important;
  box-shadow: var(--td-shadow) !important;
  transition: all 0.3s ease !important;
}
#galeria-fotos a:hover { transform: translateY(-3px) !important; box-shadow: var(--td-shadow-hover) !important; }

/* ----------  FOOTER GLOBAL  ---------- */
body > footer {
  background: transparent !important;
  border-top: 1px solid var(--td-line) !important;
  backdrop-filter: none !important;
  padding: 2.5rem 1rem !important;
  padding-bottom: calc(2.5rem + env(safe-area-inset-bottom)) !important;
}
@media (max-width: 1023px) {
  body > footer { padding-bottom: calc(6rem + env(safe-area-inset-bottom)) !important; }
}
body > footer button[data-tab-target="inicio"] {
  background: none !important;
  border: none !important;
  font-size: 1.5rem !important;
  margin-bottom: 0.75rem !important;
}
body > footer .flex.justify-center a {
  width: 2.5rem !important;
  height: 2.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--td-surface-2) !important;
  transition: all 0.25s ease !important;
}
body > footer .flex.justify-center a:hover {
  transform: translateY(-2px) !important;
  background: var(--td-surface) !important;
  box-shadow: var(--td-shadow) !important;
}
body > footer .flex.justify-center a svg,
body > footer .flex.justify-center a i { width: 1.1rem !important; height: 1.1rem !important; }
body > footer p { font-size: 0.82rem !important; color: var(--td-ink-muted) !important; }
body > footer p a { color: var(--td-ink-dim) !important; }

/* ----------  NAV SUPERIOR (Desktop)  ---------- */
#desktop-nav-wrapper button {
  border: none !important;
  box-shadow: var(--td-shadow) !important;
  background: var(--td-surface) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
#desktop-nav-wrapper button:hover {
  box-shadow: var(--td-shadow-hover) !important;
  transform: scale(1.08) !important;
}

/* ----------  SCROLL Y ANIMACIONES  ---------- */
::selection {
  background: rgba(6,182,212,0.25) !important;
  color: inherit !important;
}

/* Animaciones suaves */
.animate-fadeIn { animation: fadeIn 0.5s ease-out forwards !important; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* ----------  SCROLLBAR LIMPIO  ---------- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--td-ink-muted); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--td-ink-dim); }

/* ----------  REDUCED MOTION  ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ----------  UTILIDADES RESPONSIVE  ---------- */
@media (max-width: 640px) {
  .dw-services { grid-template-columns: 1fr !important; }
  .dw-syslist { grid-template-columns: 1fr !important; }
  .dw-gal { grid-template-columns: repeat(2, 1fr) !important; }
  .dw-locs li { flex-direction: column !important; align-items: flex-start !important; }
  .dw-loc-links { width: 100% !important; }
  .dw-cta-group { flex-direction: column !important; width: 100% !important; }
  .dw-cta-group .dw-cta { width: 100% !important; justify-content: center !important; }
  .dw-head-row { grid-template-columns: 1fr !important; }
  .dw-title { font-size: 2rem !important; }
  #galeria-fotos { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .dw-services { grid-template-columns: repeat(2, 1fr) !important; }
  .dw-syslist { grid-template-columns: repeat(2, 1fr) !important; }
  .dw-gal { grid-template-columns: repeat(3, 1fr) !important; }
  .dw-cols3 { grid-template-columns: repeat(2, 1fr) !important; }
  #galeria-fotos { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (min-width: 1024px) {
  .dw-services { grid-template-columns: repeat(3, 1fr) !important; }
  .dw-syslist { grid-template-columns: repeat(2, 1fr) !important; }
  .dw-syslist-4 { grid-template-columns: repeat(4, 1fr) !important; }
  .dw-gal { grid-template-columns: repeat(4, 1fr) !important; }
  .dw-cols3 { grid-template-columns: repeat(3, 1fr) !important; }
  #galeria-fotos { grid-template-columns: repeat(4, 1fr) !important; }
}

/* ----------  LIGHTGALLERY AJUSTES  ---------- */
.lg-backdrop {
  background-color: rgba(0,0,0,0.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
.lg-sub-html { display: none !important; }

/* ----------  TIPOGRAFÍA GLOBAL  ---------- */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Enlaces */
a { text-decoration: none !important; color: inherit !important; transition: color 0.2s ease !important; }

/* ----------  TAB-SECTIONS LIMPIO  ---------- */
.tab-section { overflow-x: hidden !important; }

/* Ocultar bordes de cualquier elemento con borde de Tailwind */
[class*="border-"] { border-width: 0 !important; }
[class*="border-b"] { border-bottom-width: 0 !important; }
[class*="border-t"] { border-top-width: 0 !important; }
[class*="border-l"] { border-left-width: 0 !important; }
[class*="border-r"] { border-right-width: 0 !important; }

/* Restaurar bordes sutiles solo donde realmente necesarios */
.hero-eyebrow,
.dw-input,
#mobile-nav-wrapper > div { border-width: 0 !important; }