/* LimiteCero Redesign v10f — Anagrama fixed + fade + firmamento */

/* RESET */
body.mesmerize-front-page .mesmerize-page-content > .main-content,
body.mesmerize-front-page .blog-card { background: transparent !important; }
body.mesmerize-front-page #page,
body.mesmerize-front-page #page .page-content { background: transparent !important; }
body.mesmerize-front-page .mesmerize-custom-header .header-homepage::after,
body.mesmerize-front-page .mesmerize-custom-header .header-homepage::before,
body.mesmerize-front-page .mesmerize-custom-header .header::after,
body.mesmerize-front-page .mesmerize-custom-header .header::before { display: none !important; }
body.mesmerize-front-page .backstretch { display: none !important; }
.lc-hero-img { display: none !important; }

/* NAV */
body.mesmerize-front-page .header-top#page-top {
  background: transparent !important;
}
body.mesmerize-front-page .navigation-bar.homepage {
  background: transparent !important;
  border-bottom: none !important;
  z-index: 10 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transition: transform 0.35s ease, opacity 0.3s ease;
}
body.mesmerize-front-page .navigation-bar.homepage.fixto-fixed {
  position: fixed !important;
  background: rgba(2, 3, 12, 0.55) !important;
  border-bottom: 1px solid rgba(34, 211, 238, 0.08) !important;
  backdrop-filter: blur(6px);
}
body.mesmerize-front-page .navigation-bar.homepage.lc-nav-hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

/* Nav text white */
body.mesmerize-front-page .navigation-bar.homepage .main_menu_col a,
body.mesmerize-front-page .navigation-bar.homepage .nav-menu > li > a,
body.mesmerize-front-page .navigation-bar.homepage .page_item a,
body.mesmerize-front-page .navigation-bar.homepage a {
  color: rgba(238, 242, 255, 0.85) !important;
}
body.mesmerize-front-page .navigation-bar.homepage .main_menu_col a:hover,
body.mesmerize-front-page .navigation-bar.homepage .nav-menu > li > a:hover,
body.mesmerize-front-page .navigation-bar.homepage .page_item a:hover {
  color: #22d3ee !important;
}

/* Hide original text-logo */
body.mesmerize-front-page .header-top .logo_col a.text-logo,
body.mesmerize-front-page .navigation-bar.homepage .logo_col a.text-logo {
  display: none !important;
}

/* Hamburger white */
body.mesmerize-front-page .navigation-bar.homepage .hamburger-inner,
body.mesmerize-front-page .navigation-bar.homepage .hamburger-inner::before,
body.mesmerize-front-page .navigation-bar.homepage .hamburger-inner::after,
body.mesmerize-front-page .navigation-bar.homepage [data-component="offcanvas"] span,
body.mesmerize-front-page .navigation-bar.homepage .menu-trigger span {
  background-color: rgba(238, 242, 255, 0.9) !important;
}

/* HERO */
body.mesmerize-front-page .header-homepage {
  background: #02030c !important;
  position: relative;
  overflow: hidden;
}
body.mesmerize-front-page .mesmerize-custom-header .header-homepage {
  background:
    radial-gradient(ellipse 80% 70% at 35% 30%, rgba(50, 20, 120, 0.18) 0%, transparent 70%),
    linear-gradient(170deg, #02030c 0%, #060c18 50%, #0a0520 100%) !important;
}
body.mesmerize-front-page .mesmerize-custom-header .header {
  background: transparent !important;
}
body.mesmerize-front-page .mesmerize-custom-header .header::after,
body.mesmerize-front-page .mesmerize-custom-header .header::before { display: none !important; }

body.mesmerize-front-page .header-homepage .hero-bg-a {
  position: absolute;
  inset: 0;
  background: url("https://www.limite-cero.com/wp-content/uploads/2026/08/hero-bg-a.jpg") center/cover no-repeat;
  opacity: 0;
  z-index: 0;
}
body.mesmerize-front-page .header-homepage .hero-bg-a.hero-img-loaded {
  animation: lcHeroFade 4s ease forwards;
}
body.mesmerize-front-page .header-homepage .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(2, 3, 12, 0.78) 0%,
    rgba(2, 3, 12, 0.35) 45%,
    rgba(2, 3, 12, 0.70) 100%
  );
  z-index: 1;
}
@keyframes lcHeroFade {
  from { opacity: 0; }
  to   { opacity: 0.50; }
}

/* ANAGRAMA — FIXED position, bypasses all theme flex layout */
#lc-anagram-fixed {
  position: fixed;
  top: 18px;
  left: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  filter: blur(4px);
  transition: opacity 4s ease, filter 2.8s ease;
  line-height: 1;
}

.lc-anagram-limite {
  font-family: "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 7px;
  color: rgba(238, 242, 255, 0.55);
  margin-bottom: 1px;
  padding-left: 7px;
}
.lc-anagram-cero {
  font-family: "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 4px;
  color: #eef2ff;
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding-left: 4px;
}
.lc-cer { display: inline-block; }
.lc-o-svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}
.lc-o-ring {
  transform-box: fill-box;
  transform-origin: center;
  animation: lcOBreath 4.5s ease-in-out infinite;
}
.lc-o-dot {
  animation: lcODotPulse 4.5s ease-in-out infinite;
}

@keyframes lcOBreath {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 2px rgba(34, 211, 238, 0.2));
  }
  50% {
    transform: scale(1.1);
    filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.45));
  }
}
@keyframes lcODotPulse {
  0%, 100% { opacity: 0.4; r: 2.5; }
  50%      { opacity: 0.8; r: 3.2; }
}

/* Firmamento canvas */
.lc-stars {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.lc-stars canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.lc-stars-fixed {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.lc-stars-fixed canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

/* Secciones translucidas */
body.mesmerize-front-page #page .main-content {
  position: relative;
  z-index: 1;
}
body.mesmerize-front-page #page .main-content > section,
body.mesmerize-front-page #page .main-content > div,
body.mesmerize-front-page .vc_section,
body.mesmerize-front-page .vc_row,
body.mesmerize-front-page .vc_column-inner {
  background: transparent !important;
}
body.mesmerize-front-page #page .main-content > section {
  background: rgba(2, 3, 12, 0.42) !important;
  border-radius: 12px;
  padding: 42px 18px;
}
body.mesmerize-front-page #page .main-content > section:first-child {
  border-radius: 0 0 12px 12px;
}
body.mesmerize-front-page .vc_row { margin-bottom: 0 !important; }

body.mesmerize-front-page footer,
body.mesmerize-front-page #footer,
body.mesmerize-front-page .site-footer,
body.mesmerize-front-page #page footer {
  background: rgba(2, 3, 12, 0.42) !important;
}
body.mesmerize-front-page .blog-card,
body.mesmerize-front-page .post-card,
body.mesmerize-front-page .post-list-item,
body.mesmerize-front-page .elementor-post {
  background: rgba(2, 3, 12, 0.42) !important;
}
body.mesmerize-front-page .features-section .vc_col-sm-4,
body.mesmerize-front-page .features-section .vc_column-inner,
body.mesmerize-front-page .feature-card,
body.mesmerize-front-page .content-box {
  background: rgba(2, 3, 12, 0.42) !important;
}
body.mesmerize-front-page .latest-news,
body.mesmerize-front-page .posts-section,
body.mesmerize-front-page .blog-posts {
  background: transparent !important;
}
body.mesmerize-front-page .latest-news .vc_row,
body.mesmerize-front-page .posts-section .vc_row {
  background: rgba(2, 3, 12, 0.42) !important;
  border-radius: 12px;
  padding: 42px 18px;
}

/* ESLOGAN fade-in */
.mesmerize-custom-header .hero-section .section-title {
  color: #eef2ff !important;
  text-shadow: 0 2px 32px rgba(34, 211, 238, 0.15);
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
body:not(.logged-in) .mesmerize-custom-header .hero-section .hero-content {
  animation: sloganFadeIn 2.8s ease forwards;
}
@keyframes sloganFadeIn {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* BLOG/POST pages */
body.blog .main-content, body.archive .main-content,
body.single .main-content, body.single-post .main-content,
body.page .main-content {
  background: #02030c !important;
}
body.blog .main-content > section, body.archive .main-content > section,
body.single .main-content > section, body.single-post .main-content > section,
body.page .main-content > section {
  background: transparent !important;
  padding: 42px 18px;
}
body.blog, body.archive, body.single, body.single-post, body.page {
  background: #02030c !important;
}
body.single .post-content, body.single-post .post-content,
body.page .post-content {
  background: rgba(2, 3, 12, 0.42) !important;
}
body.blog .blog-card, body.archive .blog-card {
  background: rgba(2, 3, 12, 0.42) !important;
}

/* MISC */
h1, h2, h3, h4, h5, h6 { color: #eef2ff !important; }
a { color: #22d3ee !important; }
a:hover { color: #e879f9 !important; }

@media (max-width: 768px) {
  body.mesmerize-front-page .navigation-bar.homepage { z-index: 10 !important; }
  body.mesmerize-front-page #page .main-content > section {
    padding: 32px 12px;
    border-radius: 0;
  }
  .lc-anagram-limite { font-size: 11px; letter-spacing: 5px; padding-left: 5px; }
  .lc-anagram-cero { font-size: 22px; letter-spacing: 3px; padding-left: 3px; }
  .lc-o-svg { width: 22px; height: 22px; }
  #lc-anagram-fixed { top: 12px; left: 12px; }

  body.mesmerize-front-page .navigation-bar.homepage .menu-trigger,
  body.mesmerize-front-page .navigation-bar.homepage [data-component="offcanvas"] {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 9998 !important;
    background: rgba(2, 3, 12, 0.7) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    backdrop-filter: blur(6px);
    border: 1px solid rgba(34, 211, 238, 0.15) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
    margin: 0 !important;
    padding: 0 !important;
  }
  body.mesmerize-front-page .navigation-bar.homepage.lc-nav-hidden .menu-trigger,
  body.mesmerize-front-page .navigation-bar.homepage.lc-nav-hidden [data-component="offcanvas"] {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}