/* ============================================
   THEME SWITCHER — Diego Müller
   Versión limpia y sin duplicados
   ============================================ */

/* Transición suave global */
body *:not(img):not(video) {
  transition: background-color 0.35s ease, border-color 0.35s ease,
              color 0.35s ease, box-shadow 0.35s ease !important;
}
body img, body video { transition: none !important; }

/* ============================================
   BOTÓN CÍCLICO
   Default → #1a1a1a | Instagram → degradé IG | TikTok → #25F4EE
   ============================================ */
.theme-switcher { display: none !important; }

.theme-cycle-btn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  margin-left: 16px;
  flex-shrink: 0;
  background: #1a1a1a;
  box-shadow: none;
  padding: 0;
  outline: none;
  transition: transform 0.2s ease;
}
.theme-cycle-btn .theme-cycle-icon { display: none !important; }
.theme-cycle-btn:hover  { transform: scale(1.12); }
.theme-cycle-btn:active { transform: scale(0.93); }

.theme-cycle-btn--instagram {
  background: linear-gradient(45deg, #FF7A18 0%, #DD2476 60%, #AF002D 100%) !important;
  box-shadow: none !important;
}
.theme-cycle-btn--tiktok {
  background: #25F4EE !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .theme-cycle-btn { width: 32px; height: 32px; min-width: 32px; margin-left: 8px; }
}

/* ============================================
   MODO DEFAULT — MENÚ MÓVIL
   ============================================ */
@media (max-width: 768px) {
  html body:not([data-theme]) .nav-menu,
  html body[data-theme="default"] .nav-menu {
    background-color: #ffffff !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 40px !important;
  }
  html body:not([data-theme]) .nav-item,
  html body[data-theme="default"] .nav-item {
    margin-left: 0 !important;
    width: 100% !important;
  }
  html body:not([data-theme]) .nav-item a,
  html body[data-theme="default"] .nav-item a {
    display: block !important;
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    color: #000000 !important;
    line-height: 0.3 !important;
    padding: 8px 0 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
  }
  html body:not([data-theme]) .nav-item a:hover,
  html body[data-theme="default"] .nav-item a:hover {
    color: #0095f6 !important;
  }
}

/* ============================================
   MODO INSTAGRAM
   ============================================ */

/* Body base */
body[data-theme="instagram"] {
  background-color: #ffffff !important;
  color: #262626 !important;
}

/* Header */
body[data-theme="instagram"] header {
  background-color: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #dbdbdb !important;
}
body[data-theme="instagram"] .logo {
  background: linear-gradient(45deg, #FF7A18, #DD2476, #AF002D) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
body[data-theme="instagram"] .nav-item a {
  color: #262626 !important;
  -webkit-text-fill-color: #262626 !important;
  background: none !important;
}
body[data-theme="instagram"] .nav-item a:hover {
  background: linear-gradient(45deg, #FF7A18, #DD2476) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
body[data-theme="instagram"] .mobile-toggle { color: #262626 !important; }

/* Hero */
/* NOTA: la regla del fondo blanco del hero (línea 230) fue sobrescrita por
   la regla más abajo con degradé IG. Se unificó: el hero tiene degradé. */
html body[data-theme="instagram"] section.hero#home,
body[data-theme="instagram"] .hero {
  background: linear-gradient(135deg, #FF7A18 0%, #DD2476 50%, #AF002D 100%) !important;
  position: relative !important;
}
body[data-theme="instagram"] .hero::before,
body[data-theme="instagram"] .hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
body[data-theme="instagram"] .hero-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}
body[data-theme="instagram"] .hero-subtitle {
  color: rgba(255,255,255,0.95) !important;
}
body[data-theme="instagram"] .hero-tag {
  background: rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
}
body[data-theme="instagram"] .hero-title .highlight {
  color: #ffffff !important;
  -webkit-text-fill-color: #DD2476 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  text-shadow: none !important;
}
body[data-theme="instagram"] .hero-image-main {
  border: 4px solid transparent !important;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(45deg, #FF7A18, #DD2476, #AF002D) border-box !important;
  box-shadow: 0 8px 40px rgba(221,36,118,0.2) !important;
}

/* Elementos flotantes */
body[data-theme="instagram"] .floating-element.element-1 {
  background: #ffd600 !important;
  color: #ffffff !important;
  border: none !important;
}
body[data-theme="instagram"] .floating-element.element-2 {
  background: #fe7a00 !important;
  color: #ffffff !important;
  border: none !important;
}
body[data-theme="instagram"] .floating-element.element-3 {
  background: #d400c5 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Highlight global */
body[data-theme="instagram"] .highlight {
  background: linear-gradient(90deg, #FF7A18 0%, #DD2476 60%, #AF002D 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Botones */
body[data-theme="instagram"] .btn-primary {
  background: linear-gradient(45deg, #FF7A18 0%, #DD2476 60%, #AF002D 100%) !important;
  background-size: 200% auto !important;
  animation: ig-btn-shimmer 3s ease infinite !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(221,36,118,0.4) !important;
}
@keyframes ig-btn-shimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
body[data-theme="instagram"] .btn-outline {
  border-color: #DD2476 !important;
  color: #DD2476 !important;
  background: transparent !important;
}
body[data-theme="instagram"] .btn-outline:hover { background: rgba(221,36,118,0.06) !important; }

/* About */
body[data-theme="instagram"] .about { background: #fafafa !important; border-color: #dbdbdb !important; }
body[data-theme="instagram"] .about-title { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .about-text  { color: #737373 !important; }

/* Secciones genéricas */
body[data-theme="instagram"] .section-title { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .section-subtitle,
body[data-theme="instagram"] .services-subtitle { color: #737373 !important; }

/* Servicios */
body[data-theme="instagram"] .services { background: #ffffff !important; }
body[data-theme="instagram"] .service-card { background: #ffffff !important; border-color: #dbdbdb !important; }
body[data-theme="instagram"] .service-card:hover { border-color: #DD2476 !important; box-shadow: 0 8px 30px rgba(221,36,118,0.12) !important; }
body[data-theme="instagram"] .service-title { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .service-description { color: #737373 !important; }
body[data-theme="instagram"] .service-icon {
  background: linear-gradient(45deg, rgba(255,122,24,0.1), rgba(175,0,45,0.08)) !important;
  border-radius: 12px !important;
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body[data-theme="instagram"] .service-icon span,
body[data-theme="instagram"] .service-icon i {
  background: linear-gradient(45deg, #FF7A18, #DD2476) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: 1.5rem !important;
}
body[data-theme="instagram"] .service-card:hover .service-icon {
  background: linear-gradient(45deg, #FF7A18, #DD2476) !important;
}
body[data-theme="instagram"] .service-card:hover .service-icon span,
body[data-theme="instagram"] .service-card:hover .service-icon i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

/* Capacitaciones */
body[data-theme="instagram"] .workshops { background: #fafafa !important; }
body[data-theme="instagram"] .workshops-title,
body[data-theme="instagram"] .workshops-subtitle { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .workshop-card { background: #ffffff !important; border-color: #dbdbdb !important; }
body[data-theme="instagram"] .workshop-card:hover { border-color: #DD2476 !important; }
body[data-theme="instagram"] .workshop-title { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .workshop-description { color: #737373 !important; }
body[data-theme="instagram"] .workshop-icon {
  background: linear-gradient(45deg, rgba(255,122,24,0.1), rgba(175,0,45,0.08)) !important;
}
body[data-theme="instagram"] .workshop-icon i {
  background: linear-gradient(45deg, #FF7A18, #AF002D) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
body[data-theme="instagram"] .section-number {
  background: linear-gradient(45deg, #FF7A18, #AF002D) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Mentorías */
body[data-theme="instagram"] .consultancy { background: #ffffff !important; border-top: 1px solid #dbdbdb !important; }
body[data-theme="instagram"] .consultancy-title { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .consultancy-text  { color: #737373 !important; }
body[data-theme="instagram"] .feature-text { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .feature-icon {
  background: linear-gradient(45deg, rgba(255,122,24,0.1), rgba(175,0,45,0.08)) !important;
}
body[data-theme="instagram"] .feature-icon span,
body[data-theme="instagram"] .feature-icon i {
  background: linear-gradient(45deg, #FF7A18, #DD2476) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Zonas seguras */
body[data-theme="instagram"] .resource { background: #fafafa !important; }
body[data-theme="instagram"] .resource .consultancy-title { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .resource .consultancy-text  { color: #737373 !important; }
body[data-theme="instagram"] .resource .feature-text { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }

/* Testimonios */
body[data-theme="instagram"] .testimonials { background: #fafafa !important; }
body[data-theme="instagram"] .testimonial-card { background: #ffffff !important; border-color: #dbdbdb !important; }
body[data-theme="instagram"] .testimonial-name { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .testimonial-text { color: #737373 !important; }
body[data-theme="instagram"] .testimonial-role {
  background: linear-gradient(45deg, #FF7A18, #AF002D) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
body[data-theme="instagram"] .stars { color: #FF7A18 !important; }

/* FAQ */
body[data-theme="instagram"] .faq { background: #ffffff !important; }
body[data-theme="instagram"] .faq-item { border-color: #dbdbdb !important; background: #ffffff !important; }
body[data-theme="instagram"] .faq-question { color: #262626 !important; -webkit-text-fill-color: #262626 !important; background: none !important; }
body[data-theme="instagram"] .faq-answer,
body[data-theme="instagram"] .faq-answer p { color: #737373 !important; }

/* Contacto — fondo degradé, textos NEGROS */
body[data-theme="instagram"] .contact {
  background: linear-gradient(45deg, #FF7A18 0%, #DD2476 60%, #AF002D 100%) !important;
}
body[data-theme="instagram"] .contact-title,
body[data-theme="instagram"] .contact h2,
body[data-theme="instagram"] .contact-text,
body[data-theme="instagram"] .contact p,
body[data-theme="instagram"] .contact-link-text,
body[data-theme="instagram"] .contact-link,
body[data-theme="instagram"] a.contact-link {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  text-shadow: none !important;
}
body[data-theme="instagram"] .contact-link:hover,
body[data-theme="instagram"] a.contact-link:hover { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
body[data-theme="instagram"] .contact-icon { background: rgba(0,0,0,0.12) !important; }
body[data-theme="instagram"] .contact-icon span,
body[data-theme="instagram"] .contact-icon i {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}
body[data-theme="instagram"] .social-link { border-color: rgba(0,0,0,0.25) !important; color: #000000 !important; }
body[data-theme="instagram"] .social-link:hover { border-color: #000000 !important; background: rgba(0,0,0,0.08) !important; }

/* Footer */
body[data-theme="instagram"] footer { background: #1c1e21 !important; color: #b0b3b8 !important; }
body[data-theme="instagram"] footer p,
body[data-theme="instagram"] footer span { color: #b0b3b8 !important; }
body[data-theme="instagram"] .footer-link { color: #b0b3b8 !important; }
body[data-theme="instagram"] .footer-link:hover { color: #FF7A18 !important; }

/* Menú móvil */
@media (max-width: 768px) {
  body[data-theme="instagram"] .nav-menu {
    background-color: #ffffff !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 40px !important;
  }
  body[data-theme="instagram"] .nav-item {
    margin-left: 0 !important;
    width: 100% !important;
  }
  body[data-theme="instagram"] .nav-item a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    line-height: 0.3 !important;
    padding: 8px 0 !important;
    letter-spacing: -0.02em !important;
    display: block !important;
  }
  body[data-theme="instagram"] .nav-item a:hover {
    color: #DD2476 !important;
    -webkit-text-fill-color: #DD2476 !important;
  }
}

/* ============================================
   MODO TIKTOK
   Mentorías, Zonas Seguras, Contacto → fondo blanco, textos NEGROS
   Capacitaciones → glitch igual que logo header
   ============================================ */

/* Body base */
body[data-theme="tiktok"] {
  background-color: #010101 !important;
  color: #F1F1F2 !important;
}

/* Header */
body[data-theme="tiktok"] header {
  background-color: rgba(1,1,1,0.95) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
body[data-theme="tiktok"] .logo {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  text-shadow: 2px 2px 0 #FE2C55, -1px -1px 0 #25F4EE !important;
}
body[data-theme="tiktok"] .logo img { filter: brightness(0) invert(1) !important; }
body[data-theme="tiktok"] .nav-item a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
}
body[data-theme="tiktok"] .nav-item a:hover {
  color: #25F4EE !important;
  -webkit-text-fill-color: #25F4EE !important;
}
body[data-theme="tiktok"] .mobile-toggle { color: #ffffff !important; }

/* Menú móvil */
@media (max-width: 768px) {
  body[data-theme="tiktok"] .nav-menu {
    background-color: #010101 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 40px !important;
  }
  body[data-theme="tiktok"] .nav-item {
    margin-left: 0 !important;
    width: 100% !important;
  }
  body[data-theme="tiktok"] .nav-item a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    line-height: 0.3 !important;
    padding: 8px 0 !important;
    letter-spacing: -0.02em !important;
    display: block !important;
  }
  body[data-theme="tiktok"] .nav-item a:hover {
    color: #25F4EE !important;
    -webkit-text-fill-color: #25F4EE !important;
  }
}

/* Hero */
body[data-theme="tiktok"] .hero { background: #010101 !important; position: relative; overflow: hidden; }
body[data-theme="tiktok"] .hero::before {
  content: '' !important;
  position: absolute; top: -150px; right: 0; width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(254,44,85,0.12) 0%, transparent 60%);
  pointer-events: none; z-index: 0;
}
body[data-theme="tiktok"] .hero::after {
  content: '' !important;
  position: absolute; bottom: -100px; left: -50px; width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(37,244,238,0.08) 0%, transparent 60%);
  pointer-events: none; z-index: 0;
}
body[data-theme="tiktok"] .hero-title { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .hero-tag   { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; background: none !important; }
body[data-theme="tiktok"] .hero-subtitle { color: #8A8B91 !important; }
body[data-theme="tiktok"] .highlight {
  color: #FE2C55 !important;
  -webkit-text-fill-color: #FE2C55 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  text-shadow: none !important;
}
body[data-theme="tiktok"] .hero-image-main {
  border: 3px solid transparent !important;
  background: linear-gradient(#010101,#010101) padding-box, linear-gradient(135deg,#FE2C55,#25F4EE) border-box !important;
  box-shadow: 0 0 40px rgba(254,44,85,0.2), 0 0 80px rgba(37,244,238,0.1) !important;
}

/* Elementos flotantes */
body[data-theme="tiktok"] .floating-element          { background: #161823 !important; border: 1px solid rgba(255,255,255,0.08) !important; }
body[data-theme="tiktok"] .floating-element.element-1 { background: #FE2C55 !important; color: #fff !important; }
body[data-theme="tiktok"] .floating-element.element-2 { background: #25F4EE !important; color: #010101 !important; }
body[data-theme="tiktok"] .floating-element.element-3 { background: #161823 !important; color: #FE2C55 !important; }

/* Botones */
body[data-theme="tiktok"] .btn-primary { background: #FE2C55 !important; color: #ffffff !important; border: none !important; }
body[data-theme="tiktok"] .btn-primary:hover { background: #e0234a !important; }
body[data-theme="tiktok"] .btn-outline { background: transparent !important; color: #F1F1F2 !important; border: 1px solid rgba(255,255,255,0.15) !important; }
body[data-theme="tiktok"] .btn-outline:hover { border-color: #25F4EE !important; color: #25F4EE !important; }

/* Secciones genéricas */
body[data-theme="tiktok"] .section-title { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .section-subtitle,
body[data-theme="tiktok"] .services-subtitle { color: #8A8B91 !important; }

/* About */
body[data-theme="tiktok"] .about { background: #0a0a0a !important; border-color: rgba(255,255,255,0.06) !important; }
body[data-theme="tiktok"] .about-title { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .about-text  { color: #8A8B91 !important; }

/* Servicios */
body[data-theme="tiktok"] .services { background: #010101 !important; }
body[data-theme="tiktok"] .service-card { background: #161823 !important; border-color: rgba(255,255,255,0.06) !important; }
body[data-theme="tiktok"] .service-card:hover { border-color: rgba(254,44,85,0.3) !important; }
body[data-theme="tiktok"] .service-title { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .service-description { color: #8A8B91 !important; }
body[data-theme="tiktok"] .service-icon span,
body[data-theme="tiktok"] .service-icon i { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; background: none !important; }
body[data-theme="tiktok"] .service-card:hover .service-icon { background: #25F4EE !important; }
body[data-theme="tiktok"] .service-card:hover .service-icon span,
body[data-theme="tiktok"] .service-card:hover .service-icon i {
  color: #010101 !important;
  -webkit-text-fill-color: #010101 !important;
}

/* Capacitaciones — glitch igual que logo */
body[data-theme="tiktok"] .workshops { background: #0a0a0a !important; }
body[data-theme="tiktok"] .workshops-title,
body[data-theme="tiktok"] .workshops-subtitle { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .workshops .hero-title,
body[data-theme="tiktok"] .workshops .hero-title .highlight {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  text-shadow: 2px 2px 0 #FE2C55, -1px -1px 0 #25F4EE !important;
}
body[data-theme="tiktok"] .workshop-card { background: #161823 !important; border-color: rgba(255,255,255,0.06) !important; }
body[data-theme="tiktok"] .workshop-card:hover { border-color: rgba(37,244,238,0.3) !important; }
body[data-theme="tiktok"] .workshop-title { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .workshop-description { color: #8A8B91 !important; }
body[data-theme="tiktok"] .workshop-icon { background: rgba(254,44,85,0.08) !important; }
body[data-theme="tiktok"] .workshop-icon i { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; background: none !important; }
body[data-theme="tiktok"] .section-number { color: rgba(254,44,85,0.15) !important; }

/* Mentorías — fondo blanco, textos NEGROS */
body[data-theme="tiktok"] .consultancy { background: #ffffff !important; border-top: 1px solid #e0e0e0 !important; }
body[data-theme="tiktok"] .consultancy-title { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background: none !important; text-shadow: none !important; }
body[data-theme="tiktok"] .consultancy-text  { color: #444444 !important; }
body[data-theme="tiktok"] .feature-text { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background: none !important; }
body[data-theme="tiktok"] .feature-icon { background: rgba(254,44,85,0.08) !important; }
body[data-theme="tiktok"] .feature-icon span,
body[data-theme="tiktok"] .feature-icon i { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; background: none !important; }

/* Zonas seguras — fondo gris claro, textos NEGROS */
body[data-theme="tiktok"] .resource { background: #f5f5f5 !important; }
body[data-theme="tiktok"] .resource .consultancy-title { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background: none !important; text-shadow: none !important; }
body[data-theme="tiktok"] .resource .consultancy-title .highlight { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; background: none !important; -webkit-background-clip: unset !important; text-shadow: none !important; }
body[data-theme="tiktok"] .resource .consultancy-text { color: #444444 !important; }
body[data-theme="tiktok"] .resource .feature-text { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background: none !important; }
body[data-theme="tiktok"] .resource .feature-icon { background: rgba(37,244,238,0.1) !important; }
body[data-theme="tiktok"] .resource .feature-icon span,
body[data-theme="tiktok"] .resource .feature-icon i { color: #00b8b0 !important; -webkit-text-fill-color: #00b8b0 !important; background: none !important; }

/* Testimonios */
body[data-theme="tiktok"] .testimonials { background: #010101 !important; }
body[data-theme="tiktok"] .testimonial-card { background: #161823 !important; border-color: rgba(255,255,255,0.06) !important; }
body[data-theme="tiktok"] .testimonial-name { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .testimonial-text { color: #8A8B91 !important; }
body[data-theme="tiktok"] .testimonial-role { color: #25F4EE !important; -webkit-text-fill-color: #25F4EE !important; background: none !important; }
body[data-theme="tiktok"] .stars { color: #FE2C55 !important; }

/* FAQ */
body[data-theme="tiktok"] .faq { background: #0a0a0a !important; }
body[data-theme="tiktok"] .faq-item { border-color: rgba(255,255,255,0.06) !important; background: #161823 !important; }
body[data-theme="tiktok"] .faq-question { color: #F1F1F2 !important; -webkit-text-fill-color: #F1F1F2 !important; background: none !important; }
body[data-theme="tiktok"] .faq-answer,
body[data-theme="tiktok"] .faq-answer p { color: #8A8B91 !important; }
body[data-theme="tiktok"] .faq-toggle { color: #FE2C55 !important; }

/* Contacto — fondo blanco, textos NEGROS */
body[data-theme="tiktok"] .contact { background: #ffffff !important; }
body[data-theme="tiktok"] .contact-title,
body[data-theme="tiktok"] .contact h2 { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background: none !important; -webkit-background-clip: unset !important; background-clip: unset !important; text-shadow: none !important; }
body[data-theme="tiktok"] .contact-text,
body[data-theme="tiktok"] .contact p,
body[data-theme="tiktok"] .contact-subtitle { color: #444444 !important; -webkit-text-fill-color: #444444 !important; background: none !important; }
body[data-theme="tiktok"] .contact-link,
body[data-theme="tiktok"] a.contact-link { color: #222222 !important; -webkit-text-fill-color: #222222 !important; }
body[data-theme="tiktok"] .contact-link-text { color: #222222 !important; -webkit-text-fill-color: #222222 !important; }
body[data-theme="tiktok"] .contact-link:hover,
body[data-theme="tiktok"] a.contact-link:hover { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; }
body[data-theme="tiktok"] .contact-icon { background: rgba(254,44,85,0.08) !important; }
body[data-theme="tiktok"] .contact-icon span,
body[data-theme="tiktok"] .contact-icon i { color: #FE2C55 !important; -webkit-text-fill-color: #FE2C55 !important; background: none !important; }
body[data-theme="tiktok"] .contact-info-label { color: #666666 !important; }
body[data-theme="tiktok"] .contact-info-value { color: #000000 !important; -webkit-text-fill-color: #000000 !important; }
body[data-theme="tiktok"] .social-link { border-color: rgba(0,0,0,0.2) !important; color: #444444 !important; }
body[data-theme="tiktok"] .social-link:hover { border-color: #FE2C55 !important; color: #FE2C55 !important; }

/* Footer */
body[data-theme="tiktok"] footer { background: #000000 !important; border-top: 1px solid rgba(255,255,255,0.04) !important; color: #8A8B91 !important; }
body[data-theme="tiktok"] .footer-link { color: #8A8B91 !important; }
body[data-theme="tiktok"] .footer-link:hover { color: #FE2C55 !important; }