@font-face {
  font-family: Graphik;
  src: url("../font/Graphik-Regular.otf") format("opentype");
}

@font-face {
  font-family: Graphik;
  font-weight: bold;
  src: url("../font/Graphik-Medium.otf") format("opentype");
}

*,
::after,
::before {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

:root {
  --colorNegro: #000;
  --colorBlanco: #ffffff;
  --colorGris: #4d4d4d;
  --colorGris8: #8a8a89;
  --colorAzul: #00adff;
  --colorAmarillo: #ffbf00;
  --colorRojo: #ff4d3b;

  --ani: all 0.4s ease-in-out;
  --aniTitle: all 0.4s ease-in-out;
  --aniBody: background-color 0.6s ease-in-out;

  --width-col: 28.8rem;
  --border-col: 2px;

  --col-width-2: calc(calc(2 * var(--width-col)) - var(--border-col));
  --col-width-3: calc(calc(3 * var(--width-col)) - calc(var(--border-col) * 2));
  --col-width-4: calc(calc(4 * var(--width-col)) - calc(var(--border-col) * 3));

  --col-width-2-b0: calc(var(--col-width-2) + var(--border-col));
  --col-width-3-b0: calc(var(--col-width-3) + calc(var(--border-col) * 2));
  --col-width-4-b0: calc(var(--col-width-4) + calc(var(--border-col) * 3));
}

html {
  font-size: 0.521vw;
}
*:focus {
  outline: none;
}

body {
  font-family: Graphik;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: normal;
  line-height: 120%;
  margin: 0px;
  padding: 0px;
  color: var(--colorBlanco);
  background-color: var(--colorNegro);

  -moz-transition: var(--aniBody);
  -ms-transition: var(--aniBody);
  -o-transition: var(--aniBody);
  transition: var(--aniBody);
}

b,
strong {
  font-weight: bold;
}
p {
  margin: 0px 0px 2rem 0px;
}

a {
  color: var(--colorBlanco);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9;
  display: flex;
  padding: 0px 4rem;
  align-items: center;
}
header .header__logo {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 4rem;
}
header .header__logo .btn__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .header__logo .btn__logo svg {
  width: 15.539rem;
  height: auto;
}

.page {
  padding: 12rem 0px 12rem 0px;
}

.content {
  padding: 0px 9.6rem;
  display: flex;
  flex-direction: column;
  gap: 0;
  pointer-events: none;
}
.content .row {
  display: flex;
}
.content .row .col {
  width: var(--width-col);
  height: var(--width-col);
  border: calc(var(--border-col) / 2) solid var(--colorGris);
  z-index: 1;
  opacity: 0;
}
.content .row a.col {
  pointer-events: initial;
  text-decoration: none;
}

.content .row:first-child .col {
  border-top: var(--border-col) solid var(--colorGris);
}
.content .row .col:first-child {
  border-left: var(--border-col) solid var(--colorGris);
}
.content .row .col:last-child {
  border-right: var(--border-col) solid var(--colorGris);
}
.content .row:last-child .col {
  border-bottom: var(--border-col) solid var(--colorGris);
}
.content .row .col > * {
  pointer-events: initial;
}
.col-cont {
  width: 100%;
  height: 100%;
  text-align: left;
}

.pointer-events-none {
  pointer-events: none !important;
}

.content-border-none.content .row .col {
  border-width: 0;
}

.ti__imagen {
  width: var(--col-width-3-b0);
  height: var(--col-width-2-b0);
}
.ti__imagen video,
.ti__imagen img {
  object-fit: cover;
  width: var(--col-width-3-b0);
  height: var(--col-width-2-b0);
}
.ti__imagen-lab {
  width: var(--col-width-2-b0);
  height: var(--col-width-3-b0);
}
.ti__imagen-lab video,
.ti__imagen-lab img {
  width: var(--col-width-2-b0);
  height: var(--col-width-3-b0);
}
.ti__imagen-int,
.ti__imagen-int video,
.ti__imagen-int img {
  width: var(--col-width-4-b0);
  height: var(--col-width-2-b0);
}
.ti__imagen-int video,
.ti__imagen-int img {
  object-fit: cover;
}

.ti__descripcion {
  width: var(--col-width-2-b0);
  height: var(--col-width-2-b0);
}
.ti__descripcion-single {
  color: var(--colorNegro);
  width: var(--col-width-3-b0);
}
.ti__descripcion-single h1 {
  font-size: 4rem;
  line-height: 110%;
  margin: 0px 0px 4rem;
}

.home__top {
  position: absolute;
  display: block;
  z-index: 0;
  width: var(--col-width-2);
  height: var(--col-width-3);
  overflow: hidden;
  text-align: left;
}

.home__top img {
  position: relative;
  z-index: 0;
  width: var(--col-width-2);
  height: var(--col-width-3);
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.05);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.home__top:hover img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.hometitle-3,
.hometitle-2,
.hometitle-1 {
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--aniTitle);
  -ms-transition: var(--aniTitle);
  -o-transition: var(--aniTitle);
  transition: var(--aniTitle);
  transition-delay: 0;
  transform: scale(0.95);
  text-align: left;
  hyphens: initial;
  overflow-wrap: initial;
  align-items: center !important;
  display: flex;
}
.hometitle-3.hover,
.hometitle-2.hover,
.hometitle-1.hover {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.ti__titulo-seccion {
  width: var(--col-width-3-b0);
}

.width-2col {
  width: var(--col-width-2);
}
.width-3col {
  width: var(--col-width-3);
}
.width-4col {
  width: var(--col-width-4);
}
.width-4col-b0 {
  width: var(--col-width-4-b0);
}
.height-2col {
  height: var(--col-width-2);
}
.height-3col {
  height: var(--col-width-3);
}
.w-84 {
  width: 8.4rem;
}
.w-108 {
  width: 10.8rem;
}
.w-424 {
  width: 42.4rem;
}
.home_blockone {
  min-height: calc(100vh - 10rem);
  margin-bottom: 8rem;
}
.ani__home {
  position: relative;
  width: 42rem;
  height: 42rem;
}
.ani__home svg {
  position: absolute;
  width: 42rem;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ani__home span {
  display: block;
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 100px;
  background-color: var(--colorAzul);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-duration: 0.8s;
}
.ani__home:hover span {
  border-radius: 0px;
}
.ani__home svg.ani__home-1 {
  animation: girar 30s linear infinite;
}

@keyframes girar {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*////////////////////////////////////////////////*/
.font-20 {
  font-size: 2rem;
  line-height: 100%;
}
.font-21 {
  font-size: 2.1rem;
  line-height: 100%;
}
.font-24 {
  font-size: 2.4rem;
  line-height: 120%;
}
.font-27 {
  font-size: 2.7rem;
  line-height: 120%;
}
.font-30 {
  font-size: 3rem;
  line-height: 120%;
}
.font-40 {
  font-size: 4rem;
  line-height: 110%;
}
.font-160 {
  font-size: 16rem;
  line-height: 110%;
}
.font-bold {
  font-weight: bold;
}
.f_white {
  background-color: var(--colorBlanco);
  color: var(--colorNegro);
}
.f_blue,
.b-blue {
  background-color: var(--colorAzul);
}
.f_yellow,
.b-yellow {
  background-color: var(--colorAmarillo);
}
.f_red,
.b-red {
  background-color: var(--colorRojo);
}
.b-black {
  background-color: var(--colorNegro);
}
.b-grey8 {
  background-color: var(--colorGris8);
}
.b-white {
  background-color: var(--colorBlanco);
}
.hover-line {
  text-decoration: none;
}
.hover-line:hover {
  text-decoration: underline;
}

.f_gris {
  background-color: #e6e5e5;
  color: var(--colorNegro);
}
.c-black {
  color: var(--colorNegro);
}
.c-white {
  color: var(--colorBlanco);
}
.c-yellow {
  color: var(--colorAmarillo);
}
.c-grey {
  color: var(--colorGris);
}
.c-grey8 {
  color: var(--colorGris8);
}
.c-red {
  color: var(--colorRojo);
}
.c-blue {
  color: var(--colorAzul);
}
.m-0 {
  margin: 0 !important;
}
.mt-20 {
  margin-top: 2rem;
}
.mt-40 {
  margin-top: 4rem;
}
.mb-0 {
  margin-bottom: 0px !important;
}

.mt--2 {
  margin-top: -2px !important;
}

.m-20 {
  margin-bottom: 2rem;
}
.mb-32 {
  margin-bottom: 3.2rem !important;
}
.mb-100 {
  margin-bottom: 10rem;
}
.p-30 {
  padding: 3rem;
}
.p-40 {
  padding: 4rem;
}
.p-60 {
  padding: 6rem;
}
.pl-60 {
  padding-left: 6rem;
}
.pr-60 {
  padding-right: 6rem;
}
.p-80 {
  padding: 8rem;
}
.align-right {
  display: flex;
  justify-content: flex-end;
}
.align-bottom {
  display: flex;
  align-items: end;
}
.align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-1 {
  border: 1px solid var(--colorNegro) !important;
}
.br-0 {
  border-right: 0px !important;
}
.bl-0 {
  border-left: 0px !important;
}
.bb-0 {
  border-bottom: 0px !important;
}
.bt-0 {
  border-top: 0px !important;
}
.bt-1 {
  border-top: 1px solid var(--colorNegro) !important;
}
.bb-1 {
  border-bottom: 1px solid var(--colorNegro) !important;
}

.col-cont-secc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

header .header__logo .btn__logo svg rect,
header .header__logo .btn__logo svg path {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.f_white header .header__logo .btn__logo svg rect,
.f_white header .header__logo .btn__logo svg path,
.f_yellow header .header__logo .btn__logo svg rect,
.f_yellow header .header__logo .btn__logo svg path,
.f_red header .header__logo .btn__logo svg rect,
.f_red header .header__logo .btn__logo svg path,
.f_blue header .header__logo .btn__logo svg rect,
.f_blue header .header__logo .btn__logo svg path {
  fill: var(--colorNegro);
}
.f_yellow .menu li a,
.f_red .menu li a,
.f_blue .menu li a {
  color: var(--colorNegro);
}

.f_gris .menu li a {
  color: var(--colorNegro);
}
.f_gris header .header__logo .btn__logo svg rect,
.f_gris header .header__logo .btn__logo svg path {
  fill: var(--colorNegro);
}

.submenuseccion {
  background-color: var(--colorNegro);
  height: 100%;
  padding: 4rem 5rem 4rem 7rem;
  width: var(--col-width-3-b0);
}
.submenuseccion ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.submenuseccion ul li a {
  text-decoration: none;
  font-size: 4rem;
  line-height: 110%;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.submenuseccion ul li a::before {
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: -4px;
  left: 0px;
  content: "";
  background: var(--colorBlanco);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-duration: 0.2s;
  opacity: 0;
}
.submenuseccion ul li a:hover::before {
  opacity: 1;
  bottom: 0px;
}
.f_red .submenuseccion ul li.active a:hover::before {
  background-color: var(--colorRojo);
}
.f_blue .submenuseccion ul li.active a:hover::before {
  background-color: var(--colorAzul);
}
.f_yellow .submenuseccion ul li.active a:hover::before {
  background-color: var(--colorAmarillo);
}

.submenuseccion ul li a h1 {
  font-size: 4rem;
  line-height: 110%;
  margin: 0;
  padding: 0px;
  font-weight: bold;
}
.f_red .submenuseccion ul li.active a {
  color: var(--colorRojo);
}
.f_blue .submenuseccion ul li.active a {
  color: var(--colorAzul);
}
.f_yellow .submenuseccion ul li.active a {
  color: var(--colorAmarillo);
}

.menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.menu li a {
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}
.menu li a:hover,
.menu li.active a {
  text-decoration: underline;
}

.bloque__secciones {
  display: flex;
  flex-wrap: wrap;
  padding: 11rem 15rem;
  gap: 3.8rem;
  justify-content: center;
  pointer-events: initial;
}
.bloque__secciones a {
  display: flex;
  flex-direction: column;
  background-color: var(--colorNegro);
  width: 37.4rem;
  text-decoration: none;
}
.bloque__secciones a picture {
  width: 100%;
  height: 34.5rem;
  object-fit: cover;
  overflow: hidden;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.bloque__secciones a:hover picture {
  border-radius: 9rem;
}
.bloque__secciones a picture img {
  width: 100%;
  height: 34.5rem;
  object-fit: cover;
}
.bloque__secciones a div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 2rem;
  min-height: 18rem;
}
.bloque__secciones a div > span:first-child {
  padding: 2rem;
  display: block;
  font-size: 2.7rem;
  line-height: 110%;
  font-weight: bold;
}
.bloque__secciones a div > span:nth-child(2) {
  color: var(--colorGris);
  font-weight: bold;
  padding: 0px 2rem 2rem;
}

.bloque__secciones-align-left {
  justify-content: flex-start;
}

.aniEnt {
  opacity: 0;
}

.acc-formativas .width-4col-b0 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-back {
  display: flex;
  padding: 5rem 5rem 20rem 5rem;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.btn-back-post {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}
.text-decoration-none {
  text-decoration: none;
}

.btn-back svg,
.btn-back-post svg {
  width: 2rem;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.btn-back svg {
  width: 3rem;
}
.btn-back:hover svg,
.btn-back-post:hover svg {
  transform: translateX(-1rem);
}
.btn-back-post span {
  display: block;
  margin-top: 0.1rem;
}
.f_blue .btn-back {
  color: var(--colorAzul);
}
.f_blue .btn-back svg line,
.f_blue .btn-back svg path {
  stroke: var(--colorAzul);
}
.f_red .btn-back {
  color: var(--colorRojo);
}
.f_red .btn-back svg line,
.f_red .btn-back svg path {
  stroke: var(--colorRojo);
}
.f_yellow .btn-back {
  color: var(--colorAmarillo);
}
.f_yellow .btn-back svg line,
.f_yellow .btn-back svg path {
  stroke: var(--colorAmarillo);
}

.cert__txt2 {
  font-size: 1.6rem;
  line-height: 2.5rem;
  display: flex;
  width: 100%;
  gap: 10rem;
  height: 100%;
}
.cert__txt2 > div:first-child {
  width: 22rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cert__txt2 > div:first-child a {
  color: var(--colorGris8);
}

.cert__txt2 > div:last-child {
  width: 71rem;
  overflow: auto;
}
.cert__txt2 > div:last-child::-webkit-scrollbar {
  display: none;
}
.cert__img1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cert__img1 img {
  width: 27.8rem;
  height: auto;
}
.marcadoce__imgflotante {
  position: absolute;
  left: 50%;
  width: 65.7rem;
  transform: translateX(-50%);
  z-index: 2;
  margin-top: -10rem;
}
.acc__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 2.8rem;
  text-align: left;
}
.acc__header > div {
  display: flex;
  gap: 14rem;
}
.acc__header > div > div:first-child {
  width: 41.9rem;
}
.acc__header > div > div:last-child {
  width: 23rem;
}
.text-left {
  text-align: left;
  hyphens: initial;
  overflow-wrap: initial;
  display: flex;
}

.actualidad__posts {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 4rem;
  padding: 6rem;
  border: 2px solid var(--colorGris);
}
.postlist {
  width: 37rem;
  display: flex;
  flex-direction: column;
  border: 2px solid var(--colorGris);
  cursor: pointer;
  pointer-events: initial;
  height: auto;
  text-decoration: none;
  justify-content: space-between;
  display: none;
  opacity: 0;
}
.postlist.active {
  display: flex;
}
.postEnter {
  opacity: 1;
}

.postSalir {
  opacity: 0;
}

.postlist h2 {
  font-size: 2.7rem;
  line-height: 2.8rem;
  color: var(--colorBlanco);
  font-weight: bold;
  padding: 2rem;
  margin: 0;
}

.postlist div {
  color: var(--colorGris);
  font-size: 1.6rem;
}
.postlist div span {
  padding: 0px 2rem;
}
.postlist picture {
  display: flex;
  margin-left: -2px;
  margin-bottom: -2px;
  width: calc(100% + 4px);
}
.postlist img {
  width: 100%;
  height: 26.5rem;
  object-fit: cover;
  border: 2px solid var(--colorGris);
  border-radius: 7rem;
  margin-top: 2rem;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.postlist:hover img {
  border-radius: 0rem;
}
.actualidad__posts-single {
  gap: 0;
}
.actualidad__postcontent,
.actualidad__postdata {
  width: 50%;
  border: 2px solid var(--colorGris);
  pointer-events: initial;
}
.actualidad__postcontent {
  border-left-width: 1px;
  text-align: left;
}
.actualidad__postdata {
  border-right-width: 1px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.actualidad__postcontent > div {
  background-color: #cccccc;
  color: var(--colorNegro);
  border: 2px solid var(--colorGris);
  border-radius: 14rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8rem 6rem;
  gap: 3rem;
}
.actualidad__postdata > div {
  display: flex;
  flex-direction: column;
}
.actualidad__postdata img {
  width: 100%;
  height: 53rem;
  border-radius: 14rem;
  border: 2px solid var(--colorGris);
  object-fit: cover;
}
img.img-gie {
  height: auto;
}
.actualidad__postcontent > div a {
  color: var(--colorNegro);
}
.actualidad__postdate {
  color: var(--colorGris);
  padding: 0px 0px 3rem 4rem;
}

.actualidad-single .postlist {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.proyect__title {
  text-align: left;
  hyphens: initial;
  overflow-wrap: initial;
}
.proyecto-items {
  pointer-events: initial;
}
.proyecto-img-1 {
  width: var(--col-width-2-b0);
  height: var(--col-width-3-b0);
}
.proyecto-img-2 picture,
.proyecto-img-1 picture {
  display: flex;
}
.proyecto-img-1 img {
  object-fit: cover;
  width: var(--col-width-2-b0);
  height: var(--col-width-3-b0);
}

.proyecto-img-2 {
  width: var(--col-width-3-b0);
  height: var(--col-width-2-b0);
}

.proyecto-img-2 img {
  object-fit: cover;
  width: var(--col-width-3-b0);
  height: var(--col-width-2-b0);
}

.proyecto-items .slick-list {
  overflow: auto;
  padding: 0px 9.6rem;
  width: calc(100% + 19.2rem);
  margin-left: -9.6rem;
}
.proyecto-items .slick-dots {
  position: absolute;
  bottom: -7.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0px;
  margin: 0px;
  gap: 0.8rem;
}
.proyecto-items .slick-dots li button {
  padding: 0px;
  margin: 0px;
  font-size: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100px;
  background: transparent;
  border: 1px solid var(--colorNegro);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  cursor: pointer;
}
.proyecto-items .slick-dots li.slick-active button {
  background: var(--colorNegro);
}
.proyecto-items .slick-arrow {
  position: absolute;
  bottom: -9rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
  border: 0px;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.proyecto-items .slick-arrow.slick-prev {
  margin-left: -52rem;
}
.proyecto-items .slick-arrow.slick-next {
  margin-left: 52rem;
}
.proyecto-items .slick-arrow.slick-next svg {
  transform: rotate(-180deg);
}
.proyecto-items .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.pro-item {
  display: flex !important;
  flex-direction: column;
}
.pro-item-datosLast {
  position: relative;
  z-index: 2;
  pointer-events: initial;
}
.zIndex-99 {
  z-index: 99 !important;
}
.pro-item-datosLast {
  display: flex;
  padding: 4rem;
  gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
}
.pro-item-datosLast > div,
.pro-item-datosLast > div > div {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
}
.pro-item-datosLast > div {
  gap: 4rem;
}
.pro-item-datosLast a {
  color: var(--colorNegro);
  font-weight: bold;
}
.pro-item-datosLast img {
  max-width: 100%;
  height: auto;
}

.contacto__top {
  display: flex;
  width: 100%;
}
.contacto__top > div {
  width: 50%;
}

.form-cont {
  width: 100%;
  margin: 0px;
  padding: 0px 3rem;
  margin-bottom: 10rem;
}
.form-cont .form-title {
  width: 30rem;
  padding: 2.7rem 3.2rem;
  border: 2px solid var(--colorGris);
}
.form-data {
  padding-left: calc(30rem - 2px);
  margin-top: -2px;
}

.form-cont select,
.form-cont textarea,
.form-cont input {
  width: 100%;
  border: 2px solid var(--colorGris);
  height: 7.8rem;
  line-height: 7.8rem;
  font-size: 2.7rem;
  color: var(--colorBlanco);
  font-family: Graphik;
  padding: 0px 6rem;
  margin: 0px;
  background-color: transparent;
  border-top-width: 0px;
}
.form-cont select:first-child,
.form-cont textarea:first-child,
.form-cont input:first-child {
  border-top-width: 2px;
}
.form-cont select {
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 6rem) 50%;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-size: 3.2rem;
}

input.error {
  border-bottom-color: var(--colorRojo) !important;
}
button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.form-cont textarea {
  height: 30rem;
}

.form-check-count {
  display: flex;
  gap: 5rem;
}

.form-check {
  display: flex;
  position: relative;
  cursor: pointer;
  gap: 5rem;
  align-items: center;
  font-size: 2.7rem;
}
.form-check i {
  display: block;
  border: 2px solid var(--colorGris);
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  background-color: transparent;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-duration: 0.3s;
}
.form-check input {
  display: none;
}
.form-check input:checked + i {
  background-color: var(--colorBlanco) !important;
  border: 2px solid var(--colorBlanco) !important;
}
.form-check.error i {
  border-color: var(--colorRojo);
}
#form-send {
  display: none;
}
.btn {
  width: 100%;
  height: 7.8rem;
  line-height: 7.8rem;
  font-size: 2.7rem;
  color: var(--colorNegro);
  font-family: Graphik;
  padding: 0px 6rem;
  margin: 0px;
  background-color: var(--colorBlanco);
  text-align: center;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  font-weight: bold;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-duration: 0.3s;
}
.btn-red {
  background-color: var(--colorRojo);
  color: var(--colorNegro);
}
.btn-yellow {
  background-color: var(--colorAmarillo);
  color: var(--colorNegro);
}
.btn-blue {
  background-color: var(--colorAzul);
  color: var(--colorNegro);
}
.btn:hover {
  background-color: var(--colorBlanco);
}

.form-data-container {
  width: 100%;
  border: 2px solid var(--colorGris);
  padding: 3.4rem 7rem;
}

.form-file.error label {
  border-bottom-color: var(--colorRojo);
}

.form-file input {
  display: none;
}

.form-file label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.7rem;
  width: 100%;
  border: 2px solid var(--colorGris);
  cursor: pointer;
  padding: 2.15rem 6rem;
  line-height: 3rem;
  gap: 4rem;
}

.form-file label .file-botton {
  text-decoration: underline;
}

.file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60%;
}
.form-info {
  padding: 1.5rem 6rem;
  color: var(--colorGris8);
}
.p404 {
  min-height: 100vh;
  width: 100%;
  background-color: var(--colorBlanco);
  color: var(--colorNegro);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 7rem;
  font-size: 2.7rem;
}
.p404 h1 {
  font-size: 40rem;
  line-height: 40rem;
  margin: 0px;
}
.page-404 header .header__logo .btn__logo svg rect,
.page-404 header .header__logo .btn__logo svg path {
  fill: var(--colorNegro);
}

.page-defecto-contenido {
  font-size: 2.7rem;
  line-height: 120%;
  padding: 4rem 33rem;
  pointer-events: initial;
}
.page-defecto-contenido h2,
.page-defecto-contenido h3,
.page-defecto-contenido h4,
.page-defecto-contenido h5,
.page-defecto-contenido h6 {
  font-size: 3.2rem;
  line-height: 120%;
  margin: 0rem 0 3rem;
}

.row-abs {
  position: absolute;
}
.b-0 {
  border: 0px !important;
}

.icon-scroll {
  width: 3rem;
  height: 5rem;
  border-radius: 6rem;
  border: 1px solid var(--colorGris);
  position: relative;
  background-color: var(--colorNegro);
  z-index: 2;
  pointer-events: none;
}
.icon-scroll::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: var(--colorGris);
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  border-radius: 1rem;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}
.icon-scroll-home {
  position: absolute;
  top: calc(100vh - 7rem);
  left: 50%;
  transform: translateX(-50%);
}

.ani_barrido {
  position: relative;
  width: 100%;
  height: 100%;
}
.ani_barrido svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  max-width: 18rem;
  max-height: 18rem;
  opacity: 0;
}
.ani_barrido svg:nth-child(1) {
  opacity: 1;
}

@keyframes showSVG {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.ani_barrido:hover svg {
  animation: showSVG 1s linear infinite;
}

.ani_barrido:hover svg:nth-child(1) {
  animation-delay: 0s;
}
.ani_barrido:hover svg:nth-child(2) {
  animation-delay: 0.2s;
}
.ani_barrido:hover svg:nth-child(3) {
  animation-delay: 0.4s;
}
.ani_barrido:hover svg:nth-child(4) {
  animation-delay: 0.6s;
}
.ani_barrido:hover svg:nth-child(5) {
  animation-delay: 0.8s;
}

.img-sorp-1 {
  max-height: 23rem;
  width: auto;
}
.img-sorp-3 {
  max-height: 23rem;
  max-width: 30rem;
}
.img-sorp-5 {
  max-height: 24rem;
  max-width: 24rem;
}
.img-sorp-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  opacity: 0;
}
.img-sorp-2:hover {
  opacity: 1;
}

.home .ani_barrido svg rect,
.home .ani_barrido svg path {
  fill: var(--colorNegro);
}

.puestos {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.puesto {
  border-bottom: 2px solid var(--colorGris);
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}
.puesto:last-child {
  border-bottom: 0;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}
.puesto div {
  font-size: 2.4rem;
  line-height: 120%;
  padding-left: 8rem;
}
.btn-menu-movil,
.hide-desktop {
  display: none !important;
}

.certificado__validez {
  display: flex;
  padding: 16rem 0px;
  pointer-events: initial;
}
.certificado__validez svg {
  width: 24rem;
  height: 17rem;
  margin-top: -1rem;
}
.certificado__validez > div:first-child {
  width: 33rem;
  display: flex;
}
.certificado__validez > div:last-child {
  width: 130rem;
}
.cert-tit-2,
.cert-tit-1 {
  background-color: var(--colorGris8) !important;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.cert-cont-2,
.cert-cont-1 {
  opacity: 0;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.cert-tit-1.hover,
.cert-tit-2.hover {
  background-color: var(--colorAmarillo) !important;
}
.cert-cont-1.hover,
.cert-cont-2.hover {
  opacity: 1;
}

.cert__enlpdf {
  text-decoration: none;
  background-color: var(--colorGris8);
  display: block;
  height: 100%;
  color: var(--colorNegro);
  font-weight: 600;
  text-align: left;
  hyphens: initial;
  overflow-wrap: initial;
}
.cert__enlpdf:hover {
  background-color: var(--colorBlanco);
}

.pro-item .col-cont,
.cert__enlpdf .col-cont {
  text-align: left;
}

.anclaTop svg {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  width: 100%;
  height: auto;
}
.anclaTop:hover svg {
  transform: translateY(-1rem);
}

.hover-mask {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.hover-mask .text {
  display: block;
  position: relative;
  transition: transform 0.45s ease;
}

.hover-mask .text::after {
  content: attr(data-text);
  position: absolute;
  top: 100%;
  left: 0;
}
.hover-mask:hover {
  text-decoration: none !important;
}
.hover-mask:hover .text {
  transform: translateY(-100%);
}

.modal__video {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.modal__video.active {
  opacity: 1;
  visibility: visible;
}
.btnCloseModal {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 6rem;
  height: 6rem;
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  opacity: 0.6;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transform: scale(0.9);
}
.btnCloseModal svg path {
  fill: #fff;
}
.btnCloseModal:hover {
  opacity: 1;
  transform: rotate(90deg) scale(1);
}
#modalvideo iframe {
  width: 130rem;
  height: 74rem;
}

.forminsc-cont {
  padding: 6rem;
}
.forminsc-cont h1 {
  font-size: 3rem;
  line-height: 100%;
  color: var(--colorRojo);
  font-weight: bold;
}
.forminsc-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6rem;
}
.forminsc-indice {
  font-size: 6rem;
}

.pasos {
  position: relative;
}
.paso {
  display: none;
}
#p1 {
  display: block;
}
.forminsc-pretitle {
  font-size: 3rem;
  font-weight: bold;
}
.pasos .paso h2 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin: 0px 0px 3rem;
}
.paso-cont {
  margin-bottom: 8rem;
}
.paso .form-cont {
  padding: 0;
}
.paso-checks {
  margin-bottom: 8rem;
}
.alertform {
  background-color: var(--colorAmarillo);
  padding: 3rem;
  text-align: center;
  margin-bottom: 5rem;
  color: #000;
  font-weight: bold;
  font-size: 1.8rem;
  display: none;
}
.paso-checks {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-size: 1.6rem;
}
.paso-checks .form-check-count {
  font-size: 1.6rem;
  align-items: center;
  gap: 2.8rem;
}
.paso .form-cont .form-title {
  width: 100%;
}

/*////////////////////////////////////////////////*/
/*///////////////////// RESPONSIVE //////////////////////*/
/*////////////////////////////////////////////////*/

@media screen and (min-width: 1920px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1140px) {
}

@media screen and (max-width: 992px) {
  html {
    font-size: 2vw;
  }

  body {
    font-size: 1.7rem;
  }

  .page {
    padding: 7rem 0px 6rem 0px;
  }
  header {
    opacity: 0;
  }
  header.loadHeader {
    opacity: 1;
  }

  header .header__logo .btn__logo svg {
    width: 12rem;
    height: auto;
  }

  header .header__logo {
    padding: 2rem;
  }

  :root {
    --width-col: 15.3rem;
    --border-col: 1px;
  }
  .hide-movil {
    display: none !important;
  }

  .img-sorp-1 {
    max-height: 11rem;
    width: auto;
  }

  .home__top img {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .row-menu {
    background-color: var(--colorNegro);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 8;
    flex-direction: column;
    padding-top: 10rem;
    opacity: 0;
    visibility: hidden;
    -moz-transition: var(--ani);
    -ms-transition: var(--ani);
    -o-transition: var(--ani);
    transition: var(--ani);
  }

  body.activeMenu {
    overflow: hidden;
  }

  body.activeMenu .row-menu {
    opacity: 1;
    visibility: visible;
  }

  .row-menu .col {
    border: 0px !important;
    width: auto !important;
    height: auto !important;
  }
  .row-menu .submenuseccion {
    background-color: transparent;
    height: auto;
    padding: 2rem 3rem 2rem 4rem;
    width: 100%;
    margin-bottom: 3rem;
  }
  .row-menu .submenuseccion ul li a {
    text-decoration: none;
    font-size: 2.3rem;
    line-height: 110%;
    font-weight: bold;
  }
  .row-menu .submenuseccion ul {
    gap: 8px;
  }
  .row-menu .p-40 {
    padding: 2rem 4rem;
  }
  .menu li a {
    font-size: 2rem;
    font-weight: bold;
    text-decoration: none;
    line-height: 120%;
    color: var(--colorBlanco) !important;
  }

  .content {
    padding: 0px 2rem;
  }
  .content .row {
    display: flex;
    flex-wrap: wrap;
  }
  .p-80 {
    padding: 2rem;
  }
  .p-40 {
    padding: 2rem;
  }
  .img-sorp-2 {
    opacity: 1;
  }
  .bloque__secciones {
    padding: 7rem 2rem;
    gap: 2rem;
  }
  .bloque__secciones a {
    width: 22rem;
  }
  .bloque__secciones a picture,
  .bloque__secciones a picture img {
    height: 19.5rem;
  }

  .font-40 {
    font-size: 3rem;
    line-height: 110%;
  }

  .width-4col {
    width: 46rem;
  }

  .hide-desktop {
    display: flex !important;
    width: 100%;
  }

  .bloque__secciones a > span:first-child {
    font-size: 2.2rem;
  }

  .btn-back {
    padding: 2rem;
  }

  .ti__imagen-int-movil,
  .ti__imagen-int-movil video,
  .ti__imagen-int-movil img {
    width: 30.6rem;
    height: var(--col-width-2-b0);
  }
  .p-30 {
    padding: 2rem;
  }
  .col-cont-secc {
    font-size: 1.4rem;
    padding: 1rem;
  }
  .col-cont-secc .m-20 {
    margin-bottom: 1rem;
  }
  .row-grupos-hija .b-1 {
    border: 0px !important;
  }
  .row-grupos-hija .col {
    border-right: 1px solid var(--colorNegro) !important;
    border-top: 1px solid var(--colorNegro) !important;
  }
  .row-grupos-hija .col:nth-child(4) {
    border-left: 1px solid var(--colorNegro) !important;
  }

  /* .ti__descripcion-single {
    overflow: auto;
  } */
  .ti__descripcion-single h1 {
    font-size: 3rem;
    margin: 0px 0px 3rem;
  }
  .home__top {
    width: 30.5rem;
    height: 30.5rem;
  }
  .home_blockone {
    min-height: auto;
    margin-bottom: 0;
  }
  .icon-scroll-home {
    display: none;
  }
  .hometitle-3,
  .hometitle-2,
  .hometitle-1 {
    opacity: 1;
    visibility: visible;
  }
  .home__top img,
  .home__top {
    width: 45.7rem;
    height: 30.5rem;
  }
  .hometitle-1 {
    transform: scale(1);
    font-size: 1.8rem;
    padding: 1.5rem;
  }

  .ani__home svg {
    width: 21rem;
  }
  .p-60 {
    padding: 2rem;
  }
  .ani_barrido-cont {
    width: 100%;
    height: 100%;
  }
  .home_val_des,
  .home_nos_des {
    width: 45rem;
  }
  .b-0-m,
  .b-0-m .col {
    border: 0px !important;
  }
  .bb-0-m {
    border-bottom: 0px !important;
  }
  .bt-0-m {
    border-top: 0px !important;
  }
  .bl-0-m {
    border-left: 0px !important;
  }
  .br-0-m {
    border-right: 0px !important;
  }
  .br-1-m {
    border-right: 1px solid var(--colorGris) !important;
  }

  .marcadoce__imgflotante {
    width: 19rem;
    margin-top: -12rem;
  }

  .cert__img1 img {
    width: 25.8rem;
    height: 25rem;
    object-fit: contain;
  }

  .cert__txt2 {
    flex-direction: column;
    gap: 2rem;
    height: 42rem;
  }
  .cert__txt2 > div:first-child {
    width: 100%;
    display: flex;
    flex-direction: row;
  }

  .cert-cont-1 {
    width: 46rem;
  }

  .cert-tit-1 {
    width: 30.5rem;
  }

  .actualidad__posts {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 4rem;
    padding: 2rem;
    border: 1px solid var(--colorGris);
  }
  .postlist {
    width: 100%;
    border: 1px solid var(--colorGris);
  }

  .actualidad__postdata {
    width: 100%;
  }

  .actualidad__postdata img {
    height: 31rem;
    border-radius: 4rem;
    border: 1px solid var(--colorGris);
  }
  .actualidad__postcontent,
  .actualidad__postdata {
    width: 100%;
    border: 1px solid var(--colorGris);
    pointer-events: initial;
  }
  .actualidad__postcontent > div {
    background-color: #cccccc;
    color: var(--colorNegro);
    border: 1px solid var(--colorGris);
    border-radius: 4rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 5rem 3rem;
    gap: 3rem;
  }
  .acc__header {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2rem;
  }
  .acc__header-img,
  .acc__header-cont {
    width: 46rem;
  }
  .acc__header-cont {
    padding: 1rem 2rem;
  }
  .acc__header > div > div:last-child {
    text-align: right;
  }

  .acc__header > div {
    display: flex;
    gap: 2rem;
  }
  .acc__header > div:last-child {
    align-items: end;
  }

  .cont-head {
    width: 30rem;
  }
  .contacto__top > div {
    width: 100%;
  }

  .contacto__top {
    flex-direction: column;
  }

  .contacto .font-30 {
    font-size: 2rem;
    line-height: 120%;
  }
  .contacto h2.font-30,
  .contacto h1.font-30 {
    font-size: 2.8rem;
  }

  .form-cont {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 4rem;
  }
  .form-cont .form-title {
    width: 100%;
  }
  .form-data {
    padding-left: 0px;
    margin-top: 0px;
  }
  #formCertificado .width-4col-b0,
  #formContacto .width-4col-b0 {
    width: 46rem;
  }

  .form-title {
    font-size: 2.4rem;
    border: 1px solid var(--colorGris) !important;
    border-bottom: 0px !important;
  }

  .form-cont select,
  .form-cont textarea,
  .form-cont input {
    width: 100%;
    border: 1px solid var(--colorGris);
    height: 7.8rem;
    line-height: 7.8rem;
    font-size: 2.4rem;
    color: var(--colorBlanco);
    font-family: Graphik;
    padding: 0px 3rem;
    margin: 0px;
    background-color: transparent;
    border-top-width: 0px;
  }
  .form-cont textarea {
    height: 30rem;
  }
  .form-check-count.font-27 {
    font-size: 2rem;
  }
  .mb-100 {
    margin-bottom: 5rem;
  }
  .b-1-m {
    border: 1px solid var(--colorGris) !important;
  }
  .form-check-count {
    display: flex;
    gap: 2rem;
  }
  .form-check-count .form-check {
    margin-top: -0.3rem;
  }

  .bolsa .width-4col-b0 {
    width: 46rem;
  }

  .form-data-container {
    width: 100%;
    border: 1px solid var(--colorGris);
    padding: 2rem 3rem;
  }
  .puesto div {
    font-size: 2rem;
    line-height: 120%;
    padding-left: 8rem;
  }
  .puesto .form-check {
    margin-bottom: 1.8rem;
  }
  .form-file label {
    font-size: 2.4rem;
    border: 1px solid var(--colorGris);
    padding: 2.15rem 3rem;
    line-height: 3rem;
    gap: 2rem;
  }
  .proyectos .font-40 {
    font-size: 2.4rem;
  }
  .font-160 {
    font-size: 10rem;
  }
  header {
    padding: 0px 2rem;
  }
  .btn-menu-movil {
    display: block !important;
    position: absolute;
    right: 2rem;
    width: 3rem;
    height: 2.5rem;
    background: transparent;
    top: 2rem;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
  }
  .btn-menu-movil span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    background-color: var(--colorBlanco);
    -moz-transition: var(--ani);
    -ms-transition: var(--ani);
    -o-transition: var(--ani);
    transition: var(--ani);
  }
  .f_white header .btn-menu-movil span,
  .f_yellow header .btn-menu-movil span,
  .f_red header .btn-menu-movil span,
  .f_blue header .btn-menu-movil span,
  .f_gris header .btn-menu-movil span {
    background-color: var(--colorNegro);
  }

  body.is-scrolled .btn-menu-movil span,
  .activeMenu .btn-menu-movil span {
    background-color: var(--colorBlanco) !important;
  }
  body.is-scrolled header .header__logo .btn__logo svg rect,
  body.is-scrolled header .header__logo .btn__logo svg path,
  .activeMenu header .header__logo .btn__logo svg rect,
  .activeMenu header .header__logo .btn__logo svg path {
    fill: var(--colorBlanco) !important;
  }

  .btn-menu-movil span:nth-child(1) {
    top: 0.2rem;
  }
  .btn-menu-movil span:nth-child(2) {
    top: 1.8rem;
  }
  body.activeMenu .btn-menu-movil span {
    top: 1rem;
    transform: rotate(45deg);
  }
  body.activeMenu .btn-menu-movil span:nth-child(2) {
    transform: rotate(-45deg);
  }
  header {
    -moz-transition: var(--ani);
    -ms-transition: var(--ani);
    -o-transition: var(--ani);
    transition: var(--ani);
  }
  body.is-scrolled header {
    background-color: var(--colorNegro);
  }
  body.page-leave {
    background-color: var(--colorNegro);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .pro-item .row {
    display: flex;
    flex-direction: column;
  }
  .pro-item .row .col {
    width: 100% !important;
    height: auto !important;
  }
  .pro-item .row .col .col-cont {
    width: 100% !important;
    height: auto !important;
    padding: 4rem 0px;
  }
  .proyecto-img-1,
  .proyecto-img-1 img,
  .proyecto-img-2,
  .proyecto-img-2 img {
    width: 100%;
    height: 26rem;
  }
  .menu-bottom-home {
    display: none !important;
  }
  .p404 h1 {
    font-size: 18rem;
    line-height: 18rem;
  }
  .page-defecto-contenido {
    font-size: 2rem;
    line-height: 120%;
    padding: 4rem 0rem;
    pointer-events: initial;
  }
  .row-abs {
    display: none;
  }

  .row.row-grupos-hija {
    border-top: 0px !important;
  }

  .font-14-m {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .certificado__validez {
    flex-direction: column;
  }
  .certificado__validez > div {
    width: 100% !important;
  }
  .certificado__validez svg {
    width: 18rem;
    height: 16rem;
    margin-top: 0;
  }
  .certificado__validez {
    padding-top: 36rem;
    padding-bottom: 10rem;
  }
  .certificado__validez .font-27 {
    font-size: 2rem;
  }
  .cert-tit-1,
  .cert-tit-2 {
    background-color: var(--colorAmarillo) !important;
  }
  .cert-cont-1,
  .cert-cont-2 {
    opacity: 1;
    width: 46rem;
  }
  .proyectos .font-40 {
    font-size: 2rem;
    text-align: left;
    hyphens: initial;
    overflow-wrap: initial;
  }
  .bloque__secciones a div {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  #modalvideo iframe {
    width: 43rem;
    height: 24rem;
  }

  .forminsc-cont {
    padding: 6rem 0px;
  }
  .page-inscripcion .width-4col-b0 {
    width: 100%;
  }
  .page-inscripcion-cont {
    width: 100% !important;
    height: auto !important;
  }
  img.img-gie{
  height: auto;
  width: 100%;
  
}
}

@keyframes scroll {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 3.5rem;
  }
}