:root {
  --color1: #000;
  --color2: #051930;
  --color3: #ffe19d;
  --color4: #f3c845;
  --color5: #0547e9;
  --color6: #a87fff;
  --color7: #fff;
}

html,
body {
  scroll-behavior: smooth;
  background-color: var(--color2);
}

/* Example of custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #051930;
}

::-webkit-scrollbar-thumb {
  background-color: #ffe19d;
  border-radius: 10px;
  border: 2px solid #000914;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

#smooth-content {
  overflow: hidden !important;
}

body {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 500;
  font-size: 20px;
  background-color: var(--color2);
}

a {
  color: var(--color7);
  text-decoration: none;
  transition: 0.3s ease;
}

a:hover {
  text-decoration: underline;
  color: var(--color3);
}

.themeBtn {
  display: inline-block;
  transition: 0.3s ease !important;
  position: relative !important;
  color: var(--color2) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  padding: 1px !important;
  z-index: 1 !important;
  text-decoration: none !important;
  border-radius: 77px !important;
  background: linear-gradient(180deg, #ffe19d 0%, #967a57 100%) !important;
  min-width: 150px;
  text-align: center !important;
  transition: 0.4s all;
}

.themeBtn span,
.themeBtn #gform_submit_button_3 {
  display: block;
  border-radius: 83px;
  background: linear-gradient(90deg, #ffe19d 0%, #f3c845 100%);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1),
    0px 7px 12px -14px rgba(0, 0, 0, 0.1);
  padding: 8px 12px;
  transition: 0.3s ease;
}

.themeBtn:hover {
  text-decoration: none;
  color: var(--color7);
}

.themeBtn:hover span {
  background: linear-gradient(90deg, #f3c845 0%, #ffe19d 100%);
  transition: 0.3s ease;
}

p {
  line-height: 1.55;
  color: var(--color7);
}

p:last-child {
  margin-bottom: 0;
}

ul {
  padding-left: 20px;
}

h1,
.h1 {
  letter-spacing: -1.04px;
  font-size: 70px;
  font-weight: 500;
  line-height: 1.11;
  color: var(--color7);
}

h2,
.h2 {
  letter-spacing: -1.04px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--color7);
}

h3,
.h3 {
  font-size: 20px;
  color: #252334;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color7);
}

h4,
.h4 {
  letter-spacing: -0.6px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.125;
  color: var(--color7);
}

.pageHeader .navbar {
  padding: 16px 0;
  background-color: var(--color2);
}

/* Tamaños consistentes para logos en header/footer (incluye SVG inline) */
.pageHeader .navbar .navbar-brand svg,
.pageHeader .navbar .navbar-brand img {
  max-height: 34px;
  height: auto;
  width: auto;
}

.pageFooter .footerLogo svg,
.pageFooter .footerLogo img {
  height: auto;
  width: auto;
  max-width: 100%;
}

.pageHeader .navbar-nav {
  gap: 19px;
  padding: 0;
}

.pageHeader .navbar-nav .nav-link {
  border: 1px solid transparent;
  padding: 7px 26px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  position: relative;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 42px;
  text-align: center;
}

.pageHeader .navbar-nav .nav-link:hover {
  color: #f0d16f;
  text-decoration: none;
  border: 1px solid #ffe19d;
  background: rgba(244, 244, 244, 0);
}

.pageHeader .navbar-nav .headerBtn .nav-link:after {
  width: 100%;
  height: 100%;
  z-index: -1;
  background: transparent;
  border: 1.5px solid #c79e4a;
}

.pageHeader .navbar-nav .headerBtn .nav-link {
  padding: 10px 20px;
}

.pageHeader .navbar-nav .headerBtn:hover .nav-link {
  color: var(--white);
}

.pageHeader .navbar-nav .headerBtn:hover .nav-link:after {
  background: #c79e4a;
}

.pageHeader .current-menu-item .nav-link {
  color: #f0d16f;
  text-decoration: none;
  border: 1px solid #ffe19d;
  background: rgba(244, 244, 244, 0);
}

/* Estilos para el dropdown del menú */
.pageHeader .navbar-nav .nav-item.dropdown {
  position: relative;
}

.pageHeader .navbar-nav .nav-item.dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(
    352.75deg,
    rgba(5, 25, 48, 0.87) 84.83%,
    rgba(255, 225, 157, 0.2) 103.43%
  );
  border: #ffffff14;
  border-radius: 8px;
  min-width: 100%;
  padding: 0px;
}

.pageHeader .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

/* Dropdown show state for mobile */
.pageHeader .navbar-nav .nav-item.dropdown.show .dropdown-menu {
  display: block;
}

.pageHeader .navbar-nav .nav-item.dropdown .dropdown-menu li {
  list-style: none;
  margin: 0;
}

.pageHeader .navbar-nav .nav-item.dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #ffffff4d;
}

.pageHeader .navbar-nav .nav-item.dropdown .dropdown-menu li a {
  display: block;
  padding: 15px 13px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  font-size: 12px;
  text-align: left;
  transition: all 0.3s ease;
}

.pageHeader .navbar-nav .nav-item.dropdown .dropdown-menu li a:hover {
  color: #ffe19d;
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
}

.pageContent {
  position: relative;
}

.hero {
  position: relative;
  min-height: 911px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 1200px) {
  .hero {
    min-height: 750px;
  }
}

.hero video {
  opacity: 0.7;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100vw;
  height: 99%;
  width: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.hero .overlayvideo {
  z-index: -1;
  opacity: 0.5;
}

.hero .overlay1 {
  position: absolute;
  top: 93px;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-image: url(../../../../uploads/2025/09/overlay2.svg);
  background-repeat: no-repeat;
  opacity: 1;
}

.hero .overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    #051930 10%,
    rgba(26, 26, 26, 0.4) 49.79%,
    #051930 89.59%
  );
}

.hero .overlay3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(
    270deg,
    #051930 10%,
    rgba(26, 26, 26, 0.4) 49.79%,
    #051930 89.59%
  );
}

.hero .overlay4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-position: top center;
  background-image: url(../../../../uploads/2025/07/overly4.svg);
  background-size: cover;
}

.hero .overlay5 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background: linear-gradient(360deg, #051930 0%, rgba(33, 34, 34, 0) 91.45%);
}

/* Initial states to prevent flash */
body.preload .pageHeader .navbar {
  opacity: 0;
  transform: translateY(0);
}

.split-by-words {
  opacity: 0;
}

/* Evitar cortes en última línea cuando SplitText envuelve caracteres */
/* Estilos robustos para caracteres split (aplica a hero y headings) */
.char,
.split-by-words .char {
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  /* Evitar clipping de la última línea en WebKit */
  text-shadow: 0 0 0.01px rgba(0, 0, 0, 0);
  -webkit-text-stroke: 0.2px transparent;
  transform: translateZ(0);
  will-change: transform;
  padding-bottom: 0.25em;
  margin-bottom: -0.25em;
}

.reveal-lines-on-scroll .line {
  display: block;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}

.word {
  display: inline-block;
  will-change: transform;
}

[data-gradient-mode="element"] {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.heroContent {
  position: relative;
  margin-top: -32px;
}

.hero-subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -1.04px;
  max-width: 250px;
  /*margin-bottom: 39px !important;*/
}

.hero-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1.04px;
}

.hero-copy {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1.04px;
}

.hero-copy p {
  line-height: 1.25;
}

.hero-block-image {
  max-width: 425px;
  height: 425px;
  opacity: 0;
  will-change: opacity, transform;
}

@media (max-width: 1280px) {
  .hero-block-image {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 250px;
    height: auto;
    /*margin-bottom: 32px;*/
  }

  .hero-subtitle {
    /*margin-bottom: 24px !important;*/
    font-size: 16px;
  }

  .hero-copy {
    font-size: 32px;
    margin-bottom: 32px;
  }

  .hero-title {
    font-size: 36px;
    margin-top: 32px !important;
  }

  .btnWrap {
    margin-bottom: 24px;
  }
}

@media (max-width: 1000px) {
  .firstCol {
    width: 100%!important;
  }
  .secondCol {
    width: 100%!important;
    margin-left: 0!important;
  }
}

@media (max-width: 767px) {
  .hero-block-image {
    max-width: 200px;
    margin-bottom: 28px;
  }

  .hero-subtitle {
    margin-bottom: 20px !important;
    font-size: 20px;
    max-width: 100%;
  }

  .hero-copy {
    font-size: 28px;
    margin-bottom: 28px;
  }

  .hero-title {
    font-size: 32px;
    margin-top: 24px !important;
  }

  .btnWrap {
    margin-bottom: 20px;
  }
}

.sectionWrap {
  margin-top: -52px;
  position: relative;
  min-height: 1000px;
  z-index: 9;
}

.sectionWrap .decorLeft {
  position: absolute;
  top: -20vh;
  height: 100%;
  width: 1px;
  left: 0;
  border-width: 0;
  border-left-width: 1px;
  border-color: rgba(255, 255, 255, 0.12);
  border-style: dashed;
  display: none;
}

.sectionWrap .decorLeft:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #ffe19d;
  border-radius: 7px;
  position: absolute;
  top: 0;
  left: -4px;
}

.sectionWrap .decorRight {
  position: absolute;
  top: -20vh;
  height: 100%;
  width: 1px;
  right: 0;
  border-width: 0;
  border-left-width: 1px;
  border-color: rgba(255, 255, 255, 0.12);
  border-style: dashed;
  display: none;
}

.sectionWrap .decorRight:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #ffe19d;
  border-radius: 7px;
  position: absolute;
  top: 0;
  left: -4px;
}

.introContentWrap {
  margin-bottom: 30px;
  padding: 0 23px 0 93px;
  border-radius: 36.125px;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  --border-size: 1px;
  --duration: 8s;
  animation: border-rotate var(--duration) linear infinite;
  background-image: url(../../../../uploads/2025/09/introBg.html);
  background-size: cover;
  background-position: center;
  background-color: #051930;
}

.introContentWrap.is-pinned {
  z-index: 3;
}

.maskWrap {
  position: relative;
}

/* base pseudo-elements */
.introContentWrap::before,
.introContentWrap::after,
.networkWrap::before,
.networkWrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

/* border line (nítida) */
.introContentWrap::after,
.networkWrap::after {
  padding: var(--border-size);
  background: conic-gradient(
    from var(--angle, 0deg),
    transparent 85%,
    #b6d1ff,
    transparent
  );
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  animation: border-rotate var(--duration) linear infinite;
}

@keyframes border-rotate {
  to {
    --angle: 360deg;
  }
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: true;
}

.introCopy {
  max-width: 524px;
}

.introCopy p {
  letter-spacing: -1px;
}

.introCopy p span {
  color: #ffe19d;
}

.networkWrap {
  z-index: 10;
  overflow: hidden;
  position: relative;
  padding: 77px 65px;
  border-radius: 36.125px;
  border: 1px solid transparent;
  background: linear-gradient(0deg, rgba(4, 1, 21, 0.1), rgba(4, 1, 21, 0.1)),
    radial-gradient(
      71.86% 50% at 50% 0%,
      rgba(168, 127, 255, 0.04) 0%,
      rgba(168, 127, 255, 0) 100%
    );
  backdrop-filter: blur(16.933391571044922px);
  isolation: isolate;
  --border-size: 1px;
  --duration: 8s;
  animation: border-rotate var(--duration) linear infinite;
}

.networkWrap.is-pinned {
  z-index: 10;
}

.networkWrap:before {
  content: "";
  background-image: url(../../../../uploads/2025/07/ListingsContainerBg.png);
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}

.listingHeader {
  margin-top: 20px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 85px;
}

.ListingsInner {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  padding: 30px 40px 45px;
  border-radius: 16px;
}

.ListingsInner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right top;
}

.ListingsInnerWrap {
  position: relative;
}

.ListingsTop p {
  color: rgba(244, 240, 255, 1);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.ListingsTop .aboutSpeed p {
  font-weight: 400;
  color: rgb(239 237 253 / 70%);
  line-height: 30px;
}

.ListingsWrap .ListingsInner.listingThree .aboutSpeed p {
  color: #efedfd;
  font-weight: 600;
}

.listingsDetails .ListingsTop:not(:last-child) {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.listingsDetails {
  margin-right: -40px;
  margin-bottom: 10px;
}

.listingsDetails .ListingsTop {
  padding-right: 40px;
}

.listingOne {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(90.45deg, #051930 4.55%, #282828 99.01%),
    linear-gradient(
      352.75deg,
      rgba(0, 0, 0, 0) -21.17%,
      rgba(221, 195, 144, 0.1) 67.43%
    );
}

.listingTwo {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, #051930 -17.25%, #8c6d0c 100%);
}

.listingThree {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(172.76deg, #c7990d 5.29%, #ffe19d 94.09%);
}

.listingOne:before {
  background-image: url(../../../../uploads/2025/07/listingContentBgOne.svg);
}

.listingTwo:before {
  background-image: url(../../../../uploads/2025/07/listingContentBgTwo.svg);
  background-position: right 6px;
}

.listingThree:before {
  background-image: url(../../../../uploads/2025/07/listingContentBgThree.svg);
  background-position: right 11px;
}

.aboutNetwork {
  margin: 74px 0 66px;
  position: relative;
  padding: 95px 65px;
  border-radius: 36.125px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(0deg, rgba(4, 1, 21, 0.1), rgba(4, 1, 21, 0.1)),
    radial-gradient(
      72% 50.1% at 48.43% 129.4%,
      #cfb687 0%,
      rgba(207, 182, 135, 0) 100%
    );
  backdrop-filter: blur(16.933391571044922px);
}

.hero-video-section {
  position: relative;
  border-radius: 36.125px;
}

.hero-lazy-video[poster] {
  background-size: cover;
  background-position: center;
}

.sectionHeading {
  margin-top: 20px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 85px;
}

.sectionHeading h2 {
  margin-bottom: 35px;
  color: white;
  /* background: linear-gradient(90deg, #FFF 15.91%, #739CFF 102.32%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}

.aboutNetworkInner {
  position: relative;
}

.networkLists ul {
  padding: 0;
  margin: 0 0 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.networkLists ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 60px;
  will-change: opacity, transform;
}

.networkLists {
  max-width: 770px;
  margin: 0 auto;
}

.networkListsContent {
  max-width: 845px;
  margin: 0 auto 74px;
  opacity: 0.8;
}

.networkListsContent p {
  font-size: 18px;
  letter-spacing: -1px;
}

.pageFooter {
  background: linear-gradient(180deg, #051930 0%, #ffe19d 386.51%);
  padding: 100px 0 50px;
  position: relative;
  z-index: 9;
}

.pageFooter:before {
  background-size: cover;
  content: "";
  position: absolute;
  background-image: url(../../../../uploads/2025/09/images/footerImage.html);
  background-position: center 160px;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.pageFooter.footer-animate:before {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .pageFooter:before {
    transition: none;
  }
}

.footerTop {
  position: relative;
  margin-bottom: 80px;
}

.footerLogo {
  margin-bottom: 35px;
}

.footerIcons ul {
  margin: 0;
  padding: 0;
}

.footerIcons ul li {
  list-style: none;
  display: inline-block;
  margin: 5px;
}

.footerIcons ul li a {
  display: flex;
  width: 46px;
  height: 46px;
  padding: 13px;
  background-color: var(--color7);
  border-radius: 48px;
  font-size: 20px;
  color: rgba(3, 60, 131, 1);
  transition: 0.3s ease;
}

.footerIcons ul li a:hover {
  text-decoration: none;
  background-color: #ffe19d;
}

.footerRight {
  padding-top: 30px;
  max-width: 447px;
  margin-left: auto;
}

.footerMenu ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footerMenu ul li {
  list-style: none;
  font-size: 0;
}

.footerMenu ul li a {
  transition: 0.3s ease;
  font-size: 16px;
  line-height: 15.6px;
  color: rgba(255, 255, 255, 0.6);
}

.footerMenu ul li a:hover,
.footerMenu ul li a:focus,
.footerContact p a:hover {
  color: #fff;
  text-decoration: none;
}

.footerContact {
  max-width: 250px;
}

.footerContact p a {
  color: rgba(255, 255, 255, 0.6);
}

.footerContact p {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 13px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.28;
}

.footerCopyright p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 20px;
}

.footerNewsletter h4 {
  color: var(--color7);
  margin-bottom: 23px;
}

.footerBottom {
  position: relative;
}

.footerBottom .footerRight {
  padding-top: 0;
}

.footerBottom .footerRight .input-group {
  max-width: 420px;
}

.input-group .form-control::placeholder {
  color: rgba(239, 237, 253, 0.8);
}

.input-group .form-control {
  color: #fff;
  font-size: 14px;
  padding: 9px 12px 10px 12px;
  background-color: #ffffff1f;
  border-radius: 10px;
  border: 1px solid #ffffff1f;
}

.input-group .btn {
  border-radius: 4px;
  font-weight: 500;
  background: #fff;
  padding: 10px 26.75px 10px 27px;
  font-size: 12.695px;
  color: #000;
  transition: 0.3s ease;
}

.input-group .btn:hover {
  background-color: var(--color2);
  color: var(--color7);
}

.footerCopyright {
  margin-top: -36px;
}

.footerMenu ul .dropdown-menu {
  display: none;
  background: transparent;
  position: static;
  gap: 10px;
  padding-top: 5px;
  padding-left: 10px;
  border-width: 0;
}

.footerMenu ul li .arrow {
  display: inline-block;
  margin-left: 10px;
  z-index: 9;
  width: 10px;
  height: 10px;
  vertical-align: top;
  position: relative;
  top: 4px;
  cursor: pointer;
}

.footerMenu ul li.dropdown a {
  display: inline-block;
}

.footerMenu ul .dropdown-menu li {
  margin: 10px 0 0;
}

.footerNewsletter .gform_wrapper {
  position: relative;
  width: 100%;
}

.footerNewsletter .gform_wrapper .gform-body {
  flex: 1 1 auto;
}

.footerNewsletter .gform_wrapper form {
  display: flex;
  align-items: stretch;
}

.footerNewsletter .gform_wrapper .gform_footer {
  margin: 0;
}

.footerNewsletter .gform_wrapper .gform-body .ginput_container input {
  color: #fff;
  font-size: 14px;
  padding: 9px 12px 10px 12px;
  background-color: #ffffff1f;
  border-radius: 10px;
  border: 1px solid #ffffff1f;
  height: 42px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.footerNewsletter
  .gform_wrapper
  .gform-body
  .ginput_container
  input::placeholder {
  color: rgba(239, 237, 253, 0.8);
}

.footerNewsletter .gform_wrapper .gform-body .ginput_container input:focus {
  outline: none !important;
  border-color: #fff;
}

.footerNewsletter .gform_wrapper .gform_footer input {
  border-radius: 4px !important;
  font-weight: 500 !important;
  background: #fff !important;
  padding: 10px 26.75px 10px 27px !important;
  font-size: 12.695px !important;
  color: #000 !important;
  transition: 0.3s ease !important;
}

.footerNewsletter .gform_wrapper .gform_footer input:hover {
  background-color: var(--color2) !important;
  color: var(--color7) !important;
}

.bottomVideo {
  position: absolute;
  min-height: 1190px;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  bottom: -46vh;
  width: 100%;
  opacity: 0.3;
  z-index: 0;
}

.bottomVideo video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100vw;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translate(-50%, -50%);
  object-fit: cover;
  filter: grayscale(0.9);
}

.bottomoverlay1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #051930 0%, rgba(0, 0, 0, 0) 35.27%);
  z-index: 9;
}

/* About Page Specific Styles */
.about-hero-image {
  max-width: 535px;
  width: 100%;
}

.about-hero-image img {
  width: 100%;
  height: auto;
  max-height: 295px;
  object-fit: cover;
}

.about-hero-subtitle {
  color: #ffe19d;
  font-weight: 500;
  font-size: 31.5px;
  letter-spacing: -0.94px;
  line-height: 1.4;
  margin: 0;
  max-width: 541px;
}

.about-hero-body-text {
  text-align: left !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.55;
  letter-spacing: -1px;
  opacity: 0.8;
  color: #fff;
  margin-top: 28px;
  max-width: 541px;
}

.about-hero-body-text--strong {
  text-align: left !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.55;
  letter-spacing: -1px;
  opacity: 0.8;
  color: #fff;
  max-width: 541px;
  opacity: 1;
  margin-top: 30px;
}

.about-hero-body-text a,
.about-hero-body-text--strong a {
  color: #ffe19d;
}

@media (max-width: 1280px) {
  .about-hero-body-text {
    text-align: center;
  }
}

@media (max-width: 1280px) {
  .about-hero-body-text--strong {
    text-align: center;
    margin-top: 36px;
  }
}

@media (max-width: 767px) {
  .about-hero-image {
    max-width: 100%;
  }

  .about-hero-subtitle {
    font-size: 18px;
  }
}

.hero-section {
  background: linear-gradient(135deg, #000919 0%, #001233 50%, #000919 100%);
  position: relative;
  overflow: hidden;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
      circle at 30% 20%,
      rgba(1, 97, 255, 0.1) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 70% 80%,
      rgba(168, 127, 255, 0.05) 0%,
      transparent 50%
    );
  pointer-events: none;
}

.about-team-section {
  background: linear-gradient(
    135deg,
    rgba(0, 9, 25, 0.8) 0%,
    rgba(0, 18, 51, 0.6) 100%
  );
  position: relative;
}

.about-team-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"%3E%3Cpath d="M 10 0 L 0 0 0 10" fill="none" stroke="%23FFE19D" stroke-width="0.5" opacity="0.1"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100" height="100" fill="url(%23grid)"/%3E%3C/svg%3E');
  opacity: 0.3;
  pointer-events: none;
}

.leadership-section {
  background: linear-gradient(135deg, #000919 0%, #001233 100%);
  position: relative;
}

.leadership-card {
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.leadership-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(1, 97, 255, 0.1) 0%,
    transparent 50%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.leadership-card:hover::before {
  opacity: 1;
}

.leadership-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 20px 40px rgba(1, 97, 255, 0.2);
}

.closing-section {
  background: linear-gradient(135deg, #000919 0%, #001233 50%, #000919 100%);
  position: relative;
}

.closing-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(1, 97, 255, 0.05) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.about-heading {
  display: block;
  color: var(--color7);
  padding-bottom: 32px;
  margin: 0;
  font-weight: 500;
  font-size: 41px;
  line-height: 52px;
  letter-spacing: 0.5px;
}

@media (max-width: 768px) {
  .about-heading {
    font-size: 38px;
    line-height: 1.1;
  }
}

.about-p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.55;
  letter-spacing: -1px;
  opacity: 0.8;
  color: var(--color7);
}

.leadership-social {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  /* full */
  background-color: white;
  color: #04306a;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 0.4s ease-in;
  display: flex;
  justify-content: center;
  align-items: center;
}

.leadership-card-text {
  position: relative;
}

.leadership-card-ab:before {
  content: "";
  position: absolute;
  border-radius: 14px;
  opacity: 0;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: -1;
  transition: all 0.4s;
  background: linear-gradient(102.24deg, #f0d16f 5.14%, #ffe19d 95.02%);
}

.leadership-card-ab:hover.leadership-card-ab:before {
  opacity: 1;
}

.leadership-card-ab:hover .leadership-social {
  opacity: 1;
}

.leadership-card-ab:hover .leadership-card-text h3 {
  transform: translateY(-20px);
}

.leadership-card-ab:hover .leadership-card-text p {
  transform: translateY(-28px);
}

.leadership-card-ab img {
  filter: grayscale(1);
  transition: filter 0.5s ease;
}

.leadership-card-ab:hover img {
  filter: grayscale(0);
}

.leadership-bg-container {
  border-bottom-left-radius: 36.125px;
  border-bottom-right-radius: 36.125px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(0deg, rgba(4, 1, 21, 0.1), rgba(4, 1, 21, 0.1)),
    radial-gradient(
      60.62% 42.18% at 50.04% 96%,
      rgba(255, 225, 157, 0.1) 0%,
      rgba(255, 225, 157, 0) 100%
    );
  backdrop-filter: blur(16.933391571044922px);
}

.bottomMarquee span {
  font-size: 70px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  line-height: 1.4;
  letter-spacing: -1.04px;
  white-space: nowrap;
  background: linear-gradient(90.32deg, #ffffff 15.91%, #ffe19d 102.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes marqueeGroup {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.tw-animate-marqueeGroup {
  animation: marqueeGroup 20s linear infinite;
}

/* Contenedor de cada post */
.post-card {
  background-color: transparent;
  border-radius: 14px;
  border: 1px solid #ffffff14;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 101px;
  height: 456px;
}

.post-image {
  width: 100%;
  height: 100%;
  aspect-ratio: 423 / 355;
  object-fit: contain;
}

.post-content-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(4, 1, 21, 0.1), rgba(4, 1, 21, 0.1)),
    radial-gradient(
      60.62% 42.18% at 50.04% 96%,
      rgba(255, 195, 11, 0.05) 0%,
      rgba(168, 127, 255, 0) 100%
    );
  padding: 0 14px 18px 14px;
}

.post-content {
  border-radius: 11px;
  border: 1px solid #ffffff1a;
  padding: 16px 19px 27px 29px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 177px;
}

/* Título */
.post-title {
  color: #f4f0ff;
  font-weight: 600;
  font-size: 18px;
  line-height: 20.85px;
  letter-spacing: -0.03em;
  margin: 0;
}

.post-info {
  display: flex;
  gap: 4px;
  margin-bottom: 6px;
}

.post-category {
  font-weight: 500;
  font-size: 14px;
  line-height: 20.85px;
  letter-spacing: 0;
  margin: 0;
  color: #ffe19d;
}

.post-category.videos {
  color: #ff9101;
}

.post-category.news {
  color: #ffe19d;
}

.post-category.blogs {
  color: #01c8ff;
}

.post-category.documents {
  color: #fff701;
}

/* Fecha */
.post-date {
  font-weight: 500;
  font-size: 14px;
  line-height: 20.85px;
  letter-spacing: 0;
  margin: 0;
  color: #fff;
}

/* Extracto */
.post-excerpt {
  font-size: 1rem;
  color: #4a5568;
  flex-grow: 1;
  margin-bottom: 1.25rem;
}

/* Botón de leer más */
.read-more {
  color: #ffe19d;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: 0;
  text-align: left;
}

.filter-btn {
  font-weight: 600;
  font-size: 18px;
  line-height: 20.85px;
  letter-spacing: -0.03em;
  color: #f4f0ff;
  background-color: transparent;
  opacity: 0.7;
  transition: all 0.4s;
  margin: 0;
  padding: 0;
  border: none;
}

.filter-btn:hover {
  opacity: 1;
}

.filter-btn.active {
  opacity: 1;
}

.blur-overlay {
  position: absolute;
  bottom: 0;
  z-index: 0;
  width: 100%;
}

#posts-container.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#posts-container.fade-in {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#pagination {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 2rem;
  align-items: center;
  padding: 77px 0 70px;
}

#pagination button {
  padding: 0;
  background-color: transparent;
  color: #efedfd;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.4s;
}

#pagination button:hover {
  opacity: 1;
}

#pagination button.active {
  opacity: 1;
}

#pagination button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Video popup (resources page) */
.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 1rem;
  box-sizing: border-box;
}

.video-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.video-popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 900px;
  max-height: calc(100% - 2rem);
  z-index: 1;
  box-sizing: border-box;
}

.video-popup-close {
  position: absolute;
  top: -2.5rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
  transition: opacity 0.2s;
}

.video-popup-close:hover {
  opacity: 1;
}

.video-popup-content {
  background: #000;
  border-radius: 0.5rem;
  overflow: hidden;
  max-height: calc(100vh - 5rem);
}

.video-popup-content video {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 5rem);
}

.ctaContentWrap {
  margin: 40px 0;
  border-radius: 36.125px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  background-image: url(../../../../uploads/2025/09/introBg.html);
  background-size: cover;
  background-position: center;
  background-color: #051930;
}
.ctaContentWrap-2 {
  margin: 40px 0;
  border-radius: 36.125px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  background-size: cover;
  background-position: center;
  background: linear-gradient(0deg, rgba(4, 1, 21, 0.1), rgba(4, 1, 21, 0.1)),
    radial-gradient(
      71.86% 50% at 50% 0%,
      rgba(255, 225, 157, 0.3) 0%,
      rgba(5, 25, 48, 0) 100%
    );
  overflow: hidden;
}

.ctaContentWrap-2:before {
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  backdrop-filter: blur(8px);
  z-index: 1;
  border-radius: 36px;
}

@media (min-width: 1280px) {
  .ctaContentWrap {
    margin: 110px 0 131px;
  }
}

.ctaContentWrap:before {
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  background: radial-gradient(
      42.21% 60.97% at 50.04% 96%,
      rgba(1, 97, 255, 0.1) 0%,
      rgba(168, 127, 255, 0) 100%
    ),
    rgba(4, 1, 21, 0.1);
  backdrop-filter: blur(8px);
  z-index: 1;
  border-radius: 36px;
}

.footer-cta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-cta p {
  font-weight: 500;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -1px;
  margin: 0;
  max-width: 370px;
}

@media (min-width: 1280px) {
  .footer-cta p {
    max-width: 541px;
    font-size: 41px;
    line-height: 50px;
  }
}

h1.blog-title {
  font-weight: 500 !important;
  font-size: 28px;
  line-height: 34px !important;
  letter-spacing: -0.8px !important;
  color: #ffffff;
}

@media (min-width: 640px) {
  h1.blog-title {
    font-size: 32px;
    line-height: 38px !important;
    letter-spacing: -0.9px !important;
  }
}

@media (min-width: 1024px) {
  h1.blog-title {
    font-size: 40px;
    line-height: 45px !important;
    letter-spacing: -1.04px !important;
  }
}

.blog-container {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 14px;
}

.blog-container table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  border-radius: 11px;
}

.blog-container td,
.blog-container th {
  white-space: nowrap;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
}

.blog-container table {
  min-width: 100%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .blog-container td,
  .blog-container th {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
  }
}

@media (min-width: 768px) {
  .blog-container {
    max-width: 700px;
  }
}

@media (min-width: 1280px) {
  .blog-container {
    max-width: 751px;
    padding: 0;
  }
}

@media (min-width: 1536px) {
  .blog-container {
    max-width: 1100px;
    padding: 0;
  }
}

.blog-container figure {
  max-width: 100%;
}

.blog-container .blog-content p {
  font-weight: 500;
  font-size: 16px;
  color: #f4f0ff;
  line-height: 20.85px;
  letter-spacing: 0;
  line-height: 1.49;
  opacity: 0.7;
}

.blog-container p:has(img) {
  opacity: 1 !important;
}

.blog-container .blog-content h1,
.blog-container .blog-content h2,
.blog-container .blog-content h3,
.blog-container .blog-content h4,
.blog-container .blog-content h5 {
  background: linear-gradient(90.32deg, #ffffff 15.91%, #ffe19d 50.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.blog-container .blog-content ul li,
.blog-container .blog-content ol li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20.85px;
  letter-spacing: 0;
  color: rgb(244 240 255 / 70%);
}

.blog-container .blog-content ul li::marker,
.blog-container .blog-content ol li::marker {
  color: #ffe19d;
}

.blog-container .blog-content a {
  color: #ffe19d;
  text-decoration: none;
  transition: 0.3s ease;
}

.blog-container .blog-content a:hover {
  text-decoration: underline;
}

.recent-blogs {
  font-weight: 500;
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0px;
  margin-bottom: 19px;
  color: #fff;
}

.share-article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 58px;
  border: 1px solid #ffffff1a;
  padding: 36px 39px 34px 25px;
  border-radius: 11px;
  background: linear-gradient(0deg, rgba(4, 1, 21, 0.1), rgba(4, 1, 21, 0.1)),
    radial-gradient(
      60.62% 42.18% at 50.04% 96%,
      rgba(255, 195, 11, 0.1) 0%,
      rgba(168, 127, 255, 0) 100%
    );
}

.share-article p {
  color: #f4f0ff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.49;
  letter-spacing: 0;
  margin: 0;
}

.contact-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1.04px;
  background: linear-gradient(90.32deg, #ffffff 10.91%, #ffe19d 36.32%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 24px;
}

@media (min-width: 1280px) {
  .contact-title {
    margin-bottom: 62px;
  }
}

.join-community {
  font-weight: 400;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0;
  color: #fff;
  opacity: 0.6;
  text-align: center;
}

@media (min-width: 1280px) {
  .join-community {
    padding-top: 21px;
    text-align: left;
  }
}

.support {
  font-weight: 400;
  font-size: 18px;
  line-height: 50px;
  letter-spacing: -1.04px;
  color: #fff;
}

form.contact-form input::placeholder,
form.contact-form textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #efedfd;
  opacity: 0.8;
}

form.contact-form textarea::placeholder,
form.contact-form textarea {
  line-height: 1.49;
}

#gform_fields_3 {
  row-gap: 14px;
}

@media (min-width: 1280px) {
  #gform_fields_3 {
    row-gap: 0;
  }
}

.gform_heading {
  display: none !important;
}

#gform_ajax_spinner_3 {
  position: absolute !important;
  border-radius: 9999px !important;
  block-size: auto !important;
  inline-size: auto !important;
  border: none !important;
  aspect-ratio: 1 / 1 !important;
  margin-top: 8px !important;
  right: -32px !important;
  top: 0 !important;
}

#gform_3 input[type="text"],
#gform_3 input[type="email"] {
  width: 100%;
  background-color: rgba(255 255 255 / 0.1);
  /* blanco 10% */
  border: 1px solid rgba(255 255 255 / 0.12);
  /* #FFFFFF1F */
  color: #efedfdcc;
  font-size: 0.875rem;
  /* sm */
  line-height: 1;
  letter-spacing: normal;
  padding: 10px 12px 10px 16px;
  border-radius: 9999px;
  /* fully rounded */
  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
  outline: none;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #gform_3 input[type="text"],
  #gform_3 input[type="email"] {
    padding-left: 23px;
  }
}

#gform_3 input[type="text"]:focus,
#gform_3 input[type="email"]:focus {
  outline: none !important;
  border-color: #fff;
}

#gform_3 textarea {
  width: 100%;
  background-color: rgba(255 255 255 / 0.1);
  border: 1px solid rgba(255 255 255 / 0.12);
  color: #efedfdcc;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: normal;
  padding: 10px 12px 10px 16px;
  border-radius: 1rem;
  /* xl rounded */
  resize: none;
  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
  outline: none;
  box-sizing: border-box;
  margin-top: 13px;
  margin-bottom: 1.5rem;
  min-height: 120px;
  /* equivalente a rows=5 */
}

@media (min-width: 1024px) {
  #gform_3 textarea {
    padding-left: 23px;
  }
}

#gform_3 textarea:focus {
  outline: none !important;
  border-color: #fff;
}

#gform_submit_button_3 {
  display: block;
  border-radius: 83px;
  background: linear-gradient(90deg, #ffe19d 0%, #f3c845 100%);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1),
    0px 7px 12px -14px rgba(0, 0, 0, 0.1);
  padding: 8px 12px;
  transition: 0.3s ease;
  min-width: 202px;
  text-align: center;
  color: #1b1b1b;
  border: none;
  cursor: pointer;
  outline: none !important;
}

#gform_submit_button_3:hover {
  background: linear-gradient(90deg, #f3c845 0%, #ffe19d 100%);
  transition: 0.3s ease;
}

.gform_footer {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .gform_footer {
    justify-content: flex-end !important;
  }
}

.gform_confirmation_message_3 {
  color: #fff !important;
  max-width: 270px !important;
}

#contact:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../../../../uploads/2025/08/Horizontal-Divider-2.webp)
    no-repeat center center;
  background-size: cover;
  z-index: 10;
}

@media (min-width: 1024px) {
  #contact:before {
    left: 10vw;
  }
}

.divider-2:before {
  content: "";
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../../../../uploads/2025/08/Horizontal-Divider.webp) no-repeat
    center center;
  background-size: cover;
  z-index: 10;
}

/* Responsive adjustments for About page */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1335px;
  }
}

@media (max-width: 1399px) {
  .listingsDetails .ListingsTop:not(:last-child) {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .ListingsInner {
    padding-bottom: 35px;
  }

  .ListingsInner {
    padding: 25px 30px 30px;
  }

  .listingsDetails {
    margin-right: -30px;
  }
}

@media (max-width: 1240px) {
  .listingsDetails .ListingsTop:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .ListingsInner {
    padding-bottom: 25px;
  }

  .ListingsInner {
    padding: 20px 30px 35px;
  }

  .listingsDetails {
    margin-right: -30px;
  }
}

@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 56px;
  }

  p {
    font-size: 18px;
  }

  .introContentWrap {
    padding-left: 50px;
  }

  .ListingsTop p {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .pageHeader .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-trigger {
    width: 30px;
    height: 21px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .menu-trigger span {
    width: 100%;
    height: 3px;
    display: inline-block;
    background-color: var(--color7);
    transition: all 0.3s ease;
    position: relative;
  }

  .navbar.open .menu-trigger span:nth-child(1) {
    transform: rotate(45deg);
    margin-top: 0;
    top: 9px;
  }

  .navbar.open .menu-trigger span:nth-child(2) {
    opacity: 0;
  }

  .navbar.open .menu-trigger span:nth-child(3) {
    transform: rotate(-45deg);
    margin-bottom: 0;
    bottom: 9px;
  }

  .navbar .navbar-collapse {
    width: 320px;
    height: 100vh;
    position: fixed;
    right: -330px;
    top: 61px;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #051930;
    display: block;
    padding: 10px;
    transition: all ease 0.4s;
  }

  .navbar.open .navbar-collapse {
    right: 0;
  }

  .pageHeader .navbar-nav {
    gap: 10px;
    margin-bottom: 10px;
  }

  /* Dropdown en mobile - position static para que fluya en el menú */
  .pageHeader .navbar-nav .nav-item.dropdown .dropdown-menu {
    position: static;
    transform: none;
    left: auto;
    width: 100%;
    margin-top: 5px;
    background: rgba(5, 25, 48, 0.5);
    backdrop-filter: blur(10px);
  }

  .pageHeader .navbar-nav .headerBtn {
    margin-top: 10px;
  }

  .headerBtn .themeBtn {
    width: 100%;
  }

  .pageHeader .navbar-expand-lg .navbar-collapse {
    margin-top: 0;
  }

  .h1,
  h1 {
    font-size: 48px;
  }

  .networkWrap {
    padding: 35px 30px;
  }

  .aboutNetwork {
    padding: 40px 30px;
    margin: 0 0 66px;
  }

  .ListingsInner {
    padding: 15px 20px 20px;
  }

  .listingsDetails .ListingsTop:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .listingsDetails .ListingsTop {
    padding-right: 20px;
  }

  .listingsDetails {
    margin-right: -20px;
  }

  .networkLists ul li {
    width: 33.33%;
    padding: 0;
    text-align: center;
  }

  .ListingsInner {
    padding: 30px 30px 35px;
  }

  .listingsDetails {
    margin-right: -30px;
  }

  h4,
  .h4 {
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 42px;
  }

  .h2,
  h2 {
    font-size: 36px;
  }

  p {
    font-size: 16px;
  }

  .introContentWrap {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
  }

  .maskWrap:after {
    width: 100%;
  }

  .footerRight {
    padding-top: 15px;
  }

  .footerLogo,
  .footerIcons,
  .footerNewsletter h4 {
    text-align: center;
  }

  .footerMenu ul {
    margin-bottom: 13px;
  }

  .footerMenu ul,
  .footerMenu ul li {
    align-items: center;
  }

  .footerMenu ul li.dropdown {
    text-align: center;
  }

  .footerMenu ul .dropdown-menu {
    padding-left: 0;
    text-align: center;
  }

  .footerLogo {
    margin-bottom: 25px;
  }

  .footerIcons {
    margin-bottom: 25px;
  }

  .footerContact {
    text-align: center;
    max-width: 100%;
  }

  .footerCopyright {
    margin-top: 20px;
    text-align: center;
  }

  .footerTop {
    margin-bottom: 50px;
  }

  .networkLists ul {
    flex-direction: column;
    margin-bottom: 40px;
    gap: 20px;
  }

  .networkLists ul li {
    width: 100%;
  }

  .networkListsContent,
  .sectionHeading {
    margin-bottom: 40px;
  }

  .ListHeading,
  .IconWrap {
    padding-bottom: 20px;
  }

  .listingHeader {
    margin-bottom: 55px;
  }

  .ListingsInner {
    padding: 20px;
  }

  .pageHeader .current-menu-item .nav-link {
    text-align: center;
  }
}

@media (max-width: 575px) {
}

@media (max-width: 768px) {
  .hero-section h1 {
    font-size: 3rem;
    line-height: 1.1;
  }

  .hero-section p {
    font-size: 1.1rem;
  }

  .leadership-card {
    margin-bottom: 1rem;
  }

  .about-team-section .grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (max-width: 480px) {
  .hero-section h1 {
    font-size: 2.5rem;
  }

  .closing-section h2 {
    font-size: 2.5rem;
  }
}

/* BLOG CONTENT */
.blog-content {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  color: rgba(244, 240, 255, 0.7) !important;
}

main.post--special {
  background-color: #fff !important;
  color: #000 !important;
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}
main.post--special .blog-content,
main.post--special .blog-content * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  /*text-align: justify;*/
}

main.post--special .blog-content h2 {
  text-align: center;
}

main.post--special .blog-content h2,
main.post--special .blog-content h3,
main.post--special .blog-content h4,
main.post--special .blog-content h5 {
  font-size: 28px;
  line-height: 1.1;
}

main.post--special .blog-content {
  margin-top: 3rem !important;
}

main.post--special h1 {
  font-size: 32px !important;
  line-height: 1 !important;
}

main.post--special p {
  font-size: 16px !important;
}

main.post--special .blog-content ul li,
main.post--special .blog-content ol li {
  font-size: 16px !important;
}

main.post--special .blog-content main.post--special .post-category,
main.post--special .post-date,
main.post--special .recent-blogs,
main.post--special .share-article p,
main.post--special .read-more {
  color: #000 !important;
}
main.post--special .share-article {
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: #fff !important;
}

.rackVideoEl {
  width: 100%;
  border-radius: 1rem;
}

.special-title {
  text-align: center;
  margin: 4rem 0;
  color: #000 !important;
  opacity: 1 !important;
}

.blog-content img {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.blog-container table {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.blog-container table * {
  border: 1px solid white;
}

.blog-content a:hover {
  opacity: 1 !important;
}

.blog-content ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.blog-content p.small {
  font-size: 14px !important;
}

.cky-title {
  display: none !important;
}

body .uwy.userway_p5 .userway_buttons_wrapper {
  left: 15px !important;
  bottom: 70px !important;
  transform: none !important;
}

@media (max-width: 768px) {
  body .uwy.userway_p5 .userway_buttons_wrapper {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .cky-btn-revisit-wrapper {
    display: none !important;
  }
}

.fade-in-from-bottom,
.split-by-words {
  opacity: 0;
}



.hero {
  position: relative;
  min-height: unset;
  padding-top: 240px!important;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 170px;
}