@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/* @import url("https://fonts.cdnfonts.com/css/inter"); */

:root {
  /*COLORS*/
  --color-white: #ffffff;
  --color--blueDeep: #09324a;
  --color-blueDeepB: #051f2e;
  --color-none: rgba(255, 255, 255, 0);
  --color-gris-oscuro: #1a1e26;

  --gris-claro: #f4f7f9;

  --color-gray-1: #f2f2f2;
  --color-gray-light: #f4f4f4;
  --color-gray-2: #d9d9d9;
  --color-gray-3: #bdbebf;
  --color-gray-4: #919191;
  --color-gray-5: #585859;

  --color-back-arkony: #0e0f14;
  --color-gray-transparent: rgba(218, 218, 218, 0.352);

  /*FONT*/
  --font-tittle: "Montserrat";
  --font-body: "Inter";

  --font-thin: 100;
  --font-extra-light: 200;
  --font-light: 300;
  --font-regular: 400;
  --font-meidum: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 800;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Inter", sans-serif;
  src: url("../font/Inter-VariableFont_opsz\,wght.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("../font/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
}

body {
  margin: 0;
  background-color: #ffffff;
  font-family: var(--font-body);
}

.container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
  box-sizing: border-box;
}

mi-header {
  height: 5.5rem;
}

.header__container {
  position: fixed;
  z-index: 210;
  top: 0;

  width: 100%;
  height: 5rem;

  padding-top: 0.5rem;
  /* border-bottom: 1px solid var(--color-gray-4); */

  transition: all 0.3s ease;
}

.header__container .container {
  display: flex;
  flex-direction: row;

  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.header__container--scrolled {
  background-color: var(--color-gris-oscuro);
  backdrop-filter: blur(10px);
  z-index: 210;
}

.header__logo {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;

  height: fit-content;

  justify-content: flex-start;
  align-items: flex-start;

  /* margin-left: 16rem; */
  padding: 1rem 0;

  color: var(--color-white);

  cursor: pointer;
}

.header__logo-img {
  height: 1.5rem;
  filter: invert(1);
}

.header__logo-text {
  margin: 0;
  margin-top: 0.5rem;
  font-family: var(--font-body);
  font-variation-settings: "wght" var(--font-light);
  font-size: 0.8rem;
}

.header__nav {
  display: flex;
  justify-self: center;
  align-items: center;
  height: 100%;
}

.header__menu {
  display: flex;
  flex-direction: row;
  gap: 4rem;

  height: 100%;
  padding: 0;
  /* margin: 0 16rem 0 0; */

  color: var(--color-white);
  font-size: 1.2rem;
  font-family: var(--font-body);

  list-style: none;

  margin: 0;
}

.menu__item {
  cursor: pointer;
  transition: all 0.3s ease-in-out;

  height: 100%;
  padding: 0 0.5rem;

  display: flex;
  justify-self: center;
  align-items: center;

  color: var(--color-white);
}

.menu__item:hover {
  color: #00e3fc;
}

.activo {
  box-shadow: inset 0 -3px 0 0 #00e3fc;
}

.body__hero {
  height: 45rem;

  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.712) 10%, #00000000 100%), url("../img/hero-general.jpeg");
  /*url("../img/satelite-hero2.jpg"); */

  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;

  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.hero__text-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;

  justify-content: center;
  align-items: flex-start;

  /* margin-left: 16rem; */
  margin-bottom: 10rem;

  color: var(--color-white);
  font-family: var(--font-tittle);
}

.hero__tittle {
  width: 45rem;
  font-size: 3.5rem;

  line-height: 4rem;

  margin: 0;
}

.hero__text {
  font-size: 1.4rem;
  font-family: var(--font-body);
  text-align: justify;

  line-height: 1.5rem;
  font-weight: var(--font-regular);

  margin: 0;
}

.body__arkony {
  display: flex;
  justify-content: center;
  padding: 2.5rem 0rem;
  background-color: var(--color-back-arkony);

  cursor: pointer;
}

.arkony__container {
  display: grid;

  grid-template-columns: 1fr 2fr;
  gap: 2.5rem;

  height: auto;

  background-color: var(--color-back-arkony);
}

.arkony__secction {
  display: flex;
  flex-direction: column;

  justify-content: space-between;

  border-left: 2px solid #00e7f7;
  gap: 1rem;
  padding: 2.5rem;

  background-color: var(--color-back-arkony);
}

.arkony__tag {
  font-family: var(--font-body);
  color: var(--color-gray-2);

  margin: 0;
}

.arkony__tittle {
  font-size: 2rem;
  color: var(--color-white);
  font-family: var(--font-tittle);
  font-weight: var(--font-meidum);

  margin: 0;
}

.arkony__text {
  font-family: var(--font-body);
  font-weight: var(--font-regular);
  color: var(--color-gray-2);
  font-size: 1.2rem;

  margin: 0;
}

.arkony__section-img {
  background-image: url("../img/arkony-deepblack.jpg");
  background-size: cover;
  background-position: center;
}

.body__solutions {
  height: auto;
}

.body__solutions {
  padding: 8rem 0rem;
  padding-bottom: 5rem;
}

.solution__container {
  display: grid;

  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(200px, auto));
  gap: 2.5rem;

  margin: 0;
}

.solutiom__item-tittle,
.solutiom__item {
  padding: 2.5rem;
  height: 12rem;
  font-family: var(--font-body);

  display: flex;
  flex-direction: column;

  justify-content: space-between;
  gap: 1rem;
}

.solution__item-tittle__tag,
.solution__item-tittle__tittle,
.solution__item-tittle__text {
  margin: 0;
}

.solution__item-tittle__tittle {
  width: 25rem;

  font-size: 2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-regular);
  color: var(--color--blueDeep);
}

.solution__item-tittle__tag {
  color: var(--color-gray-3);
}

.solution__item-tittle__text {
  color: var(--color-gray-3);
}

.solutiom__item-tittle {
  border-left: 2px solid var(--color-gray-2);
  cursor: pointer;

  transition: all 0.3s ease-in-out;
}

.solutiom__item {
  background-color: var(--color-gray-5);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  transition: all 0.3s ease-in-out;
}

.solutiom__item:hover {
  transform: scale(1.02);
}

.solutiom__item.a {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%),
    url("../img/HAPS--card.png");

  background-position: bottom;
}

.solutiom__item.b {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%),
    url("../img/COPEO-card.png");

  background-position: top;
  background-size: contain;
}

.solutiom__item.c {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%),
    url("../img/cockpit-2.webp");

  background-position: bottom;
  background-size: cover;
}

.solutiom__item.d {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%),
    url("../img/Fipas-card.jpg");

  background-position: top;
  background-size: cover;
}

.solutiom__item.d.arkony-bck {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%),
    url("../img/arkony-deepblack.jpg");

  background-position: top;
  background-size: cover;
}

.solutiom__item.e {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%),
    url("../img/GNSS-SSR--card.png");

  background-position: bottom;
  background-size: cover;
}

.solution__item__tittle,
.solution__item__text {
  margin: 0;
}

.solution__item__tittle {
  margin-top: 4rem;
  color: var(--color-white);
  font-weight: var(--font-semibold);
  color: var(--color-white);
}

.solution__item__text {
  font-weight: var(--font-regular);
  color: var(--color-gray-2);
}

.solution__item-iconContainer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.solution__item-icon:hover {
  background-color: rgba(255, 255, 255, 0.605);
}

.body__about-us {
  padding: 4rem 0rem;
  background-color: var(--color-gray-1);
}

.about-us-container {
  display: flex;
  flex-direction: column;
  gap: 6rem;

  margin-bottom: 6rem;
}

.about-us_tittle {
  font-family: var(--font-body);
}

.about-us_tag {
  font-size: 1.2rem;
  font-weight: var(--font-meidum);
  color: var(--color-gray-4);

  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-none);

  transition: all 0.3s ease-in-out;

  cursor: pointer;

  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.about-us_tag.soluciones {
  font-weight: var(--font-light);
  margin-top: 2.5rem;
}
.about-us_tag.soluciones:hover {
  color: var(--color--blueDeep);
  border-bottom: 1px solid var(--color-gray-3);
}
.about-us_tag:hover {
  color: var(--color--blueDeep);
  border-bottom: 2px solid var(--color-gray-3);
}

.about-us_tag-icon {
  margin-left: 1rem;
  height: 0.8rem;
  width: 0.8rem;

  color: var(--color-gray-3);
  fill: var(--color-gray-3);
}

.about-us_tittle {
  font-size: 2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-meidum);
  color: var(--color--blueDeep);
}

.about-us_text {
  font-size: 1.4rem;
  font-family: var(--font-body);
  color: var(--color-gray-4);
}

.about-us_icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}

.icons__item {
  display: flex;
  flex-direction: column;

  justify-content: flex-start;
  align-items: center;
  flex: 1;
  width: 100%;

  padding: 2.5rem;
}

.us__item-icon {
  height: 7rem;
  width: 7rem;

  margin-bottom: 2rem;
}

.icons__item.center {
  border-left: 2px solid var(--color-gray-3);
  border-right: 2px solid var(--color-gray-3);
}

.us__item-tittle,
.us__item-text {
  font-family: var(--font-body);
  font-size: 1.2rem;
  width: auto;
}

.us__item-text {
  text-align: center;
}

.us__item-tittle {
  margin-top: 2rem;
  margin-bottom: 0;

  color: var(--color--blueDeep);
}

.us__item-text {
  color: var(--color-gray-4);
}

.body__noticias {
  height: auto;
  padding: 8rem 0rem;
  background-color: var(--color-gray-1);
}

.noticias {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2.5rem;
}

.noticias__tittle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  background-image:
    linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url("../img/s82-39796~medium-nassa-img.jpg");

  background-position: center;
  background-size: cover;

  color: var(--color-gray-1);
  font-family: var(--font-body);

  padding: 2.5rem;

  cursor: pointer;
  transition: all 0.3s ease-in;
}

.noticias_tittle-text,
.noticias_tittle-tittle {
  width: 90%;
}

.noticias_tittle-tittle {
  font-family: var(--font-tittle);
  font-weight: var(--font-semibold);
  margin-top: 10rem;
}

.noticias__noticias {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  gap: 2.5rem;
}

.noticias_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;

  height: 100%;

  background-color: var(--color-white);
  padding: 1rem;

  transition: all 0.3s ease-in-out;
  cursor: pointer;

  border: 1px solid var(--color-gray-1);
}

.noticias_item:hover {
  border: 1px solid var(--color-gray-2);
  box-shadow: 0 0 10px var(--color-gray-3);
}

.noticias__tittle:hover {
  box-shadow: 0 0px 10px var(--color-gray-4);
}

.noticia__fecha-link,
.noticia__text {
  font-family: var(--font-body);
}

.fecha__item {
  color: var(--color-gray-4);
  font-weight: var(--font-regular);
  margin: 0;
}

.noticia__text {
  color: var(--color--blueDeep);
  font-weight: var(--font-semibold);
}

.last-item {
  display: flex;
  justify-content: space-around;
}

.fa-solid.fa-circle-arrow-up {
  font-size: 2.5rem;
  color: var(--color-gray-2);

  display: flex;
  align-items: center;

  cursor: pointer;
}

.fa-solid.fa-circle-arrow-up:hover {
  color: var(--color-gray-4);
}

.footer {
  height: auto;
  background-color: var(--color-back-arkony);

  padding: 4rem 0rem;

  display: flex;
  flex-direction: column;
  gap: 2.5rem;

  color: white;
}

.footer_text {
  font-family: var(--font-body);
  width: 100%;
  text-align: center;
  color: var(--color-gray-2);
}

.footer__container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;

  margin-bottom: 2rem;
}

.footer__item {
  color: var(--color-gray-2);
}

.list__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

  font-family: var(--font-body);
}

.item__link {
  color: var(--color-gray-3);
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.item__link.withHover:hover {
  color: var(--color-white);
}

/*Contacto.html*/

.contacto .header__container {
  background-color: var(--color-gris-oscuro);
  box-shadow: 0 0 10px var(--color--blueDeep);
}

/*Screen reader*/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.contact {
  margin-top: 5.6rem;
  margin-bottom: 0;
}

.contact__inner {
  height: auto;
  min-height: 50rem;

  padding: 8rem 2rem;

  display: flex;
  flex-direction: row;

  justify-content: center;
  align-items: stretch;
  gap: 5rem;
}

.contact__inner-rigth {
  width: 60%;
}

.contact__inner-left {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.contact__inner-info,
.contact__form {
  display: flex;
  flex-direction: column;

  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
}

.contact__inner-details {
  display: flex;
  flex-direction: row;

  justify-content: center;
  align-items: center;
}

.contact__tag {
  font-size: 0.9rem;
  margin: 0;

  color: var(--color-gray-4);
}

.contact__title {
  font-size: 2.5rem;
  font-family: var(--font-body);
  font-weight: var(--font-semibold);

  color: var(--color--blueDeep);

  margin: 0;
}

.contact__subtitle {
  font-weight: var(--font-light);
  text-align: start;
  font-size: 1rem;

  margin: 0;

  color: var(--color-gray-5);
}

.contact__inner-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.contact__form {
  width: 100%;

  display: flex;
  flex-direction: column;

  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;

  gap: 2.5rem;
}

.form__row {
  display: flex;
  flex-direction: row;

  gap: 2.5rem;

  width: 100%;
}

.form__group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.contact__input {
  padding: 0.5rem;
  border: none;
  border-bottom: 1px solid var(--color-gray-3);

  background-color: var(--color-none);

  width: 100%;

  font-family: var(--font-body);
}

.contact__input::placeholder {
  font-family: var(--font-body);
  font-weight: var(--font-light);
  font-size: 0.9rem;
  color: var(--color--blueDeep);
}

.contact__input:focus {
  outline: none;
  border-bottom: 1px solid var(--color--blueDeep);
}

#consulta {
  min-height: 5rem;
  line-height: normal;
  resize: none;

  width: 100%;
}

#consulta::placeholder {
  vertical-align: top;
}

.contact__btn {
  width: 100%;
  padding: 0.5rem;

  background-color: var(--color-blueDeepB);
  border: 1px solid var(--color-blueDeepB);
  border-radius: 20px;

  color: var(--color-white);
  font-family: var(--font-body);
  font-weight: var(--font-meidum);
  font-size: 1rem;

  box-shadow: 0 0 5px var(--color-gray-3);
  transition: all 0.3s ease;
}

.contact__btn:hover {
  background-color: var(--color-none);
  border: 1px solid var(--color-back-arkony);
  box-shadow: none;
  color: var(--color-back-arkony);
}

.contact__inner-details {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 2.5rem;

  margin-bottom: 5rem;
}

.fa-solid {
  font-size: 1.2rem;
  color: var(--color--blueDeep);
}

.contact__item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  gap: 1.5rem;

  border: 1px solid var(--color-none);
  border-radius: 6px;

  text-align: center;

  margin-top: 5rem;
}

.details-item {
  padding: 0;
  margin: 0;

  font-weight: var(--font-meidum);
  color: var(--color-gray-5);

  font-size: 1rem;
}

.footer.contacto {
  background-color: var(--color-gris-oscuro);
}

/*------------- ABOUT US ---------------*/

.header__container.about--us {
  position: fixed;
}

.about-us__hero {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, rgba(0, 0, 0, 0) 100%), url("../img/hero-general.jpeg");
  background-position: top;
  background-size: cover;

  /* background-image: linear-gradient(to bottom,var(--color-back-arkony)10%,var(--color--blueDeep) 100%); */
  padding: 6rem 0;
  height: 30rem;
  display: flex;
  flex-direction: column;

  justify-content: end;
  position: relative;
}

.about-us-ods {
  position: absolute;
  right: 10rem;
  top: 35rem;
}

.img-ods-ab {
  height: auto;
  width: 12rem;
}

.about-us__tag,
.about-us__title,
.about-us__subtitle {
  color: var(--color-white);
}

.about-us__tag {
  font-weight: var(--font-light);
  font-size: 1rem;
}

.about-us__title {
  font-size: 3.5rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-bold);

  line-height: 5rem;
}

.about-us__subtitle {
  font-size: 1.2rem;
  font-weight: var(--font-regular);
}

.container.about--us {
  padding-top: 2rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  gap: 2rem;
}

.about-us__text {
  font-family: var(--font-body);
  font-size: 1.2rem;
  font-weight: var(--font-regular);

  color: var(--color--blueDeep);

  text-align: justify;
  line-height: 2rem;
}

.about-us__group {
  display: flex;
  flex-direction: row;

  gap: 5rem;

  padding: 2.5rem 0;

  border-bottom: 1px solid var(--color-gray-3);

  opacity: 1;
  transform: translateY(0);

  transition: all 1s ease-out;
}

.hide {
  opacity: 0;
  transform: translateY(30px);
}

.about-us__group.last {
  border: none;
}

.about-us__item,
.group-right__title {
  font-family: var(--font-tittle);
  font-weight: var(--font-semibold);

  color: var(--color--blueDeep);
}

.group-right__title {
  font-weight: var(--font-meidum);
}

.group-right__text {
  font-weight: var(--font-light);
  color: var(--color-gray-5);

  line-height: 1.98rem;

  text-align: justify;
}

/*NOTICIAS*/

.noticias__pagina * :not(.menu__item) {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 10px;
  /* Aquí fijas el ancho para que sean iguales */
}

::-webkit-scrollbar-thumb {
  background: var(--color-gray-2);
  border-radius: 10px;
  border: 2px solid var(--color-white);
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.noticias__pagina .header__container {
  background-color: var(--color-gris-oscuro);
}

.container.news {
  margin-top: 5.6rem;
  padding-top: 5rem;
  padding-bottom: 5rem;

  display: flex;
  flex-direction: row;
  align-items: flex-start;

  height: 50rem;
}

.contenedor-noticia {
  white-space: pre-wrap;

  display: flex;
  flex-direction: column;

  justify-content: flex-start;
  align-items: start;

  width: 100%;

  cursor: pointer;

  padding: 1rem;
  border-bottom: 1px solid var(--color-gray-2);
}

.contenedor-noticia:hover,
.contenedor-noticia--select {
  background-color: var(--color-gray-1);
}

.fecha__noticia {
  margin: 0;

  font-size: 1rem;
  color: var(--color-gray-4);
  font-weight: var(--font-regular);
  margin-bottom: 1rem;
}

.titulo__noticia {
  color: var(--color-back-arkony);
  font-size: 1.2rem;
  font-weight: var(--font-semibold);

  margin: 0;
}

.btn__view-noticia {
  padding: 0.5rem;
}

.cuerpo__noticia,
.cuerpo__noticia-last {
  display: block;

  font-weight: var(--font-light);
  color: var(--color-gray-5);

  line-height: 1.6rem;

  white-space: pre-line;

  margin-top: 2rem;
}

.body__news {
  flex: 1;
  height: 100%;

  width: 30%;

  padding: 0;

  overflow-y: auto;
}

.new__last {
  height: 100%;
  width: 70%;

  overflow-y: auto;

  padding: 1rem 2rem;

  display: flex;
  flex-direction: column;
  gap: 1rem;

  background-color: var(--color-white);
}

/*--------------- PRODUCTOS HTML --------------------------*/

.second__header {
  border-bottom: 1px solid var(--color-gray-2);
  background-color: var(--color-white);
  box-shadow: 0 0 5px var(--color-gray-2);
  height: 3rem;

  position: fixed;
  z-index: 100;
  top: 5.5rem;
  width: 100%;

  overflow: visible;
}

.header-b__nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  height: 3rem;
}

.menu-b__item {
  display: flex;
  align-items: center;

  text-decoration: none;
  color: var(--color--blueDeep);

  height: 100%;
  font-weight: var(--font-meidum);
  padding: 0.5rem 3rem;
  border-left: 1px solid var(--color-white);
  border-right: 1px solid var(--color-white);

  box-sizing: border-box;
}

.menu-b__item-activo {
  background-color: var(--color-gray-1);
}

.menu-b__item:hover {
  background-color: var(--color-gray-1);
  border-left: 1px solid var(--color-gray-1);
  border-right: 1px solid var(--color-gray-1);
}

.soluciones .header__container {
  background-color: var(--color-gris-oscuro);
}

html.prodductos {
  scroll-behavior: smooth;
}

/*----- SOLUCIONES CUERPO ----- */

.body__soluciones {
  min-height: 45rem;
  margin-top: 8.7rem;
}

/*00cuerpo capacidades*/
.capacidades {
  position: relative;
  overflow: hidden;

  min-height: 5rem;
  padding: 5rem 0;
}

.bg__capacidades {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

  z-index: -1;

  height: 100%;
  border: 1px solid rgba(255, 0, 0, 0);

  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "left right";
}

.bg__capacidades-left {
  grid-area: left;
  background-color: var(--color-gray-light);
}

.bg__capacidades-right {
  grid-area: right;
  background-color: var(--color-white);
}

.contenido__capacidades {
  display: grid;
  grid-template-columns: 1fr 2.4fr;
}

/*Titutlo group de sec capacidades*/

.groupd__tittle-tag {
  font-size: 1rem;
  font-weight: var(--font-regular);
  color: var(--color-gray-4);
}

.group__title-title {
  font-size: 2.5rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-semibold);
  color: var(--color--blueDeep);
}

.group__tittle-bar {
  width: 2.5rem;
  margin: 2rem 0;
  height: 8px;
  color: var(--color--blueDeep);
  background-color: var(--color--blueDeep);
}

.group__tittle-list {
  padding-left: 1.8rem;
  list-style: decimal-leading-zero;
  line-height: 2rem;
  font-size: 1rem;
  color: var(--color-gray-5);
}

/*GROUP TEXT seccion CAPACIDADES */

.group__text {
  display: grid;
  grid-template-columns: 1fr 1fr;

  margin: 1.5rem 2.5rem;
  gap: 1px;
  background-color: var(--color-gray-2);

  justify-content: center;
  align-items: center;
  justify-items: center;
}

.group__text-subgroup {
  background-color: var(--color-white);
  width: 100%;

  padding: 2rem 5rem;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.group__text-subgroup-tittle {
  font-size: 1.2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-semibold);
  color: var(--color--blueDeep);
}

.group__text-subgroup-list {
  list-style: "";
  padding: 0;
  line-height: 2rem;

  color: var(--color-gray-5);
}

/*SOLUCIONES - VIGILANCIA*/

.vigilancia {
  min-height: 5rem;
  margin: 0;

  background-color: var(--color-white);
}

.contenido__vigilancia {
  background-color: var(--color-blueDeepB);
  min-height: 10rem;
  padding-top: 2rem;
  box-shadow: 0 0 0 100vmax var(--color-blueDeepB);
  clip-path: inset(0 -100vmax);

  display: flow-root;
  flex-direction: column;
}

/*vigilancia title group*/

.groupd__tittle-tag.bg-blue {
  color: var(--color-gray-2);
}

.group__title-title.bg-blue {
  color: var(--color-white);
}

.group__tittle-bar.bg-blue {
  background-color: var(--color-white);
}

.group__tittle-text {
  margin: 0;
  padding: 1rem 0;
  font-size: 1rem;
  color: var(--color-gray-1);
  font-weight: var(--font-light);

  padding-bottom: 4rem;
}

/*vigilancia content group*/
.bg__vigilancia-content {
  padding: 5rem 0;
  background-color: var(--color-white);
  box-shadow: 0 0 0 100vmax var(--color-white);
  clip-path: inset(0 -100vmax);
}

.vigilancia-group__text {
  background-color: var(--color-white);
  box-shadow: 0 0 0 100vmax var(--color-white);
  clip-path: inset(0 -100vmax);

  padding: 0;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;

  background-color: var(--color-gray-2);
  box-sizing: border-box;
}

.group__text-item {
  padding: 3rem;
  background-color: var(--color-white);
}

.text-item-title {
  margin: 0;
  font-size: 1.2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-semibold);
  color: var(--color--blueDeep);
}

.text-item-content {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: var(--font-regular);
  color: var(--color-gray-5);
}

.group__text-item.privacidad {
  background-color: var(--color-gray-1);
}

.text-item-title.privacidad {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.fa-solid.fa-lock {
  font-size: 1rem;
  color: var(--color--blueDeep);
}

/*ARQUITECTURA*/

.arquitectura {
  min-height: 5rem;
  margin: 0;
}

.contenido__arquitectura {
  background-color: var(--color-gray-light);
  box-shadow: 0 0 0 100vmax var(--color-gray-light);
  clip-path: inset(0 -100vmax);
}

.arquitectura__group-title {
  padding: 2.5rem 0;
}

.bg__arquitectura-content {
  min-height: 10rem;
  background-color: white;
  box-shadow: 0 0 0 100vmax var(--color-white);
  clip-path: inset(0 -100vmax);

  padding: 5rem 0;
}

.arquitectura__group-content {
  height: auto;

  display: flex;
  flex-direction: row;
  gap: 1px;

  align-items: center;

  background-color: var(--color-gray-2);
}

.group-content-item-arquitectura {
  min-height: 12rem;
  height: auto;
  width: 100%;

  display: flex;
  flex-direction: column;

  justify-content: start;

  padding: 1rem 3rem;
  background-color: var(--color-white);
}

.group-content-item-arquitectura.middle {
  align-items: center;
}

.text-item-title.arq {
  width: 80%;
}

.group__text-subgroup-list.arq {
  width: 80%;
}

/*KPIS*/
.bg__kpi-content {
  background-color: var(--color-white);
  padding: 8rem 0;
}

.kpi__group-title {
  background-color: var(--color-blueDeepB);
  box-shadow: 0 0 0 100vmax var(--color-blueDeepB);
  clip-path: inset(0 -100vmax);

  padding: 2.5rem 0;
}

.kpi__group-text {
  background-color: var(--color-gray-2);

  display: flex;
  flex-direction: row;

  gap: 1px;
}

.group-text__item {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 1rem;

  padding: 2rem;

  background-color: var(--color-white);
  justify-content: start;
  align-items: center;
}

.group-text__item-title {
  font-weight: var(--font-semibold);
  color: var(--color--blueDeep);
  font-size: 1.5rem;
  margin: 0;
}

.group-text__item-text {
  font-size: 1rem;
  color: var(--color-gray-5);
  margin: 0;
}

.usos__group-title {
  background-color: var(--color-gray-light);
  box-shadow: 0 0 0 100vmax var(--color-gray-light);
  clip-path: inset(0 -100vmax);

  padding: 2.5rem 0;
}

.bg__usos-group-text {
  background-color: var(--color-white);
  padding: 5rem 0;
}

.usos__subgroup-text {
  background-color: var(--color-gray-2);

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}

.subgroup-text__item {
  background-color: var(--color-white);
  padding: 2.5rem;

  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.subgroup__item-title {
  font-size: 1.2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-semibold);
  color: var(--color--blueDeep);

  margin: 0;
}

.subgroup__item-text {
  font-size: 1rem;
  color: var(--color-gray-5);
  margin: 0;
}

/*CONSULTAR INGENIERIA*/

.consultar-ing {
  background-color: var(--color-white);
  box-shadow: 0 0 0 100vmax var(--color-white);
  clip-path: inset(0 -100vmax);

  padding: 5rem 0;
}

.consultar-ing__content {
  display: flex;
  flex-direction: column;

  gap: 2rem;
  justify-content: center;
  align-items: center;
}

.btn__consultar-ing {
  font-size: 1.2rem;
  font-weight: var(--font-meidum);
  font-family: var(--font-tittle);

  color: var(--color-white);
  padding: 0.5rem 1rem;
  background-color: var(--color-blueDeepB);
  border: 1px solid var(--color-blueDeepB);
  border-radius: 10px;

  display: flex;
  gap: 1rem;
  align-items: center;

  transition: all 0.3s ease-in-out;
}

.btn__consultar-ing:hover {
  background-color: var(--color-gray-light);
  color: var(--color-gray-5);
  border: 1px solid var(--color-gray-light);
  border-radius: 10px;
  box-shadow: 0 10px 10px -10px var(--color-gray-4);
}

.consultar__ing-text {
  color: var(--color-gray-5);
}

/*POLITICA DE PRIVACIDAD*/

.informacionLegal__hero {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-none) 100%),
    url("../img/Gemini_Generated_Image_1kt1qr1kt1qr1kt1.png");
  height: 30rem;
  padding: 5rem 0rem;

  background-position: top;
  background-size: cover;
}

.hero__informacionLegal {
  display: flex;
  flex-direction: column;
  gap: 2rem;

  justify-content: flex-end;
  align-items: flex-start;

  height: auto;
  margin-top: 12rem;
}

.informacionLegal__hero-title,
.informacionLegal__hero-text {
  color: var(--color-white);
  font-family: var(--font-tittle);
}

.informacionLegal__hero-title {
  font-size: 3.5rem;
  line-height: 4rem;
  width: 50rem;
  margin: 0;
}

.gep {
  width: 60rem;
}

.informacionLegal__hero-text {
  font-size: 1.2rem;
  font-family: var(--font-body);
  font-weight: var(--font-regular);
  text-align: justify;
  line-height: 1.6rem;
  margin: 0;
}

.informacionLegal__hr-hero {
  color: var(--color-white);
  height: 1rem;
  width: 3rem;
  background-color: var(--color-white);
  margin: 0;
  margin-top: 2rem;
}

.informacionLegal__body {
  height: auto;
}

/*CONTENIDO POLITICA DE PRIVACIDAD*/

.informacionLegal__group-title {
  padding: 5rem 0;
  font-size: 2rem;
  font-weight: var(--font-meidum);
  font-family: var(--font-tittle);

  color: var(--color--blueDeep);

  background-color: var(--color-gray-light);
  box-shadow: 0 0 0 100vmax var(--color-gray-light);
  clip-path: inset(0 -100vmax);
}

.dark-color {
  background-color: var(--color-blueDeepB);
  color: var(--color-white);
  box-shadow: 0 0 0 100vmax var(--color-blueDeepB);
  clip-path: inset(0 -100vmax);
}

.informacionLegal__group-text {
  padding: 5rem 0rem;
}

.informacionLegal__group-text-list {
  font-size: 1.2rem;
  font-weight: var(--font-light);
  color: var(--color-gray-5);

  line-height: 2rem;
  list-style: "";
  padding: 0;
  margin: 0;
}

.style-dot {
  padding-left: 2rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  list-style: disc;
}

.informacionLegal__group-text-title {
  font-size: 1.2rem;
  color: var(--color-gray-5);
  font-weight: var(--font-light);
  line-height: 1.6rem;

  text-align: justify;
}

.informacionLegal__group-text-subtitle {
  font-size: 1.6rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-meidum);
  color: var(--color--blueDeep);

  padding: 2rem 0;
}

.alone {
  line-height: 2rem;
  text-align: justify;
}

.informacionLegal__item-link {
  border-bottom: 1px solid var(--color-gray-5);
  color: var(--color-gray-5);
}

/*GEP TABLAS*/

.informacionLegal__tabla {
  margin: 5rem 0;

  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 1px;

  background-color: var(--color-gray-2);
}

.sec {
  margin: 0;
}

.tabla__group {
  width: 100%;

  display: flex;
  flex-direction: row;
  gap: 1px;

  background-color: var(--color-gray-2);
}

.tabla__tittle,
.tabla__text {
  margin: 0;
  background-color: var(--color-white);
  padding: 1.5rem;
}

.tabla__tittle {
  width: 20%;
  font-weight: var(--font-meidum);
  color: var(--color--blueDeep);
}

.tabla__text {
  width: 80%;
  color: var(--color-gray-5);
  font-weight: var(--font-light);
}

/*SUBTABLA GEP*/

.subtabla__group-title {
  display: grid;
  grid-template-columns: repeat(5, 1fr);

  background-color: var(--color-gray-light);
  color: var(--color--blueDeep);
  font-weight: var(--font-semibold);

  margin: 0;
}

.invert-color {
  background-color: var(--color--blueDeep);
  color: var(--color-white);
}

.subtabla__tittle {
  display: flex;
  justify-content: center;
}

.subtabla__group-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background-color: var(--color-gray-2);
  border: 1px solid var(--color-gray-2);
  border-top: 0;
}

.subtabla__group {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;

  background-color: var(--color-gray-2);
  border: 1px solid var(--color-gray-2);
  border-top: 0;

  margin: 0;
  padding: 0;
}

.subtabla__text {
  background-color: var(--color-white);
  height: auto;

  max-width: 1fr;
  padding: 2rem;
  color: var(--color-gray-5);
  font-size: 1.2rem;
  font-weight: var(--font-light);
  margin: 0;
}

/*PRODUCTOS SECTION*/

.productos {
  margin-top: 5.5rem;
  padding: 5rem 0;
}

.productos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;

  margin-bottom: 2.5rem;
}

.productos-group-title {
  border-left: 2px solid var(--color-gray-1);
  padding: 2.5rem;
  min-height: 18rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;

  box-shadow: -8px 0px 15px -5px var(--color-gray-1);
}

.group-item-tag {
  font-size: 1rem;
  font-weight: var(--font-light);
  color: var(--color-gray-4);
  margin: 0;
}

.group-item-title {
  margin: 0;
  font-size: 3rem;
  width: 60%;
  font-family: var(--font-tittle);
  font-weight: var(--font-regular);
  color: var(--color--blueDeep);
}

.group-item-text {
  font-size: 1.2rem;
  font-weight: var(--font-light);
  color: var(--color-gray-5);
  text-align: justify;
}

.productos-group-single {
  padding: 2.5rem;
  min-height: 18rem;

  color: var(--color-white);

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  transition: all 0.3s ease;
}

.productos-group-single:hover {
  box-shadow: 0px 10px 15px -5px var(--color-gray-4);
}

.productos-group-single.arkony {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 10%, var(--color-none) 80%, var(--color-none) 100%),
    url("../img/arkony-deepblack.jpg");
  /* url('/assets/img/GNSS-SSR--card.png'); */
  background-position: center;
  background-size: cover;

  grid-column: 1/-1;
}

.productos-group-single.gnss {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 10%, var(--color-none) 80%, var(--color-none) 100%),
    url("../img/GNSS-SSR--card.png");
  /* url('/assets/img/GNSS-SSR--card.png'); */
  background-position: bottom;
  background-size: cover;
}

.productos-group-single.haps {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 10%, var(--color-none) 80%, var(--color-none) 100%),
    url("../img/HAPS--card.png");
  /* url('/assets/img/HAPS--card.png'); */
  background-position: bottom;
  background-size: 120%;
}

.productos-group-single.satcom {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 10%, var(--color-none) 50%, var(--color-none) 100%),
    url("../img/cockpit-2.webp");
  background-position: center;
  background-size: cover;
}

.productos-group-single.fipas {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 5%, var(--color-none) 80%, var(--color-none) 100%),
    url("../img/fipas-cardproyectos.png");
  background-position: center;
  background-size: cover;

  grid-column: 1/-1;
}

.productos-group-single.copeo {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 10%, var(--color-none) 100%), url("../img/copeo-portada.png");
  background-position: center;
  background-size: 120%;
}

.single-item-title {
  font-weight: var(--font-semibold);
  font-size: 2rem;
  margin: 0;
}

.single-item-text {
  font-size: 1.2rem;
  color: var(--color-gray-2);
  font-weight: var(--font-light);
  text-align: justify;
  margin: 0;
}

.single-item-text.arkony {
  width: 30%;
  text-align: start;
}

.single-item-btn {
  padding: 0.5rem 1rem;
  background-color: var(--color-gray-transparent);
  width: fit-content;
  font-size: 1rem;
  font-weight: var(--font-regular);
  color: var(--color-gray-1);
  border: 1px solid var(--color-none);
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.single-item-btn:hover {
  background-color: var(--color-none);
  color: var(--color-white);
  border: 1px solid var(--color-gray-2);
}

.productos-link-soluciones {
  display: block;
  width: 100%;
  background-color: var(--color-gray-1);
  border: 1px solid var(--color-gray-1);
  text-align: center;
  padding: 0.5rem 0;
  color: var(--color-gray-5);
  font-weight: var(--font-semibold);
  border-radius: 5px;

  transition: all 0.3s ease-in-out;
}

.productos-link-soluciones:hover {
  box-shadow: 0px 5px 15px -5px var(--color-gray-2);
}

#icon-link-productosSoluciones {
  text-align: center;
  font-size: 1.2rem;
  color: var(--color-gray-5);
}

/*HAPS PAGE*/

.producto__hero {
  height: 40rem;
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-none) 100%), url("../img/HAPS--card.png");
  background-size: cover;
  background-position: bottom;

  margin-top: 5.5rem;
  padding: 5rem 0rem;
}

.hero-secciones {
  display: flex;
  flex-direction: row;
  height: 20rem;
  width: auto;
}

.izquierda-hero,
.derecha-hero {
  padding-top: 10rem;
  height: 80%;
  width: 100%;
}

.izquierda-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.productoHero__title {
  font-size: 3.5rem;
  margin: 0;

  color: var(--color-white);
}

.productHero__subtitle {
  font-size: 1.2rem;
  color: var(--color-gray-1);
}

.productoHero__text {
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: justify;

  color: var(--color-gray-2);
}

/*------------*/

.producto__bck-img {
  height: 30rem;
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 1%, var(--color-none) 100%), url("../img/satcom1.png");
  background-position: center;
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bck-img-2 {
  height: 30rem;
  background-image: linear-gradient(to top, var(--color-back-arkony) 1%, var(--color-none) 100%), url("../img/222.png");
  background-position:
    center,
    right 0px bottom 30%;
}

.producto-secciones {
  display: flex;
  flex-direction: row;
  height: auto;
}

.derecha-title,
.izquierda-text {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
}

.izquierda-text.haps-prod,
.derecha-title.haps-prod {
  padding-top: 10rem;
}

.title-title {
  margin: 0;
  color: var(--color-white);

  font-weight: var(--font-meidum);
  font-size: 1.8rem;
}

.productos-hr {
  height: 0.8rem;
  width: 2rem;
  background-color: var(--color-white);
  margin: 0;
  margin-top: 2rem;
}

.text-title {
  color: var(--color-white);
  font-size: 1.2rem;
}

.text-parragraph {
  font-size: 1.2rem;
  color: var(--color-gray-3);
  line-height: 2rem;
  text-align: justify;
}

.producto-hr-fina {
  border: none;
  height: 1px;
  background-color: var(--color-gray-4);
  width: 100%;
}

/*---*/
.gray {
  color: var(--color-blueDeepB);
}

.producto-bck-gray {
  background-color: var(--color-gray-1);
  height: auto;

  padding: 5rem 0;
}

.producto-bck-dark {
  background-color: var(--color-blueDeepB);
  min-height: 50rem;
  height: auto;

  display: flex;
  flex-direction: column;
  padding: 5rem 0;
}

.producto-hr.gray {
  height: 0.8rem;
  width: 2rem;
  background-color: var(--color-blueDeepB);
  margin: 0;
  margin-top: 2rem;
}

.producto-hr.dark {
  height: 0.8rem;
  width: 2rem;
  background-color: var(--color-white);
  margin: 0;
  margin-top: 2rem;
}

.productos-hr.gray {
  background-color: var(--color-back-arkony);
}

.text-title.gray {
  color: var(--color-blueDeepB);
  font-family: var(--font-tittle);
  font-weight: var(--font-meidum);
}

.text-parragraph.gray {
  color: var(--color-gray-5);
}

.text-parragraph.dark {
  color: var(--color-gray-2);
}

.apartado {
  padding-bottom: 2.5rem;
}

.producto-hr-fina-gray {
  margin-top: 2.5rem;
  border: none;
  height: 1px;
  width: 100%;
  background-color: var(--color-gray-3);
}

/*------ ARKONY -------------*/

.producto__hero.arkony {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 15%, var(--color-none) 100%), url("../img/arkony-hero.jpg");
  height: 34rem;
}

.producto__seccion-horizontalBG {
  width: 100%;
  background-color: var(--color-gray-1);
  padding: 2.5rem 0;
}

.seccion-horizontal-content {
  display: flex;
  flex-direction: row;
  gap: 1px;

  background-color: var(--color-gray-2);
  width: 100%;
  justify-content: center;
  align-items: center;
}

.seccion-horizontal-item {
  width: 33.3%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;

  background-color: var(--color-gray-1);
}

.content-title {
  font-size: 2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-bold);

  color: var(--color-blueDeepB);
  margin: 0;
}

.content-text {
  font-size: 1.2rem;
  font-weight: var(--font-light);
  color: var(--color-gray-5);

  margin: 0;
}

/*------------*/

.producto__seccion-vertical-white {
  padding: 5rem 0;
  background-image: linear-gradient(to top, var(--color-gray-1) 1%, var(--color-none) 50%, var(--color-none) 100%);
}

.producto__seccion-vertical-white.last {
  padding-bottom: 5rem;
}

.producto__seccion-vertical-white.gray-bg {
  background-color: var(--color-gray-1);
}

.vertical-white-title {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.item-title {
  color: var(--color-blueDeepB);
  margin: 0;
}

.item-hr {
  border: none;
  width: 2.5rem;
  height: 1rem;
  background-color: var(--color-blueDeepB);
  margin: 0;
}

.item-text {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: var(--color-gray-5);
  text-align: justify;
  font-weight: var(--font-light);
  margin: 0;
}

.vertical-white-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  margin-top: 5rem;
}

.vertical-white-content.single {
  display: grid;
  grid-template-columns: 1fr;
}

.content-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  width: 80%;
}

.content-group.single {
  width: 100%;
}

#icon-content {
  font-size: 2rem;
  color: var(--color--blueDeep);
}

.content-item-title,
.content-item-text {
  font-size: 1.2rem;
}

.content-item-title {
  color: var(--color-blueDeepB);
  margin: 0;
}

.content-item-text {
  color: var(--color-gray-5);
  font-weight: var(--font-light);
  line-height: 1.8rem;
  text-align: justify;
  margin: 0;
}

.content-item-hr {
  background-color: var(--color-gray-2);
  border: none;
  height: 1px;
  width: 100%;
  margin-top: 2rem;
}

/*seccion fotos*/

.producto__seccion-photos {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bg_primero {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 15%, var(--color-none) 100%), url("../img/agua-fotos.png");
  background-position: center;
  background-size: cover;
  height: 35rem;
}

.bg_segundo {
  background-image:
    linear-gradient(to left, var(--color-back-arkony) 15%, var(--color-none) 100%), url("../img/photos-fuego.png");
  background-position: center;
  background-size: cover;
  height: 35rem;
}

.bg_tercero {
  background-image:
    linear-gradient(to right, var(--color-back-arkony) 15%, var(--color-none) 100%), url("../img/3-photo.png");
  background-position: center;
  background-size: cover;
  height: 35rem;
}

.bg_cuarto {
  background-image:
    linear-gradient(to left, var(--color-back-arkony) 15%, var(--color-none) 100%), url("../img/cuarta.png");
  background-position: bottom;
  background-size: cover;
  height: 35rem;
}

.seccion-photos-content.izq {
  align-items: flex-end;
  justify-content: center;
  width: 60%;

  margin-left: 40%;
}

.seccion-photos-content {
  display: flex;
  flex-direction: column;
  height: 30rem;
  gap: 2.5rem;

  width: 60%;
  padding: 2.5rem 0;

  justify-content: center;
  align-items: flex-start;
}

.photos-content-tag,
.photos-content-title,
.photos-content-text {
  color: var(--color-white);
  margin: 0;
  text-align: justify;
}

.photos-content-title {
  font-weight: var(--font-meidum);
}

.photos-content-tag {
  font-weight: var(--font-light);
  font-size: 1rem;
  color: var(--color-gray-2);
}

.photos-content-text {
  color: var(--color-gray-1);
  font-size: 1.2rem;
  font-weight: var(--font-light);
  line-height: 2rem;
}

/*-----SATCOM----------*/

.satcomAero {
  background-image:
    linear-gradient(to top, var(--color-gray-light) 0%, var(--color-none) 100%), url("../img/prueba2.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 30rem;
}

.productoHero__title.satcomAero-heroTitle {
  color: var(--color-blueDeepB);
}

.productoHero__text.satcomAero-heroText {
  color: var(--color-gray-5);
}

.seccion-dividida {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 5rem 0;
}

.dividida-izq {
  width: 100%;
}

.dividida-derch {
  width: 100%;
}

.dividida-imagen {
  height: auto;
  width: 28rem;
}

.dividida-title,
.dividida-text {
  margin: 0;
  font-size: 1.2rem;
  line-height: 2rem;
  color: var(--color-gray-5);
  text-align: justify;
}

.dividida-title {
  color: var(--color-blueDeepB);
  font-size: 2rem;
  font-weight: var(--font-semibold);
  padding-bottom: 2rem;
}

.seccion-text {
  padding-bottom: 5rem;
}

.seccion-imagenEsquema {
  padding: 2.5rem 0;
  padding-bottom: 5rem;
}

.imagenEsquema {
  height: auto;
  width: 100%;
}

.seccion-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  padding: 5rem 0;
}

.card-satcom {
  height: auto;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  box-shadow: 0px 12px 12px 0px var(--color-gray-light);
  border: 1px solid var(--color-white);
  transition: all 0.3s ease;
}

.card-satcom:hover {
  box-shadow: 0px 12px 12px 0px var(--color-gray-2);
  border: 1px solid var(--color-gray-1);
}

.title-satcomCard {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: var(--font-meidum);
  color: var(--color-blueDeepB);
}

.img-satcomCard {
  height: auto;
  width: 12.5rem;
  padding-bottom: 2rem;
  opacity: 0.9;
}

.img-dls140 {
  height: auto;
  width: 8rem;
  opacity: 0.9;
}

.seccion-ventajas {
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  align-items: center;
}

.ventajas-title {
  color: var(--color-blueDeepB);
  font-weight: var(--font-semibold);
}

.dividida-text.ventajas {
  text-align: center;
}

.ventajas-btn {
  padding: 0.5rem 1rem;
  margin-top: 2.5rem;
  background-color: var(--color-blueDeepB);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 5px;
  box-shadow: 0px 12px 12px 0px var(--color-gray-light);

  transition: all 0.3s ease;
}

.ventajas-btn:hover {
  background-color: var(--color-white);
  color: var(--color-blueDeep);
  border: 1px solid var(--color-gray-3);
  box-shadow: 0 4px 6px -1px var(--color-gray-3);
}

/*---------GNSS SSR---------------*/

.producto__hero.gnss-page {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 30%, var(--color-none) 100%), url("../img/gnss-secondHero.png");
  background-position: top;
  background-size: 120%;
}

.content-hero {
  color: var(--color-white);

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5rem;
  justify-content: space-between;
  align-items: center;
}

.content-hero-group {
  margin: 2.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content-hero-group.center {
  border-left: 1px solid var(--color-gray-4);
  border-right: 1px solid var(--color-gray-4);
}

#icon-shield,
#icon-bolt,
#icon-location {
  color: var(--color-white);
}

#icon-shield {
  width: 5%;
  height: auto;
}

.hero-content-title {
  font-size: 1.2rem;
  font-weight: var(--font-meidum);
}

.hero-content-text {
  font-size: 1.2rem;
  font-weight: var(--font-light);
  color: var(--color-gray-2);
  text-align: center;
}

/*gnss secciones*/
.section-gnss-dark {
  background-color: var(--color-back-arkony);
  margin: 0;
  padding-top: 4rem;
  padding-bottom: 8rem;
  color: var(--color-white);
  display: flex;
  flex-direction: column;
}

.section-gnss-dark-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}

.dark-text-group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  font-size: 1.2rem;
  font-weight: var(--font-light);
  justify-content: center;
  align-items: center;
}

#icon-code,
#icon-wifi,
#icon-lock {
  color: var(--color-white);
  font-size: 1rem;
}

.stars-icon {
  width: 1.2rem;
  height: auto;
}

.section-gnss-dark-secondText {
  width: 100%;
  text-align: center;
  color: var(--color-gray-3);
  font-size: 1.2rem;
  margin-top: 2rem;
}

.text-title.gray.gnssSeccion {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}

.icono-ventajas {
  font-size: 1.2rem;
}

.icon-check {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}

.strong-gnss {
  font-weight: var(--font-semibold);
  color: var(--color-white);
}

.text-parragraph.gray.gnssText {
  width: 70%;
  text-align: justify;
  margin-top: 2.5rem;
}

.producto-bck-imagen-gnssBg {
  height: auto;
  width: 100%;
  margin-bottom: 2.5rem;
}

.apartado.seccion-gnss {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.text-parragraph.dark.spark-gnss {
  padding: 0.5rem 0;
  width: 60%;
  border: 1px solid var(--color-gray-4);
  border-radius: 10px;
  text-align: center;
  font-weight: var(--font-semibold);
  color: var(--color-white);
  margin: 0;
}

.producto-hr-fina-dark.hr-gnss {
  margin: 0;
  width: 100%;
  height: 1px;
  border: none;
  background-color: var(--color-gray-4);
}

.fa-circle-info {
  font-size: 1.2rem;
  margin-right: 0.5rem;
  color: var(--color-gray-1);
}

.apartado.gnss-apartado {
  margin-top: 5rem;
}

.apartado.kpi-group {
  display: flex;
  flex-direction: column;
}

.strong-gnss-kpi {
  font-size: 2.5rem;
}

.hr-bg-kppi {
  height: 4px;
  width: 50%;
  background-color: var(--color-gray-5);
  border: none;
  border-radius: 5px;

  display: flex;
  justify-content: start;
}

.hr-kpi-color-a {
  height: 100%;
  width: 85%;
  background-color: #00e7f7;
}

.hr-kpi-color-b {
  height: 100%;
  width: 92%;
  background-color: #00e7f7;
}

.hr-kpi-color-c {
  height: 100%;
  width: 96%;
  background-color: #00e7f7;
}

.hr-kpi-color-d {
  height: 100%;
  width: 99%;
  background-color: #00e7f7;
}

.hr-kpi-general {
  height: 1px;
  width: 100%;
  border: none;
  background-color: var(--color-gray-4);
  margin-top: 2.5rem;
}

.seccion-ultima-gnss {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.seccion-btn-group {
  padding: 0.5rem 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  justify-content: center;
}

.btn-contacto-gnss:hover {
  background-color: var(--color-gray-2);
  border: 1px solid var(--color-none);
  box-shadow: 0px 5px 15px -5px var(--color-gray-3);
  color: var(--color-blueDeepB);
}

.btn-contacto-gnss {
  font-size: 1rem;
  cursor: pointer;
  padding: 0.5rem 2rem;
  background-color: var(--color--blueDeep);
  color: var(--color-white);
  border: 1px solid var(--color-none);
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

/*gnss-modal*/

.modal-videos::backdrop {
  background: rgba(0, 0, 0, 0.285);
  backdrop-filter: blur(2px);
}

.modal-videos[open] {
  border: 1px solid var(--color-gray-2);
  border-radius: 5px;
  padding: 1rem;
  width: 50rem;
  height: 35rem;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;

  background-color: var(--color-blueDeepB);
}

.modal-group-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 0;
}

.modal-videos-close {
  background-color: var(--color-none);
  border: none;
  cursor: pointer;
}

.close-btn {
  background-color: var(--color-none);
  font-size: 1.5rem;
  color: var(--color-white);
  border: none;
  cursor: pointer;
}

.modal-title {
  font-family: var(--font-body);
  font-size: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--color-white);
  margin: 0;
}

.video-container {
  height: 100%;
}

.video-container-inc {
  width: 100%;
  height: 45rem;
  padding-top: 5rem;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/*--FIPAS PAGE-----------*/

.producto__hero.fipas-p {
  background-image:
    linear-gradient(to top, var(--color-back-arkony) 10%, var(--color-none) 100%), url("../img/fipas-hero-gemini.png");
  background-position: center;
  background-size: cover;
  margin-bottom: 5rem;
}

.producto-gray-link {
  background-color: var(--color-white);
}

.gray-link-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 0.5rem;
  gap: 1rem;
  transition: all 0.3s ease-in-out;

  font-size: 1.2rem;
  font-family: var(--font-tittle);
  font-weight: var(--font-meidum);
  color: var(--color-gray-4);
  margin: 0;

  border-bottom: 2px solid var(--color-none);
}

.gray-link-content:hover {
  color: var(--color--blueDeep);
  border-bottom: 2px solid var(--color-gray-2);
}

.gray-link-icon {
  transform: rotate(45deg);
  font-size: 1.2rem;
  color: var(--color-gray-3);
}

.producto-bck-gray.fipas {
  background-color: var(--color-white);
}

.producto-gray-fipas {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 2.5rem;
}

.producto-gray-fipas-imgs {
  background-color: var(--color-gray-1);
  padding: 5rem 0;
}

.gray-fipas-imgs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
}

.imgs-fipas-grid-item {
  display: flex;
  flex-direction: column;
}

.bck-grid-img-fipas-item {
  background-color: var(--color-blueDeepB);
  height: 25rem;
  width: 100%;
  display: flex;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: start;
  padding: 1rem;
  transition: all 0.3s ease-in-out;
}

.bck-grid-img-fipas-item:hover {
  box-shadow: 0 10px 30px var(--color-gray-3);
}

.teledeteccion-img {
  background-image: url("../img/fipas-3-page.webp");
  background-position: center;
  background-size: cover;
}

.evento-img {
  background-image: url("../img/fipas-1-page.webp");
  background-position: center;
  background-size: cover;
}

.satelital-img {
  background-image: url("../img/fipas-2-page.webp");
  background-position: top;
  background-size: cover;
}

.pma-img {
  background-image: url("../img/fipas-4-page.webp");
  background-position: center;
  background-size: cover;
}

.icon-img-fipas {
  color: var(--color-gray-5);
  font-size: 1rem;
  margin: 0;

  height: 1.2rem;
  width: 1.2rem;
  background-color: var(--color-gray-3);
  padding: 0.2rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;

  transition: all 0.3s ease-in-out;
}

.icon-img-fipas:hover {
  background-color: var(--color-gray-4);
  color: var(--color-gray-1);
}

.grid-fipas-img-title {
  font-family: var(--font-body);
  font-size: 1.2rem;
  font-weight: var(--font-regular);
  color: var(--color-gray-5);
  border-bottom: 1px solid var(--color-gray-2);
  padding-bottom: 0.5rem;
}

.modal-fipas {
  width: fit-content;
  height: auto;

  padding: 0;
  background-color: transparent;

  border: none !important;
  outline: none;
  overflow: hidden;
}

.modal-fipas:focus,
.modal-fipas:focus-visible {
  outline: none;
  border: none;
}

.modal-fipas::backdrop {
  background-color: rgba(0, 0, 0, 0.571);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.modal-fipas[open] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  border: none;
}

.img-modal-fipas {
  height: auto;
  width: auto;
  display: block;

  max-width: 90vw;
  max-height: 90vh;
  border-radius: 10px;
}

.fa-xmark.modal {
  color: var(--color-white);
  padding: 0.2rem;
  border-radius: 5px;
  margin-bottom: 0.5rem;

  transition: all 0.3s ease-in-out;
}

.fa-xmark.modal:hover {
  color: var(--color-gray-5);
  background-color: var(--color-gray-3);
  padding: 0.2rem;
  border-radius: 5px;
}

/*COMPONENTE DESPLEGABLE HEADER*/

.menu__item-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
}

.dropdown {
  position: absolute;
  top: 100%;
  left: 0;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  background-color: rgba(0, 0, 0, 0.664);
  min-width: 8rem;
  padding: 0.5rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  display: none;
  z-index: 210;
}

.menu__item-wrapper:hover .dropdown {
  display: block;
}

.dropdown-item {
  list-style: none;
  padding: 0.5rem;
}

.dropdown-item-text {
  color: var(--color-gray-1);
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: var(--font-light);

  transition: all 0.3s ease-in-out;
}

.dropdown-item-text:hover {
  color: #00e7f7;
}

/*COPEO PAGE*/

.producto__hero.copeo-p {
  background-image:
    linear-gradient(to top, var(--color-gray-1) 10%, var(--color-none) 100%), url("../img/copeo-hero.png");
}

.productoHero__title.copeo-p {
  color: var(--color-blueDeepB);
}

.productHero__subtitle.copeo-p {
  color: var(--color-gray-5);
}

.productoHero__btn-copeo {
  font-size: 1.2rem;
  font-family: var(--font-body);
  font-weight: var(--font-semibold);
  color: var(--color-white);
  background-color: var(--color-blueDeepB);
  padding: 1rem;
  width: fit-content;
  margin-top: 2rem;
  border-radius: 5px;
  box-shadow: 0px 5px 15px -5px var(--color-gray-4);
  transition: all 0.3s ease-in-out;
}

.productoHero__btn-copeo:hover {
  background-color: #6e9659;
  color: var(--color-white);
  box-shadow: 0px 10px 15px -5px var(--color-gray-4);
}

.derecha-hero.copeo-p {
  display: flex;
  justify-content: center;
  align-items: center;
}

.productoHero__img-copeoLogo {
  height: auto;
  width: 40%;
}

.content-hero.copeo-p {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: center;
}

.hero-content-title.copeo-p {
  color: var(--color-gray-5);
  font-weight: var(--font-light);
  margin: 0;
}

.hero-content-text.copeo-p {
  color: var(--color-blueDeepB);
  font-weight: var(--font-semibold);
  margin: 0;
}

.content-hero-group.copeo-p {
  width: 60%;
  gap: 1rem;
}

.content-hero-group.copeo-p.borders {
  border-left: 1px solid var(--color-gray-2);
  border-right: 1px solid var(--color-gray-2);
}

.content-hero-copeo-bkc {
  border-bottom: 1px solid var(--color-gray-1);
}

.producto-bck-gray.white-bck {
  background-color: var(--color-white);
  padding-top: 8rem;
}

.text-title.gray.strong-title-copeo {
  font-size: 1.4rem;
  font-weight: var(--font-bold);
}

.producto-gray-link.copeo-p {
  margin: 2rem 0;
}

.gray-link-content.copeo-p {
  border: none;
}

.gray-link-content.copeo-p:hover {
  border: none;
}

#impacto_sostenible {
  scroll-margin-top: 5.5rem;
}

html:has(#pagina-copeo) {
  scroll-behavior: smooth;
}

.productos-icon:hover {
  color: var(--color-white);
}

.mailto-link {
  border-bottom: 1px solid var(--color-gray-4);
  color: var(--color-gray-5);
}