/*
  Ajustes rapidos da Miclos.

  Voce pode alterar pequenos detalhes aqui sem recriar o plugin.
  Exemplos:

  #root .miclos-header {
    background: #070707 !important;
  }

  #root .miclos-logo {
    border-radius: 4px !important;
  }
*/



/* Ajustes finais de identidade, header e titulos */
#root .miclos-header {
  background: #070707 !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

#root .miclos-header nav {
  height: 72px !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: clamp(24px, 3vw, 42px) !important;
}

#root .miclos-logo-wrap {
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
}

#root .miclos-logo {
  background: transparent !important;
  border-radius: 0 !important;
  width: clamp(118px, 10vw, 150px) !important;
  height: auto !important;
  max-width: 18vw !important;
  max-height: 46px !important;
  object-fit: contain !important;
}

#root .miclos-nav-link {
  color: #e5e2e1 !important;
  font-size: clamp(11px, .72vw, 13px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

#root .miclos-header-cta {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

#root h1,
#root h2,
#root h3,
#root main article h3,
#root footer h3,
#root .font-display {
  text-transform: uppercase !important;
}

#root p,
#root form label,
#root form input,
#root form textarea,
#root form select,
#root footer p,
#root footer li {
  text-transform: none !important;
}

@media (max-width: 1279px) {
  #root .miclos-header nav {
    height: 66px !important;
    min-height: 66px !important;
  }

  #root .miclos-logo {
    width: 118px !important;
    max-width: 42vw !important;
  }
}

/* Botao flutuante WhatsApp */
.miclos-floating-whatsapp {
  position: fixed !important;
  right: 22px !important;
  bottom: 24px !important;
  z-index: 999999 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 9px 10px 9px 18px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #af101a 0%, #d32f2f 54%, #7d0b13 100%) !important;
  box-shadow: 0 16px 42px rgba(175, 16, 26, .34), 0 0 0 1px rgba(255,255,255,.08) inset !important;
  text-decoration: none !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.miclos-floating-whatsapp::before,
.miclos-floating-whatsapp::after {
  content: "" !important;
  position: absolute !important;
  inset: -9px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: radial-gradient(circle, rgba(211,47,47,.28) 0%, rgba(175,16,26,.16) 40%, rgba(175,16,26,0) 72%) !important;
  animation: miclosWhatsappPulse 2.4s ease-out infinite !important;
}

.miclos-floating-whatsapp::after {
  animation-delay: 1.2s !important;
}

.miclos-floating-whatsapp__label {
  color: #ffffff !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

.miclos-floating-whatsapp__icon {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.95) !important;
  color: #af101a !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.2) !important;
  animation: miclosWhatsappVibrate 1.35s ease-in-out infinite !important;
  transform-origin: center !important;
}

.miclos-floating-whatsapp__icon svg {
  width: 23px !important;
  height: 23px !important;
  fill: currentColor !important;
}

.miclos-floating-whatsapp:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 54px rgba(175, 16, 26, .42), 0 0 0 1px rgba(255,255,255,.12) inset !important;
}

@keyframes miclosWhatsappVibrate {
  0%, 72%, 100% { transform: rotate(0deg) scale(1); }
  76% { transform: rotate(-8deg) scale(1.04); }
  80% { transform: rotate(8deg) scale(1.04); }
  84% { transform: rotate(-6deg) scale(1.04); }
  88% { transform: rotate(6deg) scale(1.04); }
  92% { transform: rotate(-3deg) scale(1.02); }
  96% { transform: rotate(3deg) scale(1.02); }
}

@keyframes miclosWhatsappPulse {
  0% { opacity: .72; transform: scale(.78); }
  70% { opacity: 0; transform: scale(1.35); }
  100% { opacity: 0; transform: scale(1.35); }
}

@media (max-width: 640px) {
  .miclos-floating-whatsapp {
    right: 14px !important;
    bottom: 16px !important;
    min-height: 48px !important;
    padding: 8px 9px 8px 14px !important;
    font-size: 13px !important;
  }

  .miclos-floating-whatsapp__icon {
    width: 34px !important;
    height: 34px !important;
  }
}

/* Ajuste hero e titulo institucional */
#root #inicio h1,
#root #inicio h1 span {
  text-transform: uppercase !important;
}

#root #quem-somos h2 {
  text-transform: uppercase !important;
}

@media (min-width: 1024px) {
  #root #quem-somos h2 {
    max-width: 760px !important;
    font-size: clamp(28px, 2.15vw, 36px) !important;
    line-height: 1.18 !important;
  }

  #root #quem-somos .page-shell {
    max-width: 88rem !important;
    grid-template-columns: minmax(360px, 0.86fr) minmax(560px, 1.14fr) !important;
  }
}

/* Ajuste WhatsApp duplicado e hero em tres linhas */
#root #inicio h1 .text-primary {
  display: block !important;
  max-width: min-content !important;
  word-spacing: 999px !important;
  text-transform: uppercase !important;
}

/* Esconde botoes flutuantes verdes de WhatsApp inseridos por outros plugins/tema */
a[href*="wa.me"]:not(.miclos-floating-whatsapp),
a[href*="api.whatsapp.com"]:not(.miclos-floating-whatsapp),
a[href*="whatsapp"]:not(.miclos-floating-whatsapp),
.whatsapp-floating-button,
.whatsapp-button,
.floating-whatsapp,
.joinchat,
.qlwapp,
.wa__btn_popup,
#qlwapp,
#whatsapp-chat,
#whatsapp-widget {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.miclos-floating-whatsapp {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Ajuste final header e hero 1.0.9 */
#root .miclos-header .miclos-nav-link:first-child,
#root #mobile-menu a:first-child {
  display: none !important;
}

#root #inicio h1 .text-primary {
  display: block !important;
  max-width: 680px !important;
  width: auto !important;
  word-spacing: normal !important;
  white-space: normal !important;
  text-wrap: balance !important;
  line-height: 1.12 !important;
}

@media (min-width: 1024px) {
  #root #inicio h1 .text-primary {
    max-width: 640px !important;
  }
}

@media (max-width: 640px) {
  #root #inicio h1 .text-primary {
    max-width: 100% !important;
  }
}

/* Restaurar botoes da hero */
#root #inicio a[href*="wa.me"]:not(.miclos-floating-whatsapp) {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#root #inicio a.inline-flex {
  min-height: 56px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

#root #inicio a.inline-flex:first-child {
  background: #af101a !important;
  color: #ffffff !important;
  border-color: #af101a !important;
}

#root #inicio a.inline-flex:nth-child(2) {
  background: rgba(0,0,0,.2) !important;
  color: rgba(255,255,255,.72) !important;
  border: 2px solid rgba(255,255,255,.15) !important;
}







/* Remover M da hero definitivamente */
#root #inicio::before {
  display: none !important;
  content: none !important;
}

#root #inicio::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  width: clamp(245px, 21vw, 380px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(55%, 63vw, 68%) !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-image: url("../assets/miclos-symbol-hero.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .56 !important;
  filter: drop-shadow(0 0 28px rgba(175,16,26,.36)) !important;
  pointer-events: none !important;
  animation: miclosHeroSymbolFloat 7s ease-in-out infinite !important;
}

#root #inicio .page-shell {
  position: relative !important;
  z-index: 10 !important;
}

@keyframes miclosHeroSymbolFloat {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -51.2%) scale(1.02); }
}

@media (max-width: 900px) {
  #root #inicio::after {
    left: 72% !important;
    width: 230px !important;
    opacity: .42 !important;
  }
}

@media (max-width: 640px) {
  #root #inicio::after {
    display: none !important;
  }
}



/* Ajuste final logo hero sem mancha */
#root #inicio::before {
  display: none !important;
  content: none !important;
}

#root #inicio::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  width: clamp(210px, 18vw, 330px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(55%, 63vw, 68%) !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-image: url("../assets/miclos-symbol-hero.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .58 !important;
  filter: drop-shadow(0 0 28px rgba(175,16,26,.35)) !important;
  pointer-events: none !important;
  animation: miclosHeroLogoOrbit 8s cubic-bezier(.45,0,.25,1) infinite, miclosHeroLogoGlow 3.8s ease-in-out infinite !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio .page-shell {
  position: relative !important;
  z-index: 10 !important;
}

@keyframes miclosHeroLogoOrbit {
  0% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  25% { transform: translate(calc(-50% + 4px), calc(-50% - 5px)) scale(1.02) rotate(-.8deg); }
  50% { transform: translate(calc(-50% + 7px), calc(-50% + 2px)) scale(1.035) rotate(.6deg); }
  75% { transform: translate(calc(-50% - 3px), calc(-50% + 5px)) scale(1.015) rotate(-.4deg); }
  100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
}

@keyframes miclosHeroLogoGlow {
  0%, 100% { opacity: .54; filter: drop-shadow(0 0 20px rgba(175,16,26,.28)); }
  50% { opacity: .66; filter: drop-shadow(0 0 34px rgba(175,16,26,.44)); }
}

@media (max-width: 900px) {
  #root #inicio::after {
    left: 72% !important;
    width: 210px !important;
    opacity: .44 !important;
  }
}

@media (max-width: 640px) {
  #root #inicio::after {
    display: none !important;
  }
}

/* Hero definitivo: banner sem o M antigo e simbolo separado */
#root #inicio {
  position: relative !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .82) 34%, rgba(0, 0, 0, .26) 68%, rgba(0, 0, 0, .08) 100%),
    url("../assets/hero-sem-m-forcado.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#root #inicio .miclos-hero-visual,
#root #inicio img[src*="hero-DXs23sa4"],
#root #inicio img[src*="hero-sem-m-miclos"],
#root #inicio img[src*="hero-sem-m-forcado"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#root #inicio::before {
  display: none !important;
  content: none !important;
}

#root #inicio::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  width: clamp(280px, 25vw, 460px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(58%, 66vw, 72%) !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-image: url("../assets/miclos-symbol-hero.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .72 !important;
  filter: drop-shadow(0 0 34px rgba(190, 12, 24, .42)) !important;
  pointer-events: none !important;
  animation: miclosHeroMarkFloat 8s ease-in-out infinite !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio .page-shell {
  position: relative !important;
  z-index: 10 !important;
}

@keyframes miclosHeroMarkFloat {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    filter: drop-shadow(0 0 28px rgba(190, 12, 24, .32));
  }
  50% {
    transform: translate(calc(-50% + 8px), calc(-50% - 7px)) scale(1.035) rotate(.7deg);
    filter: drop-shadow(0 0 46px rgba(190, 12, 24, .54));
  }
}

@media (max-width: 900px) {
  #root #inicio::after {
    left: 72% !important;
    width: 250px !important;
    opacity: .48 !important;
  }
}

@media (max-width: 640px) {
  #root #inicio::after {
    display: none !important;
  }
}

/* Trava final contra a imagem antiga renderizada dentro da hero */
#root #inicio img {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hero final sem imagem antiga: circulos vivos, logo animada e sem M residual */
#root #inicio {
  position: relative !important;
  overflow: hidden !important;
  background-color: #030303 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.88) 34%, rgba(0,0,0,.34) 64%, rgba(0,0,0,.18) 100%),
    radial-gradient(circle at 72% 50%, rgba(175,16,26,.30) 0%, rgba(175,16,26,.15) 19%, rgba(175,16,26,.04) 36%, transparent 60%),
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
  background-size: auto, auto, 64px 64px, 64px 64px !important;
  background-position: center, center, center, center !important;
  background-repeat: no-repeat, no-repeat, repeat, repeat !important;
}

#root #inicio .miclos-hero-visual,
#root #inicio img[src*="hero"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#root #inicio::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  width: clamp(500px, 46vw, 780px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(58%, 69vw, 76%) !important;
  top: 50% !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
  background:
    radial-gradient(circle, transparent 0 38%, rgba(175,16,26,.78) 38.35% 38.85%, transparent 39.2% 54%, rgba(255,255,255,.16) 54.25% 54.65%, transparent 55%),
    conic-gradient(from 18deg, transparent 0 68%, rgba(175,16,26,.95) 75%, transparent 84%, transparent 100%) !important;
  box-shadow:
    0 0 60px rgba(175,16,26,.18),
    inset 0 0 80px rgba(175,16,26,.08) !important;
  opacity: .92 !important;
  filter: drop-shadow(0 0 28px rgba(175,16,26,.38)) !important;
  pointer-events: none !important;
  animation: miclosHeroRingsMotion 12s linear infinite, miclosHeroRingsPulse 4.8s ease-in-out infinite !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 4 !important;
  width: clamp(300px, 24vw, 430px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(58%, 69vw, 76%) !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-image: url("../assets/miclos-symbol-hero.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .88 !important;
  filter: drop-shadow(0 0 34px rgba(175,16,26,.48)) !important;
  pointer-events: none !important;
  animation: miclosHeroLogoFloatFinal 7.5s ease-in-out infinite, miclosHeroLogoPulseFinal 3.8s ease-in-out infinite !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio .page-shell {
  position: relative !important;
  z-index: 10 !important;
}

@keyframes miclosHeroRingsMotion {
  0% { transform: translate(-50%, -50%) rotate(0deg) scale(1); }
  100% { transform: translate(-50%, -50%) rotate(360deg) scale(1); }
}

@keyframes miclosHeroRingsPulse {
  0%, 100% { opacity: .78; filter: drop-shadow(0 0 22px rgba(175,16,26,.30)); }
  50% { opacity: 1; filter: drop-shadow(0 0 44px rgba(175,16,26,.55)); }
}

@keyframes miclosHeroLogoFloatFinal {
  0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  35% { transform: translate(calc(-50% + 9px), calc(-50% - 8px)) scale(1.03) rotate(-.7deg); }
  70% { transform: translate(calc(-50% - 5px), calc(-50% + 7px)) scale(1.015) rotate(.6deg); }
}

@keyframes miclosHeroLogoPulseFinal {
  0%, 100% { opacity: .82; filter: drop-shadow(0 0 26px rgba(175,16,26,.38)); }
  50% { opacity: .96; filter: drop-shadow(0 0 48px rgba(175,16,26,.62)); }
}

@media (max-width: 900px) {
  #root #inicio::before {
    left: 73% !important;
    width: 420px !important;
    opacity: .58 !important;
  }

  #root #inicio::after {
    left: 73% !important;
    width: 230px !important;
    opacity: .58 !important;
  }
}

@media (max-width: 640px) {
  #root #inicio::before,
  #root #inicio::after {
    display: none !important;
  }
}

/* Movimento refinado da hero: volta ao movimento suave anterior */
#root #inicio::before {
  animation: miclosHeroRingsGentle 8.5s ease-in-out infinite, miclosHeroRingsGentleGlow 4.6s ease-in-out infinite !important;
}

#root #inicio::after {
  animation: miclosHeroLogoGentle 7s cubic-bezier(.45,0,.25,1) infinite, miclosHeroLogoGentleGlow 3.8s ease-in-out infinite !important;
}

@keyframes miclosHeroRingsGentle {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 4px), calc(-50% - 5px)) scale(1.01) rotate(-.6deg);
  }
  50% {
    transform: translate(calc(-50% + 7px), calc(-50% + 2px)) scale(1.018) rotate(.45deg);
  }
  75% {
    transform: translate(calc(-50% - 3px), calc(-50% + 5px)) scale(1.008) rotate(-.25deg);
  }
}

@keyframes miclosHeroRingsGentleGlow {
  0%, 100% {
    opacity: .82;
    filter: drop-shadow(0 0 22px rgba(175,16,26,.30));
  }
  50% {
    opacity: .98;
    filter: drop-shadow(0 0 38px rgba(175,16,26,.50));
  }
}

@keyframes miclosHeroLogoGentle {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 4px), calc(-50% - 5px)) scale(1.02) rotate(-.8deg);
  }
  50% {
    transform: translate(calc(-50% + 7px), calc(-50% + 2px)) scale(1.035) rotate(.6deg);
  }
  75% {
    transform: translate(calc(-50% - 3px), calc(-50% + 5px)) scale(1.015) rotate(-.4deg);
  }
}

@keyframes miclosHeroLogoGentleGlow {
  0%, 100% {
    opacity: .82;
    filter: drop-shadow(0 0 24px rgba(175,16,26,.36));
  }
  50% {
    opacity: .96;
    filter: drop-shadow(0 0 42px rgba(175,16,26,.58));
  }
}

/* Refinamento dos circulos da hero: remove faixa vermelha pesada e mantem movimento */
#root #inicio::before {
  background:
    radial-gradient(circle, transparent 0 37.6%, rgba(175,16,26,.92) 37.9% 38.45%, transparent 38.75% 53.4%, rgba(255,255,255,.24) 53.75% 54.2%, transparent 54.55%),
    radial-gradient(circle, rgba(175,16,26,.18) 0%, rgba(175,16,26,.09) 23%, rgba(175,16,26,.035) 42%, transparent 64%) !important;
  box-shadow:
    0 0 42px rgba(175,16,26,.16),
    inset 0 0 64px rgba(175,16,26,.075) !important;
  opacity: .98 !important;
  filter: drop-shadow(0 0 22px rgba(175,16,26,.34)) !important;
  animation: miclosHeroRingsClean 8.5s ease-in-out infinite, miclosHeroRingsCleanGlow 4.6s ease-in-out infinite !important;
}

#root #inicio::after {
  animation: miclosHeroLogoGentle 7s cubic-bezier(.45,0,.25,1) infinite, miclosHeroLogoGentleGlow 3.8s ease-in-out infinite !important;
}

@keyframes miclosHeroRingsClean {
  0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  25% { transform: translate(calc(-50% + 4px), calc(-50% - 5px)) scale(1.01) rotate(-.45deg); }
  50% { transform: translate(calc(-50% + 7px), calc(-50% + 2px)) scale(1.018) rotate(.35deg); }
  75% { transform: translate(calc(-50% - 3px), calc(-50% + 5px)) scale(1.008) rotate(-.25deg); }
}

@keyframes miclosHeroRingsCleanGlow {
  0%, 100% { opacity: .78; filter: drop-shadow(0 0 18px rgba(175,16,26,.26)); }
  50% { opacity: .98; filter: drop-shadow(0 0 34px rgba(175,16,26,.46)); }
}

/* Ajuste: logo menor e movimento mais perceptivel na hero */
#root #inicio::after {
  width: clamp(235px, 19vw, 350px) !important;
  animation: miclosHeroLogoVisibleFloat 4.8s ease-in-out infinite, miclosHeroLogoVisibleGlow 2.8s ease-in-out infinite !important;
}

#root #inicio::before {
  animation: miclosHeroRingsVisibleFloat 6.2s ease-in-out infinite, miclosHeroRingsVisibleGlow 3.6s ease-in-out infinite !important;
}

@keyframes miclosHeroLogoVisibleFloat {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 10px), calc(-50% - 8px)) scale(1.025) rotate(-1deg);
  }
  50% {
    transform: translate(calc(-50% + 16px), calc(-50% + 4px)) scale(1.045) rotate(.8deg);
  }
  75% {
    transform: translate(calc(-50% - 8px), calc(-50% + 10px)) scale(1.018) rotate(-.6deg);
  }
}

@keyframes miclosHeroLogoVisibleGlow {
  0%, 100% {
    opacity: .82;
    filter: drop-shadow(0 0 22px rgba(175,16,26,.32));
  }
  50% {
    opacity: .98;
    filter: drop-shadow(0 0 48px rgba(175,16,26,.68));
  }
}

@keyframes miclosHeroRingsVisibleFloat {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 6px), calc(-50% - 5px)) scale(1.008) rotate(-.55deg);
  }
  50% {
    transform: translate(calc(-50% + 11px), calc(-50% + 3px)) scale(1.018) rotate(.45deg);
  }
  75% {
    transform: translate(calc(-50% - 5px), calc(-50% + 7px)) scale(1.006) rotate(-.35deg);
  }
}

@keyframes miclosHeroRingsVisibleGlow {
  0%, 100% {
    opacity: .76;
    filter: drop-shadow(0 0 18px rgba(175,16,26,.28));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 36px rgba(175,16,26,.52));
  }
}

@media (max-width: 900px) {
  #root #inicio::after {
    width: 205px !important;
  }
}

/* Movimento visivel da marca na hero */
#root #inicio::after {
  width: clamp(235px, 19vw, 350px) !important;
  animation: miclosHeroLogoScreenMove 6.2s ease-in-out infinite, miclosHeroLogoScreenGlow 3s ease-in-out infinite !important;
}

#root #inicio::before {
  animation: miclosHeroRingsScreenMove 7.2s ease-in-out infinite, miclosHeroRingsScreenGlow 3.8s ease-in-out infinite !important;
}

@keyframes miclosHeroLogoScreenMove {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  20% {
    transform: translate(calc(-50% + 22px), calc(-50% - 18px)) scale(1.025) rotate(-1.2deg);
  }
  45% {
    transform: translate(calc(-50% + 34px), calc(-50% + 8px)) scale(1.045) rotate(.9deg);
  }
  70% {
    transform: translate(calc(-50% - 18px), calc(-50% + 22px)) scale(1.02) rotate(-.75deg);
  }
  88% {
    transform: translate(calc(-50% - 10px), calc(-50% - 12px)) scale(1.012) rotate(.45deg);
  }
}

@keyframes miclosHeroLogoScreenGlow {
  0%, 100% {
    opacity: .84;
    filter: drop-shadow(0 0 22px rgba(175,16,26,.34));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 56px rgba(175,16,26,.72));
  }
}

@keyframes miclosHeroRingsScreenMove {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 14px), calc(-50% - 11px)) scale(1.012) rotate(-1deg);
  }
  50% {
    transform: translate(calc(-50% + 24px), calc(-50% + 8px)) scale(1.026) rotate(.8deg);
  }
  75% {
    transform: translate(calc(-50% - 13px), calc(-50% + 16px)) scale(1.01) rotate(-.55deg);
  }
}

@keyframes miclosHeroRingsScreenGlow {
  0%, 100% {
    opacity: .76;
    filter: drop-shadow(0 0 18px rgba(175,16,26,.28));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 44px rgba(175,16,26,.58));
  }
}

@media (max-width: 900px) {
  #root #inicio::after {
    width: 205px !important;
    animation: miclosHeroLogoMobileMove 6.2s ease-in-out infinite, miclosHeroLogoScreenGlow 3s ease-in-out infinite !important;
  }

  @keyframes miclosHeroLogoMobileMove {
    0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    35% { transform: translate(calc(-50% + 12px), calc(-50% - 10px)) scale(1.025) rotate(-.8deg); }
    70% { transform: translate(calc(-50% - 10px), calc(-50% + 12px)) scale(1.015) rotate(.6deg); }
  }
}

/* Hero: visual premium anterior dos circulos com degrade suave */
#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.35) 67%, rgba(0,0,0,.16) 100%),
    radial-gradient(circle at 72% 50%, rgba(175,16,26,.24) 0%, rgba(175,16,26,.13) 22%, rgba(175,16,26,.045) 42%, transparent 67%),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size: auto, auto, 64px 64px, 64px 64px !important;
  background-position: center, center, center, center !important;
}

#root #inicio::before {
  width: clamp(560px, 52vw, 900px) !important;
  left: clamp(60%, 72vw, 78%) !important;
  top: 50% !important;
  opacity: .92 !important;
  background:
    radial-gradient(circle, transparent 0 35.2%, rgba(175,16,26,.82) 35.45% 35.85%, transparent 36.2% 53.2%, rgba(255,255,255,.14) 53.45% 53.75%, transparent 54.05%),
    conic-gradient(from 12deg, transparent 0 8%, rgba(175,16,26,.62) 11%, rgba(175,16,26,.95) 14%, transparent 18%, transparent 100%),
    radial-gradient(circle, rgba(175,16,26,.12) 0%, rgba(175,16,26,.06) 30%, rgba(175,16,26,.025) 48%, transparent 66%) !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 26px rgba(175,16,26,.34)) !important;
  animation: miclosHeroRingsPremiumMove 8s ease-in-out infinite, miclosHeroRingsPremiumGlow 4.5s ease-in-out infinite !important;
}

#root #inicio::after {
  width: clamp(210px, 17vw, 315px) !important;
  left: clamp(60%, 72vw, 78%) !important;
  top: 50% !important;
  opacity: .72 !important;
  filter: drop-shadow(0 0 30px rgba(175,16,26,.40)) !important;
  animation: miclosHeroLogoPremiumMove 6.5s ease-in-out infinite, miclosHeroLogoPremiumGlow 3.8s ease-in-out infinite !important;
}

#root #inicio .page-shell::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  width: clamp(18px, 1.8vw, 30px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(81%, 90vw, 94%) !important;
  top: 49.5% !important;
  border-radius: 999px !important;
  background: #af101a !important;
  box-shadow: 0 0 30px rgba(175,16,26,.55) !important;
  pointer-events: none !important;
  animation: miclosHeroDotPremiumMove 6.5s ease-in-out infinite, miclosHeroDotPremiumPulse 3.2s ease-in-out infinite !important;
}

@keyframes miclosHeroRingsPremiumMove {
  0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  30% { transform: translate(calc(-50% + 10px), calc(-50% - 8px)) scale(1.01) rotate(-.5deg); }
  65% { transform: translate(calc(-50% - 8px), calc(-50% + 10px)) scale(1.018) rotate(.45deg); }
}

@keyframes miclosHeroRingsPremiumGlow {
  0%, 100% { opacity: .76; filter: drop-shadow(0 0 18px rgba(175,16,26,.24)); }
  50% { opacity: .96; filter: drop-shadow(0 0 38px rgba(175,16,26,.46)); }
}

@keyframes miclosHeroLogoPremiumMove {
  0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  30% { transform: translate(calc(-50% + 14px), calc(-50% - 10px)) scale(1.018) rotate(-.7deg); }
  65% { transform: translate(calc(-50% - 10px), calc(-50% + 14px)) scale(1.03) rotate(.55deg); }
}

@keyframes miclosHeroLogoPremiumGlow {
  0%, 100% { opacity: .68; filter: drop-shadow(0 0 22px rgba(175,16,26,.30)); }
  50% { opacity: .82; filter: drop-shadow(0 0 42px rgba(175,16,26,.52)); }
}

@keyframes miclosHeroDotPremiumMove {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  30% { transform: translate(calc(-50% + 8px), calc(-50% - 6px)) scale(1.04); }
  65% { transform: translate(calc(-50% - 6px), calc(-50% + 8px)) scale(1.02); }
}

@keyframes miclosHeroDotPremiumPulse {
  0%, 100% { opacity: .78; box-shadow: 0 0 22px rgba(175,16,26,.42); }
  50% { opacity: 1; box-shadow: 0 0 38px rgba(175,16,26,.70); }
}

@media (max-width: 900px) {
  #root #inicio::before {
    left: 75% !important;
    width: 460px !important;
    opacity: .54 !important;
  }

  #root #inicio::after {
    left: 75% !important;
    width: 190px !important;
    opacity: .50 !important;
  }

  #root #inicio .page-shell::after {
    display: none !important;
  }
}

@media (max-width: 640px) {
  #root #inicio::before,
  #root #inicio::after,
  #root #inicio .page-shell::after {
    display: none !important;
  }
}

/* Movimento suave e perceptivel mantendo o visual aprovado da hero */
#root #inicio::before {
  animation: miclosHeroRingsApprovedMotion 5.8s ease-in-out infinite, miclosHeroRingsApprovedGlow 3.6s ease-in-out infinite !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio::after {
  animation: miclosHeroLogoApprovedMotion 5.2s ease-in-out infinite, miclosHeroLogoApprovedGlow 3.2s ease-in-out infinite !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio .page-shell::after {
  animation: miclosHeroDotApprovedMotion 5.2s ease-in-out infinite, miclosHeroDotApprovedPulse 2.9s ease-in-out infinite !important;
  will-change: transform, opacity, box-shadow !important;
}

@keyframes miclosHeroRingsApprovedMotion {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 12px), calc(-50% - 9px)) scale(1.012) rotate(-.85deg);
  }
  50% {
    transform: translate(calc(-50% + 20px), calc(-50% + 6px)) scale(1.022) rotate(.65deg);
  }
  75% {
    transform: translate(calc(-50% - 10px), calc(-50% + 14px)) scale(1.01) rotate(-.45deg);
  }
}

@keyframes miclosHeroRingsApprovedGlow {
  0%, 100% {
    opacity: .80;
    filter: drop-shadow(0 0 18px rgba(175,16,26,.28));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 42px rgba(175,16,26,.54));
  }
}

@keyframes miclosHeroLogoApprovedMotion {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(calc(-50% + 14px), calc(-50% - 10px)) scale(1.018) rotate(-1deg);
  }
  50% {
    transform: translate(calc(-50% + 22px), calc(-50% + 7px)) scale(1.035) rotate(.85deg);
  }
  75% {
    transform: translate(calc(-50% - 12px), calc(-50% + 15px)) scale(1.015) rotate(-.7deg);
  }
}

@keyframes miclosHeroLogoApprovedGlow {
  0%, 100% {
    opacity: .72;
    filter: drop-shadow(0 0 22px rgba(175,16,26,.30));
  }
  50% {
    opacity: .88;
    filter: drop-shadow(0 0 44px rgba(175,16,26,.58));
  }
}

@keyframes miclosHeroDotApprovedMotion {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  25% {
    transform: translate(calc(-50% + 10px), calc(-50% - 8px)) scale(1.04);
  }
  50% {
    transform: translate(calc(-50% + 16px), calc(-50% + 5px)) scale(1.08);
  }
  75% {
    transform: translate(calc(-50% - 8px), calc(-50% + 11px)) scale(1.03);
  }
}

@keyframes miclosHeroDotApprovedPulse {
  0%, 100% {
    opacity: .78;
    box-shadow: 0 0 20px rgba(175,16,26,.42);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 38px rgba(175,16,26,.72);
  }
}

@media (max-width: 900px) {
  #root #inicio::before {
    animation: miclosHeroRingsApprovedMobileMotion 5.8s ease-in-out infinite, miclosHeroRingsApprovedGlow 3.6s ease-in-out infinite !important;
  }

  #root #inicio::after {
    animation: miclosHeroLogoApprovedMobileMotion 5.2s ease-in-out infinite, miclosHeroLogoApprovedGlow 3.2s ease-in-out infinite !important;
  }

  @keyframes miclosHeroRingsApprovedMobileMotion {
    0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    40% { transform: translate(calc(-50% + 10px), calc(-50% - 8px)) scale(1.012) rotate(-.5deg); }
    75% { transform: translate(calc(-50% - 8px), calc(-50% + 10px)) scale(1.008) rotate(.45deg); }
  }

  @keyframes miclosHeroLogoApprovedMobileMotion {
    0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    40% { transform: translate(calc(-50% + 10px), calc(-50% - 8px)) scale(1.018) rotate(-.7deg); }
    75% { transform: translate(calc(-50% - 8px), calc(-50% + 10px)) scale(1.012) rotate(.55deg); }
  }
}

/* Hero final: dois circulos vermelhos, degrade suave e movimento perceptivel */
#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.86) 33%, rgba(0,0,0,.34) 66%, rgba(0,0,0,.14) 100%),
    radial-gradient(circle at 72% 50%, rgba(175,16,26,.26) 0%, rgba(175,16,26,.13) 24%, rgba(175,16,26,.045) 44%, transparent 68%),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size: auto, auto, 64px 64px, 64px 64px !important;
}

#root #inicio::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  width: clamp(560px, 52vw, 900px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(60%, 72vw, 78%) !important;
  top: 50% !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, transparent 0 35.2%, rgba(175,16,26,.92) 35.45% 36.05%, transparent 36.35% 53.1%, rgba(175,16,26,.46) 53.45% 53.95%, transparent 54.3%),
    conic-gradient(from 24deg, transparent 0 7%, rgba(175,16,26,.24) 9%, rgba(175,16,26,.72) 13%, rgba(175,16,26,.92) 15%, rgba(175,16,26,.22) 19%, transparent 23%, transparent 100%),
    radial-gradient(circle, rgba(175,16,26,.16) 0%, rgba(175,16,26,.075) 31%, rgba(175,16,26,.025) 50%, transparent 67%) !important;
  opacity: .96 !important;
  filter: drop-shadow(0 0 30px rgba(175,16,26,.42)) !important;
  pointer-events: none !important;
  animation-name: miclosHeroRingsClearlyMoving, miclosHeroRingsClearlyGlow !important;
  animation-duration: 4.2s, 2.8s !important;
  animation-timing-function: ease-in-out, ease-in-out !important;
  animation-iteration-count: infinite, infinite !important;
  animation-play-state: running, running !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 4 !important;
  width: clamp(205px, 16.5vw, 305px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(60%, 72vw, 78%) !important;
  top: 50% !important;
  background-image: url("../assets/miclos-symbol-hero.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .78 !important;
  filter: drop-shadow(0 0 32px rgba(175,16,26,.46)) !important;
  pointer-events: none !important;
  animation-name: miclosHeroLogoClearlyMoving, miclosHeroLogoClearlyGlow !important;
  animation-duration: 3.9s, 2.6s !important;
  animation-timing-function: ease-in-out, ease-in-out !important;
  animation-iteration-count: infinite, infinite !important;
  animation-play-state: running, running !important;
  will-change: transform, opacity, filter !important;
}

#root #inicio .page-shell::after {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  width: clamp(18px, 1.8vw, 30px) !important;
  aspect-ratio: 1 / 1 !important;
  left: clamp(81%, 90vw, 94%) !important;
  top: 49.5% !important;
  border-radius: 999px !important;
  background: #af101a !important;
  box-shadow: 0 0 30px rgba(175,16,26,.64) !important;
  pointer-events: none !important;
  animation-name: miclosHeroDotClearlyMoving, miclosHeroDotClearlyGlow !important;
  animation-duration: 3.9s, 2.4s !important;
  animation-timing-function: ease-in-out, ease-in-out !important;
  animation-iteration-count: infinite, infinite !important;
  animation-play-state: running, running !important;
  will-change: transform, opacity, box-shadow !important;
}

@keyframes miclosHeroRingsClearlyMoving {
  0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  25% { transform: translate(calc(-50% + 18px), calc(-50% - 14px)) scale(1.015) rotate(-1.2deg); }
  50% { transform: translate(calc(-50% + 32px), calc(-50% + 9px)) scale(1.028) rotate(.9deg); }
  75% { transform: translate(calc(-50% - 16px), calc(-50% + 20px)) scale(1.012) rotate(-.7deg); }
}

@keyframes miclosHeroLogoClearlyMoving {
  0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  25% { transform: translate(calc(-50% + 20px), calc(-50% - 16px)) scale(1.02) rotate(-1.15deg); }
  50% { transform: translate(calc(-50% + 34px), calc(-50% + 10px)) scale(1.04) rotate(.95deg); }
  75% { transform: translate(calc(-50% - 18px), calc(-50% + 22px)) scale(1.018) rotate(-.8deg); }
}

@keyframes miclosHeroDotClearlyMoving {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  25% { transform: translate(calc(-50% + 12px), calc(-50% - 10px)) scale(1.08); }
  50% { transform: translate(calc(-50% + 20px), calc(-50% + 6px)) scale(1.14); }
  75% { transform: translate(calc(-50% - 10px), calc(-50% + 14px)) scale(1.05); }
}

@keyframes miclosHeroRingsClearlyGlow {
  0%, 100% { opacity: .78; filter: drop-shadow(0 0 20px rgba(175,16,26,.34)); }
  50% { opacity: 1; filter: drop-shadow(0 0 48px rgba(175,16,26,.68)); }
}

@keyframes miclosHeroLogoClearlyGlow {
  0%, 100% { opacity: .72; filter: drop-shadow(0 0 24px rgba(175,16,26,.34)); }
  50% { opacity: .90; filter: drop-shadow(0 0 50px rgba(175,16,26,.68)); }
}

@keyframes miclosHeroDotClearlyGlow {
  0%, 100% { opacity: .76; box-shadow: 0 0 20px rgba(175,16,26,.45); }
  50% { opacity: 1; box-shadow: 0 0 42px rgba(175,16,26,.82); }
}

@media (max-width: 900px) {
  #root #inicio::before {
    width: 460px !important;
    left: 75% !important;
  }

  #root #inicio::after {
    width: 185px !important;
    left: 75% !important;
  }

  #root #inicio .page-shell::after {
    display: none !important;
  }
}

@media (max-width: 640px) {
  #root #inicio::before,
  #root #inicio::after,
  #root #inicio .page-shell::after {
    display: none !important;
  }
}

/* Correcao definitiva: animar posicao real dos circulos e da logo */
#root #inicio::before {
  animation: miclosHeroRingsRealMove 5.4s ease-in-out infinite, miclosHeroRingsClearlyGlow 2.8s ease-in-out infinite !important;
}

#root #inicio::after {
  animation: miclosHeroLogoRealMove 4.8s ease-in-out infinite, miclosHeroLogoClearlyGlow 2.6s ease-in-out infinite !important;
}

@keyframes miclosHeroRingsRealMove {
  0%, 100% {
    left: 72%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    left: 73.5%;
    top: 48.4%;
    transform: translate(-50%, -50%) scale(1.014) rotate(-1.1deg);
  }
  50% {
    left: 74.4%;
    top: 51.2%;
    transform: translate(-50%, -50%) scale(1.028) rotate(.9deg);
  }
  75% {
    left: 70.8%;
    top: 52.3%;
    transform: translate(-50%, -50%) scale(1.01) rotate(-.7deg);
  }
}

@keyframes miclosHeroLogoRealMove {
  0%, 100% {
    left: 72%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  25% {
    left: 74%;
    top: 47.8%;
    transform: translate(-50%, -50%) scale(1.025) rotate(-1.25deg);
  }
  50% {
    left: 75.2%;
    top: 51.3%;
    transform: translate(-50%, -50%) scale(1.04) rotate(.95deg);
  }
  75% {
    left: 70.6%;
    top: 53%;
    transform: translate(-50%, -50%) scale(1.018) rotate(-.85deg);
  }
}

@media (min-width: 1200px) {
  @keyframes miclosHeroRingsRealMove {
    0%, 100% { left: 72%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    25% { left: 73.8%; top: 48.2%; transform: translate(-50%, -50%) scale(1.014) rotate(-1.1deg); }
    50% { left: 74.8%; top: 51.3%; transform: translate(-50%, -50%) scale(1.028) rotate(.9deg); }
    75% { left: 70.5%; top: 52.4%; transform: translate(-50%, -50%) scale(1.01) rotate(-.7deg); }
  }

  @keyframes miclosHeroLogoRealMove {
    0%, 100% { left: 72%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    25% { left: 74.3%; top: 47.7%; transform: translate(-50%, -50%) scale(1.025) rotate(-1.25deg); }
    50% { left: 75.5%; top: 51.4%; transform: translate(-50%, -50%) scale(1.04) rotate(.95deg); }
    75% { left: 70.2%; top: 53.1%; transform: translate(-50%, -50%) scale(1.018) rotate(-.85deg); }
  }
}

@media (max-width: 900px) {
  #root #inicio::before {
    animation: miclosHeroRingsRealMobileMove 5.4s ease-in-out infinite, miclosHeroRingsClearlyGlow 2.8s ease-in-out infinite !important;
  }

  #root #inicio::after {
    animation: miclosHeroLogoRealMobileMove 4.8s ease-in-out infinite, miclosHeroLogoClearlyGlow 2.6s ease-in-out infinite !important;
  }

  @keyframes miclosHeroRingsRealMobileMove {
    0%, 100% { left: 75%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    40% { left: 76.2%; top: 48.8%; transform: translate(-50%, -50%) scale(1.012) rotate(-.6deg); }
    75% { left: 73.8%; top: 51.5%; transform: translate(-50%, -50%) scale(1.008) rotate(.5deg); }
  }

  @keyframes miclosHeroLogoRealMobileMove {
    0%, 100% { left: 75%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    40% { left: 76.4%; top: 48.6%; transform: translate(-50%, -50%) scale(1.018) rotate(-.8deg); }
    75% { left: 73.6%; top: 51.7%; transform: translate(-50%, -50%) scale(1.012) rotate(.6deg); }
  }
}

/* Hero: circulos com efeito de falha e brilho premium */
#root #inicio::before {
  background:
    conic-gradient(from 210deg,
      transparent 0deg,
      transparent 28deg,
      rgba(175,16,26,.18) 38deg,
      rgba(175,16,26,.72) 50deg,
      rgba(175,16,26,.96) 57deg,
      rgba(175,16,26,.28) 68deg,
      transparent 82deg,
      transparent 126deg,
      rgba(175,16,26,.14) 139deg,
      rgba(175,16,26,.48) 152deg,
      transparent 168deg,
      transparent 360deg),
    conic-gradient(from 26deg,
      transparent 0deg,
      transparent 42deg,
      rgba(175,16,26,.22) 54deg,
      rgba(175,16,26,.78) 66deg,
      rgba(175,16,26,1) 72deg,
      rgba(175,16,26,.20) 86deg,
      transparent 102deg,
      transparent 360deg),
    radial-gradient(circle, transparent 0 35.1%, rgba(175,16,26,.62) 35.35% 35.8%, transparent 36.15% 53.1%, rgba(175,16,26,.32) 53.35% 53.78%, transparent 54.1%),
    radial-gradient(circle, rgba(175,16,26,.12) 0%, rgba(175,16,26,.055) 31%, rgba(175,16,26,.022) 50%, transparent 68%) !important;
  -webkit-mask-image: radial-gradient(circle, transparent 0 34.6%, #000 35.1% 36.2%, transparent 36.7% 52.7%, #000 53.1% 54.25%, transparent 54.8%) !important;
  mask-image: radial-gradient(circle, transparent 0 34.6%, #000 35.1% 36.2%, transparent 36.7% 52.7%, #000 53.1% 54.25%, transparent 54.8%) !important;
  opacity: .98 !important;
  filter: drop-shadow(0 0 20px rgba(175,16,26,.34)) drop-shadow(0 0 46px rgba(175,16,26,.22)) !important;
  animation: miclosHeroBrokenRingsMove 5.8s ease-in-out infinite, miclosHeroBrokenRingsFlicker 3.4s ease-in-out infinite !important;
}

#root #inicio::after {
  animation: miclosHeroLogoRealMove 4.8s ease-in-out infinite, miclosHeroLogoClearlyGlow 2.6s ease-in-out infinite !important;
}

#root #inicio .page-shell::after {
  animation: miclosHeroDotClearlyMoving 3.9s ease-in-out infinite, miclosHeroDotClearlyGlow 2.4s ease-in-out infinite !important;
}

@keyframes miclosHeroBrokenRingsMove {
  0%, 100% { left: 72%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  25% { left: 73.3%; top: 48.7%; transform: translate(-50%, -50%) scale(1.012) rotate(-.9deg); }
  50% { left: 74.1%; top: 51.1%; transform: translate(-50%, -50%) scale(1.022) rotate(.7deg); }
  75% { left: 70.9%; top: 52.1%; transform: translate(-50%, -50%) scale(1.01) rotate(-.5deg); }
}

@keyframes miclosHeroBrokenRingsFlicker {
  0%, 100% { opacity: .72; filter: drop-shadow(0 0 16px rgba(175,16,26,.28)) drop-shadow(0 0 36px rgba(175,16,26,.18)); }
  42% { opacity: .96; filter: drop-shadow(0 0 24px rgba(175,16,26,.48)) drop-shadow(0 0 58px rgba(175,16,26,.32)); }
  58% { opacity: .82; filter: drop-shadow(0 0 18px rgba(175,16,26,.32)) drop-shadow(0 0 44px rgba(175,16,26,.22)); }
}

@media (max-width: 900px) {
  #root #inicio::before {
    animation: miclosHeroBrokenRingsMobileMove 5.8s ease-in-out infinite, miclosHeroBrokenRingsFlicker 3.4s ease-in-out infinite !important;
  }

  @keyframes miclosHeroBrokenRingsMobileMove {
    0%, 100% { left: 75%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    40% { left: 76%; top: 48.9%; transform: translate(-50%, -50%) scale(1.012) rotate(-.55deg); }
    75% { left: 74%; top: 51.4%; transform: translate(-50%, -50%) scale(1.008) rotate(.45deg); }
  }
}

/* Devolve a luz vermelha suave atras dos circulos */
#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.86) 33%, rgba(0,0,0,.32) 66%, rgba(0,0,0,.12) 100%),
    radial-gradient(ellipse at 74% 47%, rgba(190,12,24,.32) 0%, rgba(190,12,24,.22) 18%, rgba(190,12,24,.10) 34%, rgba(190,12,24,.035) 52%, transparent 72%),
    linear-gradient(115deg, transparent 0%, transparent 55%, rgba(175,16,26,.10) 64%, rgba(175,16,26,.23) 72%, rgba(175,16,26,.11) 80%, transparent 92%),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 64px 64px, 64px 64px !important;
  background-position: center, center, center, center, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat !important;
}

#root #inicio::before {
  filter: drop-shadow(0 0 26px rgba(175,16,26,.46)) drop-shadow(0 0 72px rgba(175,16,26,.26)) !important;
}

#root #inicio::after {
  filter: drop-shadow(0 0 34px rgba(175,16,26,.50)) drop-shadow(0 0 70px rgba(175,16,26,.22)) !important;
}

@keyframes miclosHeroBrokenRingsFlicker {
  0%, 100% { opacity: .76; filter: drop-shadow(0 0 22px rgba(175,16,26,.38)) drop-shadow(0 0 52px rgba(175,16,26,.24)); }
  42% { opacity: 1; filter: drop-shadow(0 0 32px rgba(175,16,26,.62)) drop-shadow(0 0 88px rgba(175,16,26,.38)); }
  58% { opacity: .86; filter: drop-shadow(0 0 24px rgba(175,16,26,.44)) drop-shadow(0 0 64px rgba(175,16,26,.28)); }
}

/* Ajuste final: anéis realmente quebrados, sem círculo contínuo */
#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.86) 33%, rgba(0,0,0,.32) 66%, rgba(0,0,0,.12) 100%),
    radial-gradient(ellipse at 73% 48%, rgba(190,12,24,.34) 0%, rgba(190,12,24,.22) 18%, rgba(190,12,24,.095) 35%, rgba(190,12,24,.03) 54%, transparent 72%),
    linear-gradient(115deg, transparent 0%, transparent 58%, rgba(175,16,26,.09) 66%, rgba(175,16,26,.24) 74%, rgba(175,16,26,.08) 83%, transparent 94%),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 64px 64px, 64px 64px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat !important;
}

#root #inicio::before {
  background:
    conic-gradient(from 198deg,
      transparent 0deg 18deg,
      rgba(175,16,26,.16) 24deg,
      rgba(175,16,26,.72) 38deg,
      rgba(175,16,26,1) 46deg,
      rgba(175,16,26,.42) 56deg,
      transparent 70deg 116deg,
      rgba(175,16,26,.10) 126deg,
      rgba(175,16,26,.42) 142deg,
      rgba(175,16,26,.22) 154deg,
      transparent 168deg 360deg),
    conic-gradient(from 18deg,
      transparent 0deg 38deg,
      rgba(175,16,26,.12) 47deg,
      rgba(175,16,26,.82) 62deg,
      rgba(175,16,26,1) 70deg,
      rgba(175,16,26,.32) 82deg,
      transparent 98deg 176deg,
      rgba(175,16,26,.12) 190deg,
      rgba(175,16,26,.38) 206deg,
      transparent 222deg 360deg) !important;
  -webkit-mask-image: radial-gradient(circle,
    transparent 0 35.0%,
    #000 35.35% 36.1%,
    transparent 36.45% 52.9%,
    #000 53.25% 54.05%,
    transparent 54.4%) !important;
  mask-image: radial-gradient(circle,
    transparent 0 35.0%,
    #000 35.35% 36.1%,
    transparent 36.45% 52.9%,
    #000 53.25% 54.05%,
    transparent 54.4%) !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 24px rgba(175,16,26,.52)) drop-shadow(0 0 70px rgba(175,16,26,.28)) !important;
  animation: miclosHeroBrokenRingsRealMove 5.2s ease-in-out infinite, miclosHeroBrokenRingsRealGlow 3.1s ease-in-out infinite !important;
}

@keyframes miclosHeroBrokenRingsRealMove {
  0%, 100% { left: 72%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  28% { left: 73.6%; top: 48.6%; transform: translate(-50%, -50%) scale(1.014) rotate(-1.4deg); }
  56% { left: 74.5%; top: 51.2%; transform: translate(-50%, -50%) scale(1.026) rotate(.9deg); }
  78% { left: 70.8%; top: 52.2%; transform: translate(-50%, -50%) scale(1.01) rotate(-.7deg); }
}

@keyframes miclosHeroBrokenRingsRealGlow {
  0%, 100% { opacity: .72; filter: drop-shadow(0 0 20px rgba(175,16,26,.38)) drop-shadow(0 0 56px rgba(175,16,26,.22)); }
  48% { opacity: 1; filter: drop-shadow(0 0 34px rgba(175,16,26,.70)) drop-shadow(0 0 92px rgba(175,16,26,.38)); }
}

@media (max-width: 900px) {
  #root #inicio::before {
    animation: miclosHeroBrokenRingsRealMobileMove 5.2s ease-in-out infinite, miclosHeroBrokenRingsRealGlow 3.1s ease-in-out infinite !important;
  }

  @keyframes miclosHeroBrokenRingsRealMobileMove {
    0%, 100% { left: 75%; top: 50%; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    42% { left: 76.2%; top: 48.7%; transform: translate(-50%, -50%) scale(1.012) rotate(-.8deg); }
    76% { left: 73.8%; top: 51.6%; transform: translate(-50%, -50%) scale(1.008) rotate(.6deg); }
  }
}

#root #quem-somos .bg-primary p {
  text-transform: none !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  line-height: 1.48 !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}


/* Alinhamento do menu do header a direita */
#root .miclos-header nav > div:nth-child(2) {
  justify-content: flex-end !important;
  gap: clamp(22px, 2.2vw, 34px) !important;
}

#root .miclos-header nav {
  grid-template-columns: auto 1fr auto !important;
}

/* Remove cabecalho e titulo do tema quando a LP Miclos esta ativa */
body:has(#root) .wp-site-blocks > header,
body:has(#root) header.wp-block-template-part,
body:has(#root) .site-header,
body:has(#root) #masthead,
body:has(#root) .wp-block-post-title,
body:has(#root) .entry-title,
body:has(#root) .page-title,
body:has(#root) .wp-block-query-title {
  display: none !important;
}

body:has(#root) .wp-site-blocks > main,
body:has(#root) main.wp-block-group,
body:has(#root) .wp-block-post-content,
body:has(#root) .entry-content,
body:has(#root) .site-main,
body:has(#root) .content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:has(#root) .wp-block-post-content > *,
body:has(#root) .entry-content > * {
  max-width: none !important;
}

/* Ajuste de enquadramento da foto institucional */
#root [aria-label="Especialista Miclos em consultoria de consórcios"] {
  background-position: center 42% !important;
  background-size: cover !important;
}

@media (max-width: 767px) {
  #root [aria-label="Especialista Miclos em consultoria de consórcios"] {
    min-height: 520px !important;
    background-position: center 40% !important;
  }
}

/* Hero Daniel: usa a foto como banner e remove o visual antigo de logo/circulos */
#root #inicio {
  background-color: #050505 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.82) 34%, rgba(0,0,0,.28) 62%, rgba(0,0,0,.08) 100%),
    url("../assets/hero-daniel-bg-v2.png") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}

#root #inicio::before,
#root #inicio::after,
#root #inicio .page-shell::after,
#root #inicio .miclos-hero-visual,
#root #inicio img[src*="hero"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  content: none !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  #root #inicio {
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.86) 48%, rgba(0,0,0,.48) 100%),
      url("../assets/hero-daniel-bg-v2.png") !important;
    background-position: center, 64% center !important;
  }
}

/* Header centralizado como bloco, sem ocupar a largura total */
#root .miclos-header {
  left: 50% !important;
  right: auto !important;
  width: min(calc(100% - 48px), 1420px) !important;
  max-width: 1420px !important;
  transform: translateX(-50%) !important;
  top: 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  background: rgba(5,5,5,.96) !important;
  overflow: hidden !important;
}

#root .miclos-header nav {
  min-height: 72px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#root #inicio {
  padding-top: 7.75rem !important;
}

@media (max-width: 1024px) {
  #root .miclos-header {
    width: min(calc(100% - 24px), 1420px) !important;
    top: 10px !important;
  }

  #root .miclos-header nav {
    min-height: 66px !important;
  }

  #root #inicio {
    padding-top: 7rem !important;
  }
}

@media (max-width: 640px) {
  #root .miclos-header {
    width: calc(100% - 16px) !important;
    top: 8px !important;
  }
}

/* Ajuste final: header arredondado e Daniel com imagem mais natural */
#root .miclos-header {
  border-radius: 14px !important;
}

#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 62%, rgba(0,0,0,.14) 100%),
    url("../assets/hero-daniel-bg-v4.png") !important;
}

@media (max-width: 768px) {
  #root #inicio {
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.88) 48%, rgba(0,0,0,.56) 100%),
      url("../assets/hero-daniel-bg-v4.png") !important;
  }
}

/* Ajuste final v1.0.60: header arredondado e Daniel com imagem cache-break */
#root .miclos-header {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.24) !important;
}

#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.9) 34%, rgba(0,0,0,.48) 62%, rgba(0,0,0,.22) 100%),
    url("../assets/hero-daniel-bg-v5-cachebreak.png") !important;
}

@media (max-width: 768px) {
  #root #inicio {
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.88) 48%, rgba(0,0,0,.62) 100%),
      url("../assets/hero-daniel-bg-v5-cachebreak.png") !important;
  }
}

/* Ajuste final v1.0.62: Daniel natural e regra final contra banner antigo */
#root .miclos-header {
  border-radius: 18px !important;
  overflow: hidden !important;
}

#root #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.92) 34%, rgba(0,0,0,.52) 62%, rgba(0,0,0,.28) 100%),
    url("../assets/hero-daniel-bg-v6-natural-cache.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#root #inicio::before,
#root #inicio::after,
#root #inicio .page-shell::after,
#root #inicio .miclos-hero-visual,
#root #inicio img[src*="hero"],
#root #inicio img[src*="miclos-symbol"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 768px) {
  #root #inicio {
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.9) 48%, rgba(0,0,0,.66) 100%),
      url("../assets/hero-daniel-bg-v6-natural-cache.png") !important;
    background-position: 62% center !important;
  }
}

/* Ajuste v1.0.65: hero Daniel com arquivo novo para evitar cache antigo */
#root #inicio,
body .miclos-home #inicio,
body #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.97) 0%, rgba(0,0,0,.90) 35%, rgba(0,0,0,.55) 62%, rgba(0,0,0,.18) 100%),
    url("../assets/hero-daniel-bg-v7-balanced-1065.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 768px) {
  #root #inicio,
  body .miclos-home #inicio,
  body #inicio {
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.97) 0%, rgba(0,0,0,.92) 42%, rgba(0,0,0,.70) 100%),
      url("../assets/hero-daniel-bg-v7-balanced-1065.png") !important;
    background-position: 70% center !important;
  }
}

/* Ajuste v1.0.66: banner Daniel mais visivel e novo cache publico */
#root #inicio,
body .miclos-home #inicio,
body #inicio {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.97) 0%, rgba(0,0,0,.90) 34%, rgba(0,0,0,.50) 60%, rgba(0,0,0,.12) 100%),
    url("../assets/hero-daniel-bg-v8-daniel-visible-1066.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 768px) {
  #root #inicio,
  body .miclos-home #inicio,
  body #inicio {
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.92) 48%, rgba(0,0,0,.74) 100%),
      url("../assets/hero-daniel-bg-v8-daniel-visible-1066.png") !important;
    background-position: 72% center !important;
  }
}

/* Ajuste v1.0.67: banner Daniel mais equilibrado e textos responsivos */
#root #inicio,
body .miclos-home #inicio,
body #inicio {
  min-height: min(820px, 92vh) !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.92) 36%, rgba(0,0,0,.62) 58%, rgba(0,0,0,.30) 78%, rgba(0,0,0,.18) 100%),
    url("../assets/hero-daniel-bg-v8-daniel-visible-1067.png") !important;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
}

#root #inicio h1,
body .miclos-home #inicio h1,
body #inicio h1 {
  font-size: clamp(3rem, 4.2vw, 4.75rem) !important;
  line-height: 1.12 !important;
  max-width: 720px !important;
}

#root #inicio p,
body .miclos-home #inicio p,
body #inicio p {
  font-size: clamp(1.02rem, 1.25vw, 1.22rem) !important;
  line-height: 1.55 !important;
  max-width: 650px !important;
}

@media (max-width: 768px) {
  #root #inicio,
  body .miclos-home #inicio,
  body #inicio {
    min-height: auto !important;
    padding-top: 104px !important;
    padding-bottom: 76px !important;
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.92) 45%, rgba(0,0,0,.76) 100%),
      url("../assets/hero-daniel-bg-v8-daniel-visible-1067.png") !important;
    background-size: cover !important;
    background-position: 72% center !important;
  }

  #root #inicio h1,
  body .miclos-home #inicio h1,
  body #inicio h1 {
    font-size: clamp(2.15rem, 9.6vw, 3.05rem) !important;
    line-height: 1.14 !important;
    max-width: 100% !important;
  }

  #root #inicio p,
  body .miclos-home #inicio p,
  body #inicio p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }
}

/* Ajuste v1.0.68: hero Daniel sem circulo artificial e sem faixa clara superior */
html, body,
body.home,
body.page,
#page,
#content,
.site,
.site-content,
.entry-content,
.wp-site-blocks,
#root {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #020202 !important;
}
html body #root #inicio {
  background-color: #020202 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.99) 0%, rgba(0,0,0,.97) 34%, rgba(0,0,0,.88) 52%, rgba(0,0,0,.70) 72%, rgba(0,0,0,.56) 100%),
    linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,.10) 100%),
    url('../assets/hero-daniel-bg-v8-daniel-visible-1067.png?miclos=1068') !important;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}
html body #root #inicio::before,
html body #root #inicio::after,
html body #root #inicio .page-shell::before,
html body #root #inicio .page-shell::after,
html body #root #inicio .miclos-hero-visual,
html body #root #inicio .hero-orbit,
html body #root #inicio .hero-glow,
html body #root #inicio img[src*="hero"],
html body #root #inicio img[src*="miclos-symbol"] {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}
@media (max-width: 768px) {
  html body #root #inicio {
    min-height: 100svh !important;
    padding-top: 92px !important;
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.88) 52%, rgba(0,0,0,.98) 100%),
      url('../assets/hero-daniel-bg-v8-daniel-visible-1067.png?miclos=1068') !important;
    background-size: cover !important;
    background-position: 70% center !important;
  }
}

/* Ajuste desktop: Daniel mais a direita, sem circulo forte; mobile preservado */
@media (min-width: 769px) {
  html body #root #inicio,
  #root #inicio,
  body .miclos-home #inicio,
  body #inicio {
    background-color: #020202 !important;
    background-image:
      linear-gradient(90deg, rgba(0,0,0,.99) 0%, rgba(0,0,0,.90) 25%, rgba(0,0,0,.22) 35%, rgba(0,0,0,.03) 43%, rgba(0,0,0,0) 50%),
      url("../assets/hero-daniel-bg-v26-daniel-claro-sem-elemento.png?miclos=1091") !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
  }

  html body #root #inicio::before,
  html body #root #inicio::after,
  html body #root #inicio .page-shell::before,
  html body #root #inicio .page-shell::after,
  html body #root #inicio .miclos-hero-visual,
  html body #root #inicio .hero-orbit,
  html body #root #inicio .hero-glow,
  html body #root #inicio img[src*="hero"],
  html body #root #inicio img[src*="miclos-symbol"] {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
  }
}