/* custom.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

/* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
  max-width: 1440px !important;
} */
body {
  width: 100%;
}

/* otros */
.bc {
  background-color: #f1f4ff;
}

/* BOTONES */
.btn-primary {
  background-color: #0A4CE7;
  border: 0;
  color: #ffffff;
  transition: all 0.3s ease;
  font-family: onest;
  font-size: 15px;
  line-height: 24px;
  padding: 16px 16px 16px 24px !important;
}

.btn-primary:hover {
  background-color: #0071FF;
  color: #ffffff;
}

.btn-info {
  background-color: #05CDDD;
  border: 0;
  color: #000032;
  transition: all 0.3s ease;
  font-family: onest;
  font-size: 15px;
  line-height: 24px;
  padding: 16px 16px 16px 24px !important;
}

.btn-info:hover {
  background-color: #4cd9e7;
  color: #000032;
}

.flex-svg {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}

.btn:hover .flex-svg {
  transform: rotate(45deg);
}

.btn-max {
  width: auto !important;
  height: 90px !important;
}

.btn-small {
  width: 142px !important;
  height: 42px !important;
  padding: 8px 12px 8px 16px !important;
}

@media (max-width: 767px) {
  .btn-primary {
    padding: 8px 8px 8px 16px !important;
  }

  .btn-info {
    padding: 8px 8px 8px 16px !important;
  }

  .btn-max {
    width: auto !important;
    height: 72px !important;
  }

}

/* @media (min-width: 767px) and (max-width: 992px) {

} */


/* TIPOGRAF */
.c-oscuro {
  color: #000032;
}

.c-claro {
  color: #ffffff;
}

.h1-principal {
  font-family: "onestBold";
  font-size: 84px;
  line-height: 100px;
}

.h1-subprincipal {
  font-family: "onestBold";
  font-size: 74px;
  line-height: 100px;
  letter-spacing: 0;
}

.h1-secundario {
  font-family: "onestBold";
  font-size: 44px;
  line-height: 56px;
}

.t-descriptivo {
  font-family: "onest";
  font-size: 20px;
  line-height: 38px;
}

.t-med {
  font-family: 'onestMedium';
  font-size: 36px;
  line-height: auto;
}

.t-smaller {
  font-family: 'onestMedium';
  font-size: 14px;
  line-height: auto;
}

/* unicos */
.p1-s3-r2-box-text--p1 {
  font-family: "onestSemiBold";
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 2%;
}

.p1-s3-r2-box-text--p2 {
  font-family: "onest";
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 1%;
}

.p1-s3-r2-box-text--p3 {
  font-family: "onest";
  font-size: 14px;
  line-height: 22px;
}

.p1-s5-card-maintext {
  font-family: "onestSemiBold";
  font-size: 28px;
  line-height: 34px;
}

.p1-s5-card-description {
  font-family: "onest";
  font-size: 16px;
  line-height: 28px;
}

.p1-s5-card-hability {
  font-family: "onest";
  font-size: 12px;
  line-height: 28px;
}


.p1-s6-col--desc {
  font-family: onest;
  font-size: 20px;
  line-height: 38px;
  letter-spacing: 1%;
}

.p1-s6-col--enum {
  font-family: onestExtraLight;
  font-size: 28px;
  line-height: 72px;
}

.p1-s6-col--text1 {
  font-family: onestMedium;
  font-size: 20px;
  line-height: 34px;
}

.p1-s6-col--text2 {
  font-family: onest;
  font-size: 16px;
  line-height: 28px;
}







@media (max-width: 767px) {
  .h1-principal {
    font-family: "onestBold";
    font-size: 36px;
    line-height: 44px;
  }

  .h1-subprincipal {
    font-family: "onestBold";
    font-size: 28px;
    line-height: 44px;
  }

  .h1-secundario {
    font-family: "onestBold";
    font-size: 28px;
    line-height: 38px;
  }

  .t-descriptivo {
    font-family: "onest";
    font-size: 16px;
    line-height: 28px;
  }

  .t-med {
    font-family: 'onestMedium';
    font-size: 14px;
    line-height: 24px;
  }

  /* Únicos */
  .p1-s5-card-maintext {
    font-family: "onestSemiBold";
    font-size: 20px;
    line-height: 34px;
  }

  .p1-s5-card-description {
    font-family: "onest";
    font-size: 14px;
    line-height: 28px;
  }

  .p1-s6-col--desc {
    font-family: onest;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1%;
  }

  .p1-s6-col--enum {
    font-family: onestExtraLight;
    font-size: 20px;
    line-height: 72px;
  }

  .p1-s6-col--text2 {
    font-family: onest;
    font-size: 14px;
    line-height: 28px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .h1-subprincipal {
    font-family: "onestBold";
    font-size: 56px;
    line-height: 44px;
  }

  .h1-secundario {
    font-family: "onestBold";
    font-size: 36px;
    line-height: 56px;
  }

  .t-med {
    font-family: 'onestMedium';
    font-size: 26px;
    line-height: 24px;
  }

}




/* SECCIÓN PRINCIPAL */
.p1-s1 {
  background-image: url("../img/background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;

}

.p1-s1-text {
  margin-right: auto;
}

@media (max-width: 767px) {

  .p1-s1-text {
    width: 343px;
    height: 176px;
    margin: 0;
    padding: 0;
  }

  .p1-s1-text div h1 {
    height: 113px;
    margin: 0;
    padding: 0;
  }

  .p1-s1-text div p {
    height: auto;
    margin: 0;
    padding: 0;
  }

  .p1-s1-btons {
    min-width: 343px;
    width: 100%;
    height: auto;
    margin-top: 24px;
  }

  .p1-s1-btons .row .col {
    margin: 0 !important;
    padding: 0 !important;
  }
}


.construct {
  background-color: #fff;
  width: 100%;
  height: auto;
  position: flex;
}







/* Slider */


.bton_slider_hero {
  width: 42px;
  height: 40%;
  margin-left: auto;
}

.card_slider_hero {
  width: 80%;
  height: 100%;
}


/* SECCIÓN QUIENES SOMOS */
.qsomos {
  display: flex;
  max-width: 1130px;
}

.qsomos span {
  border-top: 1px solid black;
  border-color: #0071FF;
  position: relative;
  display: inline-block;
  top: -10px;
  min-width: 200px;
}

@media (max-width: 767px) {
  .qsomos span {
    width: 100%;
  }

}


/*SECCIÓN 3"TE SUENAN LOS RETOS"*/
.p1-s3 {}

.p1-s3-r1 {
  margin-bottom: 80px;
}

.p1-s3--cont {
  max-width: 1360px;
  background-color: #ffffff;
  border-radius: 32px;
  padding: 120px 40px;
}

/*Título*/


/*Grid*/
.p1-s3-r2 {}

.p1-s3-r2-box {
  border: 1px solid #D4D7E3;
  border-radius: 16px;
  padding: 16px;
  margin: 16px;
  width: 553px;
  height: 74px;
}

.p1-s3-r2-box--img {
  width: 42px;
  height: 42px;
}

.p1-s3-r2-box--text {
  margin-left: 16px;
  height: 100%;
}

.p1-s3-r2-box-text--p1 {
  margin: 0 !important;
}


/*Carrousel*/

.color {
  background-color: blue !important;
}

.carousel-indicators [data-bs-target] {
  background-color: #b3d4ff;
  /* color normal */
}

.carousel-indicators .active {
  background-color: #0071ff;
  /* color cuando está activo */
}

.p1-s3-r2-box--carrousel {
  height: 130px;
  border: 1px solid #D4D7E3;
  border-radius: 16px;
  padding: 16px;
  margin: 16px;
}

/* Indicadores fuera del carousel */
.carousel-indicators {
  position: absolute;
  /* mantener dentro del carousel */
  bottom: -40px;
  /* fuera del contenedor */

  display: flex;
  gap: 0.5rem;
  z-index: 10;
  /* encima del contenido si hiciera falta */
}

.carousel {
  touch-action: pan-y;
}

.carousel-item {
  user-select: none;
}

/*SECCIÓN 4*/
/* .sticky-bg--cont{position:relative; background-color:#f1f4ff; z-index: -2;} */
.p1-s4 {
  position: relative;
}

.p1-s4--r div {
  max-width: 1130px;
  height: 259px;
  padding: 0 !important;
}



/* .bg-fixed{margin-top:130px;  position: absolute; top:0; height:100vh; width:100%; background: url("../img/background-p1s4.png");
    background-repeat: no-repeat; background-position: center ;     z-index:0;  }
.bg-fixed.fixed {
  position: fixed;
  top: 0;
} */
.stickycontainer {
  z-index: 99999;
  padding: 0 !important
}

.bg-fixed {
  background-image: url("../img/background-p1s4.png");
  width: 100%;
  height: 0;
  z-index: 100;
  top: 0;
  position: sticky;
  z-index: 1;
}

.p1-s4 {
  padding: 0 !important;
}

.p1-s5 {
  padding: 0 !important;
}

.p1-s6 {
  z-index: 9;
  position: relative;
  padding: 0 !important
}

.p1-s7 {
  z-index: 9;
  position: relative;
}

.p1-s4--r p {
  z-index: 100;
  position: relative;
}

.bg-fixed img {
  position: absolute;
  width: 80%;
  left: 50%;
  transform: translate(-50%);
}

.bg-fixed:nth-child(2) img {
  display: none;
}

/* .bg-fixed img:nth-child(1){display: block;} */
.p1-s5 {
  padding-bottom: 700px !important;
}

@media (max-width: 767px) {
  .p1-s4--r div {
    width: 343px;
    height: 108px;
  }

  .bg-fixed {
    background-size: 720px 465px;
  }

  .stickycontainer {}

  .bg-fixed img {
    width: 150%;
  }

  .bg-fixed:nth-child(2) img {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%);
    display: block
  }

  .bg-fixed:nth-child(1) img {
    display: none
  }
}


@media (min-width:1200px) {}


/*SECCIÓN 5 CARDS CON ESQUINAS DESIGUALES*/
.p1-s5 {
  z-index: -2;
  padding-bottom: 600px;
}

.p1-s5-col {
  z-index: 10;
}

.p1-s5-card {
  display: flex;
  flex-direction: column;
  max-width: 554px;
  min-width: 343px;
  height: 600px;
  padding: 56px 40px 0 40px;
  border-radius: 32px;
  background-color: #ffffff;
  box-shadow: 0 0 36px 0 rgba(0, 133, 275, 0.15);
  overflow: hidden;
}

.p1-s5-card div {
  display: flex;
  width: auto;
  height: auto;
  gap: 8px;
}

.p1-s5-card div div {
  padding: 0px 10px;
  height: 24px;
  border: 1px solid rgba(0, 133, 275, 0.3);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.p1-s5-card img {
  margin-top: auto;
  margin-left: auto;
}

.p1-s5-card-description {
  max-width: 474px;
  min-width: 295;
}

.p1-s5-card .margin {
  margin-bottom: 34px !important;
  padding: 0 !important;
}

.p1-s5-card .img {
  width: 618px;
  height: 401px;
  /* background-image: url("../img/card-img-p1-s5-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
}

/* .p1-s5-card .img2 {
  background-image: url("../img/Home\ 2.png");
  background-size: cover;
  background-repeat: no-repeat;
} */

.p1-s5-col--margin {
  margin-top: 80px;
}

/* botón */
.bot-person {
  width: 100% !important;
  margin-top: 40px;
}



@media (max-width: 767px) {
  .p1-s5-card {
    width: 343px;
    height: 481px;
    padding: 40px 24px 0 24px;
  }

  .p1-s5-card-description {
    width: 295px;
  }

  .p1-s5-card .margin {
    margin-bottom: auto !important;
    padding: 0 !important;
  }

  .p1-s5-card .img {
    width: 452px;
    height: 293px;
    /* background-image: url("../img/card-img-p1-s5-1.png");
    background-size: cover;
    background-repeat: no-repeat; */
  }

  /* .p1-s5-card .img2 {
    background-image: url("../img/Home\ 2.png");
    background-size: cover;
    background-repeat: no-repeat;
  } */

  .bot-person {
    margin-top: 24px;
  }
}

/* @media (max-width: 1156px) { */
@media (max-width: 1200px) {


  .p1-s5-col {
    margin-top: 40px;
  }


}

/* @media (min-width:1156px) and (max-width:1157px) { */
@media (min-width:1200px) and (max-width:1201px) {
  .p1-s5-col {
    margin-top: 0;
  }

  .p1-s5-col--margin {
    margin-top: 80px;
  }

  .p1-s5-r-col2-button1 {
    margin-top: -40px;
  }

}

/* Sección 6 */
.p1-s6 {
  background-color: #0A4CE7;
  width: 100%;
  aspect-ratio: 1440 / 715;

  background-image: url('../img/background-p1s6.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 889px;
}

.p1-s6 * {
  margin: 0 !important;
  padding: 0 !important;
}

.p1-s6--col {
  padding: 0;
}


.p1-s6--row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  min-width: 343px;
  max-width: 1130px;
  height: 103px;
}






@media (max-width: 767px) {
  .p1-s6 {
    height: 1105px;
  }

  .p1-s6--row {
    height: 140px;
  }
}


/* SECCIÓN 7 */
.p1-s7 {
  min-height: auto;
  padding: 192px 0 120px 0;
}

.p1-s7 .par1 {
  min-width: 342px;
  font-family: "onestMedium";
  font-size: 14px;
  line-height: auto;
  border-top: 1px solid #0071FF;
}

.p1-s7 .par2 {
  min-width: 342px;
  font-family: "onestMedium";
  font-size: 36px;
  line-height: auto;
}

.p1-s7 .rw1 {
  max-width: 1130px;
}


.p1-s7 .rw1 .col1 {
  max-width: 350px;
  padding: 0 !important;
}

.p1-s7 .rw1 .col2 {
  max-width: 756px;
  padding: 0 !important;
}

.p1-s7 .rw2 {
  max-width: 1358px;
}

.p1-s7 .rw2 .col-12 {
  margin-top: 100px;
}

.p1-s7 .rw3 {
  flex-wrap: wrap;
  gap: 8;
  width: 100%;
  margin-top: 56px;
}

.p1-s7 .rw3 img {
  max-width: 110px;
  max-height: 110px;
}


@media (max-width: 767px) {
  .p1-s7 .par2 {
    font-family: "onestMedium";
    font-size: 24px;
    line-height: 38px;
  }

  .rw1 .col1 {
    max-width: 343px;
  }

  .p1-s7 {
    height: auto;
    min-height: auto;
    padding: 88px 0 88px 0;
  }

  .rw2 .col-12 {
    margin-top: 56px;
  }

  .p1-s7 .rw3 {
    margin-top: 16px;
  }

  .p1-s7 .rw1 {
    max-width: 342px;
    ;
  }
}


/* SECCIÓN 8 */
.p1-s8 {
  min-height: 671px;
}

.p1-s8 .row .text {
  width: 343px;
}

.p1-s8 .row .col-12 h2 {
  font-family: "onestSemiBold";
  font-size: 44px;
  line-height: 60px;
  max-width: 892px;
}

.p1-s8 .row .line {
  width: 100%;
  margin: 40px 0 40px 0 !important;
}

.p1-s8 .row .line div {
  height: 154px;
  width: 2px;
  background-color: #0A4CE7;
  margin: auto;
}

.p1-s8 .row .boton {
  min-width: 343px;
  max-width: 766px;
}

.p1-s8 .row .boton div {
  min-width: 343px;
}


@media (max-width: 767px) {
  .p1-s8 .row .col-12 h2 {
    font-family: "onestSemiBold";
    font-size: 24px;
    line-height: 38px;
  }

  .p1-s8 .row .line div {
    height: 80px;
  }

  .p1-s8 .row .boton {
    min-width: 343px;
    max-width: 766px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .p1-s8 .row .col-12 h2 {
    font-family: "onestSemiBold";
    font-size: 34px;
  }

}


/* FOOTER */

footer {
  min-height: 320px;
  background-color: #000032;
  padding: 64px 0 64px 0;
}

footer .footerlogo svg {
  width: 56.9px;
  height: 56px;
}

footer .footerlink {
  gap: 32px;
  margin-top: 52px;
}

footer .footerlink a {
  text-decoration: none;
  font-family: "onest";
  font-size: 13px;
  line-height: auto;
  cursor: default;
}

footer .footerlink a:hover {
  color: #4cd9e7
}

footer .copy {
  margin-top: 52px;
}

footer .copy p {
  font-family: "onest";
  font-size: 10px;
  line-height: auto;
}



/* //////////////////////PÁGINA DOS SERVICIOS//////////////////////////////////// */

.p2-s1 {
  min-height: 640px;
  padding: 176px 40px 48px 40px;
  z-index: 10;
  background-image: url("../img/Hero_servicios.png");
}

.p2-s1 .rw2 {
  max-height: 39px;
  max-width: 680px;
  padding: 0 !important;
  margin: auto 0 0 auto !important;
}

.p2-s1 .row {
  min-width: 343px;
}

.p2-s1 .row div h1 {
  margin: 0;
  max-width: 1359px;
  max-height: 159px;
  min-width: 343px;
}

.p2-s1 .rw2 div {
  font-family: "onest";
  padding: 0 !important;
  font-size: 16px;
  line-height: 28px;


}




@media (max-width: 767px) {
  .p2-s1 .row div h1 {
    font-size: 38px;
  }

  .p2-s1 {
    padding: 176px 16px 48px 16px;
  }

  .p2-s1 .rw2 {
    min-height: 150px;
    max-width: 343px;
    ;
  }

}

@media (min-width: 767px) and (max-width: 992px) {
  .p2-s1 .row div h1 {
    font-size: 50px;
  }

}

.quitafondo {
  background-image: none;
}

/* SECCIÓN 2 Animaciones */

.p2-s2-wrap { min-height: calc(100vh * 10); }

.p2-s2 {
  height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  top: 0;
  position: sticky;
  z-index: 1;
}

.p2-s2 .row,
.p2-s2 .col-12,
.p2-s2 .col-md-6 {
  margin: 0 !important;
}

.p2-s2 .habilidades {
  display: flex;
  gap: 8px;
}

.p2-s2 .habilidades div {
  padding: 0px 10px;
  height: 30px;
  border: 1px solid rgba(170, 204, 255, 0.4);
  border-radius: 4px;
  text-align: center;
  display: flex;
  color: #AACCFF;
  font-size: 12px;
  line-height: 28px;
}




.p2-s2 .rw2 {
  background-color: #080844;
}

.p2-s2 .rw2 h2 {
  font-family: onestSemiBold;
  font-size: 44px;
  line-height: 80px;
}

.p2-s2 .rw2 .lorem {
  font-family: onest;
  font-size: 14px;
  line-height: 28px;
}



.p2-s2 .rw2 .col-12:nth-child(1)>div {
  max-width: 522px;
  height: 250px;
  margin: auto;
}

.p2-s2 .rw2 .col-12:nth-child(2) {
  display: flex;
  background-color: #000032;
  overflow: hidden;
  padding: 0;
}

.p2-s2 .rw2 .col-12:nth-child(2) img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p2-s2 .rw2 .col-12:nth-child(2) div {
  position: relative;
  width: 600px;
  height: 417px;
  margin: auto 0 auto auto;
}

.p2-s2 .rw2 .col-12:nth-child(2)>div {}


.p2-s2 .rw2 .col-12:nth-child(2) img:nth-child(1) {
  transform: rotate(0) translate(-50%, -50%);

}



.p2-s2 .rw2 .col-12:nth-child(2) img:nth-child(2) {
  transform: rotate(-45deg) translate(-50%, 50%);
  opacity: 0.3;
}

.p2-s2 .rw2 .col-12:nth-child(2) img:nth-child(3) {
  transform: rotate(-90deg) translate(-89%, 115%);
  opacity: 0.3;


}

.p2-s2 .rw2 .col-12:nth-child(2) img:nth-child(4) {
  transform: rotate(-90deg) translate(-89%, 115%);
  opacity: 0.3;

}

.up0 {
  transform: rotate(90deg) translate(-155%, -115%);
}

.up1 {
  animation: up1 2s forwards;
}

.up2 {
  animation: up2 2s forwards;
}

.up3 {
  animation: up3 2s forwards;
}

.up4 {
  animation: up4 2s forwards;
}


@keyframes up1 {
  from {
    transform: rotate(-90deg) translate(-89%, 115%);
  }

  to {
    transform: rotate(-45deg) translate(-50%, 50%);
    transition: opacity 1s ease;
    opacity: 0.3;


  }
}

@keyframes up2 {
  from {
    transform: rotate(-45deg) translate(-50%, 50%);
    opacity: 0.3;
  }

  to {
    transform: rotate(0) translate(-50%, -50%);

    transition: opacity 1s ease;
    opacity: 1;
  }
}

@keyframes up3 {
  from {
    transform: rotate(0) translate(-50%, -50%);
    opacity: 1;
  }

  to {
    transform: rotate(45deg) translate(-93%, -125%);
    transition: opacity 1s ease;
    opacity: 0.3;
    /* content: url("../img/alice_overlay.png"); */

  }
}

@keyframes up4 {
  from {
    transform: rotate(45deg) translate(-93%, -125%);


  }

  to {
    transform: rotate(90deg) translate(-155%, -115%);


    content: url("../img/alice_overlay.png");

  }
}



.sameds {
  position: relative;
  ;
  width: 552px;
  height: 205px;
  overflow: hidden;
}

.sameds>div {
  position: absolute;
  max-width: 552px;
}

.samed-mobile-image {
  display: none;
}

.p2-s2 .samed:nth-child(1) {
  transform: translate(0, 300px);
}

.p2-s2 .samed:nth-child(2) {
  transform: translate(0, 300px);
}

.p2-s2 .samed:nth-child(3) {
  transform: translate(0, 300px);
}

.p2-s2 .samed:nth-child(4) {
  transform: translate(0, 300px);
}



.samedup1 {
  animation: samedup1 2s forwards;
}

.samedup0 {
  animation: samedup0 2s forwards;
}

.samedup2 {
  transform: translate(0, 300px)
}

@keyframes samedup1 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(0, -300px);


  }
}

@keyframes samedup0 {
  from {
    transform: translate(0, 300px)
  }

  to {
    transform: translate(0, 0);

  }
}



@media (max-width: 767px) {
  .p2-s2-wrap {
    min-height: auto;
  }

  .p2-s2 .rw2 h2 {
    font-family: onestSemiBold;
    font-size: 28px;
    line-height: 38px;
  }

  .p2-s2 {
    position: static;
    height: auto;
    min-height: 0;
    padding: 32px 0 !important;
  }

  .p2-s2 .rw2 {
    display: block;
  }

  .p2-s2 .rw2 .col-12:nth-child(1) {
    padding: 0 24px 24px !important;
  }

  .p2-s2 .rw2 .col-12:nth-child(1)>div {
    width: 100%;
    max-width: none;
    height: auto;
    margin: auto;
  }

  .sameds {
    width: 100%;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .sameds>div,
  .p2-s2 .samed {
    position: static;
    max-width: none;
    transform: none !important;
    animation: none !important;
  }

  .samed-mobile-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 16px 0;
    border-radius: 20px;
    object-fit: cover;
  }

  .p2-s2 .rw2 .col-12:nth-child(2) {
    display: none;
  }

  .p2-s2 .habilidades {
    flex-wrap: wrap;
  }

  .p2-s2 .rw2 .lorem {
    line-height: 24px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .p2-s2 .rw2 .col-12:nth-child(1)>div {
    width: 350px;
    height: 280px;
    margin: auto;
  }

  .p2-s2 .rw2 h2 {
    font-family: onestSemiBold;
    font-size: 28px;
    line-height: 38px;
  }

  .p2-s2 .rw2 .col-12:nth-child(2) div {
    width: 350px;
    margin: auto auto auto auto;
  }

  .p2-s2 {
    position: static;
  }

}




/* //////////////////////PÁGINA TRES EXITO//////////////////////////////////// */
/* hero */
.p3-s2 {
  min-height: 1844px;
  padding: 88px 40px 104px 40px;
}

.p3-s2 .rw1 {
  width: auto;
  max-width: 1844px;
  height: auto;
  display: flex;
}

.p3-s2 .rw1 .c1 {
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}

.p3-s2-card {
  display: flex;
  flex-direction: column;
  max-width: 668px;
  height: 690px;
  margin: 0 12px 112px 12px;
}

.p3-s2-card .img {
  display: flex;
  width: 668px;
  height: 520px;
  background-image: url("../img/card-img-p3-s2.png");
  background-position: center;
  background-size: cover;
  padding: 24px;
}

.p3-s2-card .img a {
  width: 386px !important;
}

.p3-s2-card .title {
  margin-top: 24px;
}

.p3-s2-card .title h6 {
  font-family: "onestSemiBold";
  font-size: 20px;
  line-height: 34px;
}

.p3-s2-card .title p {
  text-align: left;
  max-width: 436px;
  height: 69px;
  margin-left: auto;
  font-family: onest;
  font-size: 14px;
}

.p3-s2-card .servs {
  display: flex;
  width: auto;
  height: auto;
  gap: 8px;
  color: #0A4CE7;
  margin-top: auto;
  align-self: start;
}

.p3-s2-card .servs div {
  display: flex;
  padding: 0px 10px;
  height: 24px;
  border: 1px solid rgba(0, 133, 275, 0.3);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.p3-s2 .rw1 .margin {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .p3-s2 {
    padding: 88px 0px 104px 0px;
  }

  .p3-s2-card {
    width: 374px;
    height: 674px;
    padding: 48px 16px 48px 16px;
  }

  .p3-s2-card .title {
    flex-direction: column;
  }

  .p3-s2-card .img {
    width: 342px;
    height: 342px;
  }

  .p3-s2-card .img a {
    width: 238px !important;
  }

  .rw1 {
    width: 374px;
  }

  .p3-s2 .rw1 .margin {
    margin-top: 0;
  }

  .p3-s2-card {
    margin-top: 0;
  }

}

/* SECCIÓN 3 */

.p3-s3-slide {
  width: auto;
  margin: auto;
}





/* //////////////////////PÁGINA cuatro TECNO//////////////////////////////////// */
/* SECCION 1 */
.bc_techno {
  background-color: #000032;
}

.p4-s1 {
  background-color: #000032;
  background-image: none;
  position: relative;
}

.p4-s1 img {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: auto;
  z-index: 0 !important;
}

.p4-s1 img:nth-child(2) {
  display: none
}

/* SECCIÓN 2 STICKY 1 */

.p4-s3 {
  height: auto;
  padding: 0 !important;
}

.p4-s3 .cont {
  position: sticky;
  top: calc(75vh - 468px);
  ;
  width: 90%;
  max-width: 1130px;
  max-height: 569px;
  border-radius: 32px;
  background-color: #000028;
  padding: 56px 0 56px 48px;
  z-index: 10;
}

.p4-s3 .cont .row {
  padding: 0 !important;
}

.p4-s3 .cont .row .col-12 {
  padding: 0 !important;
}

.p4-s3 .cont .row .col-12 h5 {
  font-family: "onestSemiBold";
  font-size: 28px;
  line-height: 34px;
  position: relative;
  z-index: 10 !important;
}

.p4-s3 .rw1 div {
  border-bottom: 1px solid rgba(0, 133, 255, 0.5);
}

.p4-s3 .cont .rw2 {
  margin-top: 20px;
  height: auto;
}

.p4-s3 .cont .rw2 .text {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.p4-s3 .cont .rw2 .text img {
  width: 17px;
  height: 11px;
  margin-top: 8px;
}

.p4-s3 .cont .rw2 .text p {
  font-family: onest;
  font-size: 14px;
  line-height: 28px;
  align-content: start;
  height: 100%;
}

.p4-s3 .grafics {
  padding: 0 !important;
}

.p4-s3 .grafics img {
  width: 357px;
  height: 389px;
  margin: auto 0 auto auto;
}

.p4-s3 .cont .rw1 {
  text-align: center;
}

.p4-s3 .margin {
  margin: 100px auto !important;
}

.p4-s4-botonera {
  z-index: 10 !important;
  position: relative;
}

@media (max-width: 767px) {
  .p4-s3 .cont {}

  .p4-s3 .cont .row .col-12 h5 {
    font-family: "onestSemiBold";
    font-size: 20px;
    line-height: 34px;
  }

  .p4-s3 .cont {
    min-width: 343px;
    min-height: 576px;
    border-radius: 32px;
    background-color: #000028;
    padding: 40px 0 40px 16px
  }

  .p4-s3 .cont .rw2 {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .p4-s3 .cont .rw2 .col-12 {
    margin: 0 !important;
    padding: 0 !important;
  }

  .p4-s3 .grafics {
    padding: 0 !important;
    width: 100%;
    height: auto;
    margin-top: 16px;
    display: flex;
    justify-content: center;
  }

  .p4-s3 .grafics img {
    width: 100%;
    max-width: 327px;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
  }

  .p4-s3 .rw3 {
    width: 100%;
    max-width: 327px;
    height: auto;
    margin: auto !important;
    padding: 0 !important;
  }

  .p4-s3 .cont .rw2 .text {}

  .p4-s3 .cont .rw2 .text p {
    font-family: onest;
    font-size: 14px;
    line-height: 28px;
    align-content: start;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .p4-s3 .cont .rw1 {
    text-align: start;
  }

  .p4-s3 .cont .rw3 {
    width: 100%;
  }

  .p4-s1 img:nth-child(2) {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 90%;
    max-height: auto;
    z-index: 0 !important;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .p4-s1 img:nth-child(1) {
    display: none
  }

}



/* //////////////////////PÁGINA CINCO SASS//////////////////////////////////// */

.p5-s5 {}

.p5-s5-font {
  font-size: 16px !important;
}

@media (max-width: 767px) {
  .p5-s5-font {
    font-size: 13px;
    line-height: 20px;
  }


}

/* //////////////////////PÁGINA SEIS NOSOTROS//////////////////////////////////// */


.p6-s1 {
  background-color: #0A4CE7 !important;
  background-image: url("../img/Hero_servicios.png");
  background-blend-mode: overlay;
}

/* seccion 2 */
.p6-s2 {
  min-height: 1024px;
}

.p6-s2 .par1 {
  font-family: onest;
  font-size: 16px;
  line-height: 28px;
  color: #0A4CE7;
  border: none;
}

.p6-s2 .par2 {
  font-family: onestBold;
  font-size: 60px;
  line-height: 80px;
  max-width: 668px;
}

.p6-s2 .rw1 {
  max-width: 1132px;
  max-height: 160px;
}

.p6-s2 .rw1 .col-12:nth-child(2) {
  max-width: 668px;
  max-height: auto;
}

.p6-s2 .rw1 .par1 {
  max-width: 322px;
  max-height: 123px;
}

.p6-s2 .rw1 .checks {
  width: 100%;
  display: flex;
  margin-bottom: 32px;
}

.p6-s2 .rw1 .checks img {
  width: 17px;
  height: 11px;
  margin-top: 8px;
}

.p6-s2 .rw1 .checks p {
  font-family: onest;
  font-size: 16px;
  line-height: 28px;
  margin: 0 !important;
  padding: 0 !important;
}

.p6-s2 .rw2 .col-12 {
  margin: 0 !important;
  padding: 0 !important;
}

.p6-s2 .cards3-btn {
  display: flex;
  width: 100% !important;
  height: 80px !important;
  margin-top: auto;
}

.cardp6s2 {
  padding: 24px !important;
  background-image: url("../img/card-person1.png");
}

.card3-container {
  padding: 0px !important;
}

.p6-s2 .cards3-btn .btn-word p:nth-child(1) {
  width: auto;
  height: auto;
  font-family: "onest";
  font-size: 16px;
  line-height: 28px;
  padding: 0 !important;
  margin: 0 !important;
}

.p6-s2 .cards3-btn .btn-word p:nth-child(2) {
  width: auto;
  height: auto;
  font-family: "onest";
  font-size: 12px;
  line-height: 28px;
  padding: 0 !important;
  margin: 0 !important;
  text-align: start;
}

.p6-s2 .cards3-btn p {
  margin-left: auto;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .p6-s2 .par2 {
    font-family: onestBold;
    font-size: 32px;
    line-height: 44px;
  }

  .p6-s2 .rw1 .col-12:nth-child(2) {
    margin-top: 36px;
    padding-bottom: 80px;
  }

  .p6-s2 {
    height: auto;
  }

  .card3-container {
    padding-top: 80px !important;
  }

}


/* sección 3 */
.p6-s3 {
  min-height: 702px;
}

.p6-s3 {
  min-height: 702px;
}

.p6-s3 {
  min-height: 702px;
}

.p6-s3 {
  min-height: 702px;
}

.p6-s3 .rw1 .par2 {
  font-family: onestSemiBold;
  font-size: 44px;
  line-height: 60px;
  max-width: 330px;
  height: 31px;
  margin-left: auto;
  width: auto;
  height: auto;
  ;
}

.p6-s3 .rw1 .col-12:nth-child(1) {
  max-width: 100%;
}

.p6-s3 .rw1 .par1 {
  width: 100%;
  color: #000028;
  border-top: 1px solid #05CDDD;
}

.p6-s3 .rw2 .col-12 {
  display: flex;
  justify-content: space-between;
}

.p6-s3 .rw2 .text {
  display: flex;
  gap: 40px;
}

.p6-s3 .rw2 .text p:nth-child(1) {
  font-family: onestExtraLight;
  font-size: 28px;
  line-height: 72px;
  color: #0A4CE7;
}

.p6-s3 .rw2 .text p:nth-child(2) {
  font-family: onestMedium;
  font-size: 20px;
  line-height: 34px;
}

.p6-s3 .rw2 .row {
  border-bottom: 1px solid rgba(0, 133, 255, 0.5);
}

@media (max-width: 767px) {
  .p6-s3 .rw1 .par2 {
    font-size: 32px;
    line-height: 44px;
  }

  .p6-s3 .rw2 .text p:nth-child(1) {
    font-family: onestExtraLight;
    font-size: 18px;
    line-height: 72px;
  }

  .p6-s3 .rw2 .text p:nth-child(2) {
    font-family: onestMedium;
    font-size: 18px;
    line-height: 34px;
  }

  .p6-s3 .rw2 {
    width: 343px;
  }

  .p6-s3 .rw2 .text {
    gap: 15px;
  }

  .p6-s3 .rw2 .row {
    min-height: 150px;
  }

}


/* //////////////////////PÁGINA SIETE FORMULARIO CONTACTO//////////////////////////////////// */
.p7-s1 {
  background-image: url("../img/Hero_servicios.png");
}

.p7-s1 h2 {
  font-family: onestBold;
  font-size: 60px;
  line-height: 80px;
}

.form-label {
  font-family: onestMedium;
  font-size: 15px;
  line-height: 28px;
}

.btn-form {
  width: 80px;
  height: 42px;
  padding: 0 !important;
}

@media (max-width: 767px) {
  .p7-s1 h2 {
    font-family: onestBold;
    font-size: 38px;
    line-height: 44px;
    margin-top: auto !important;
  }


}



/* //////////////////////PÁGINA EXTRA DETALLE PROYECTO/////////////////////////////////// */
.p8-s1 {
  background-color: #fff;
}

.p8-s1 h1 {
  font-family: onestBold;
  font-size: 60px;
}

.p8-s1 desc {
  font-family: onest;
  font-size: 16px;
  line-height: 28px;
}

.p8-s1 .servs {
  gap: 8px;
}

.p8-s1 .servs>* {
  border: 1px solid rgba(10, 76, 231, 0.3);
  border-radius: 4px;
  color: #0A4CE7;
  padding: 0px 10px !important;
  height: 24px;
  padding: 0px;
  margin: 0;
  font-size: 12px;
  text-align: center;
}

.p8-s1 .rw2 {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px !important;
}

.p8-s1 .rw2>.col-12 {
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}

.p8-s1 .rw2 .col-6 {
  margin: 0 !important;
  padding: 0 !important;
}

.p8-s1 .rw2 .col-6 p {
  padding: 0 !important;
  margin: 0 !important;
}

.p8-s1 .rw2 .col-6 p:nth-child(1) {
  font-family: onest;
  font-size: 14px;
  line-height: 28px;
}

.p8-s1 .rw2 .col-6 p:nth-child(2) {
  font-family: onestSemiBold;
  font-size: 16px;
  line-height: 28px;
}

.p8-s1 .rw1 {
  margin: 0 !important;
}

.p8-s1 .rw1>.col-12 {
  padding: 0 !important;
  padding: auto auto auto auto;
}

.p8-s1 .rw1>.col-12:nth-child(2) {
  background-image: url("../img/detalles_proy_img1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.p8-s1 .btn-proy {
  width: 100%;
  height: 68px;
}



@media (max-width: 767px) {
  .p8-s1 .rw2 {
    width: 343px;
    ;
  }

  .p8-s1 .rw1>.col-12 {
    padding: 56px auto 56px auto;
  }


}

/* SECCIÓN 2 LISTA */
.p8-s2 {
  min-height: 391px;
  padding: 80px 146px;
}

.p8-s2 h2 {
  padding: 80px 146px;
  margin: 0;
  padding: 0;
}

.p8-s2 p,
ul {
  font-family: onest;
  font-size: 16px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .p8-s2 {
    padding: 64px 16px;
  }

  .p8-s2 p,
  ul {
    font-size: 14px;
  }
}

.lista {}

/* SECCIÓN 3 */
.p8-s3 {
  max-width: 1192px;
  min-width: 375px;
}

/* .p8-s3 img{min-width:163.5px; min-height:187px; max-width:584px ; max-height:368px;} */
.p8-s3 img {
  width: 100%;
  height: auto;
}

/* SECCIÓN 4 */
.p8-s4 {
  min-height: 851px;
}

/* .p8-s4 .tabla{height:200px;} */

.p8-s4 .tabla .tabla_slider {
  width: 1142px;
  margin-left: 1px;
}

.p8-s4 .tabla_slider .title {
  font-family: onestSemiBold;
  font-size: 18px;
  line-height: 28px;
}

.p8-s4 .tabla_slider .row {
  border-bottom: 1px solid #D4D7E3;
}


@media (max-width: 767px) {
  .p8-s4 .tabla_slider .margen {
    width: auto;
    min-width: 120px;
  }
}

/* 5 */
.p8-s5 {
  max-width: 1192px;
}

.p8-s5 img {
  width: 100%;
  height: auto;
}

/* =============================
   Contacto
   ============================= */

/* Selector de país en teléfono */
#contactPhoneCountry {
  max-width: 120px;
}

.buda-bg {
  background-color: #0a4ce7;
  border-radius: 6px;
  padding: 8px;
}

.lh60 {
  line-height: 60px !important;
}

.bg-mine{
      background-image: url(../img/casos/udp/preview.png) !important;
}

.bg-mine_main{
      background-image: url(../img/casos/udp/udp_1.png) !important;
}

.bg-ch{
      background-image: url(../img/casos/ch/ch_1.png) !important;
}

.bg-ch_main{
      background-image: url(../img/casos/ch/ch_1.png) !important;
}

.bg-rastreo{
      background-image: url(../img/casos/rastreo/rastreo_1.png) !important;
}

.bg-rastreo_main{
      background-image: url(../img/casos/rastreo/rastreo_3.png) !important;
}


.bg-wikiland{
      background-image: url(../img/casos/wikiland/wiki_1.png) !important;
}

.bg-wikiland_main{
      background-image: url(../img/casos/wikiland/wiki_2.png) !important;
}

.bg-qualitas{
      background-image: url(../img/casos/qualitas/qualitas_1.png) !important;
}

.bg-qualitas_main{
      background-image: url(../img/casos/qualitas/qualitas_2.png) !important;
}

.bg-kalihoteles{
      background-image: url(../img/casos/kalihoteles/kali_1.png) !important;
}

.bg-kalihoteles_main{
      background-image: url(../img/casos/kalihoteles/kali_2.png) !important;
}


.bg-umbraco_main{
      background-image: url(../img/umbraco/umbraco_1.png) !important;
      background-size: contain !important;
}



.hero-video-wrap {
  position: relative;
  overflow: hidden;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.hero-video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10, 76, 231, 0.45) 0%, rgba(0, 0, 50, 0.55) 45%, rgba(10, 76, 231, 0.35) 100%);
  z-index: 1;
  pointer-events: none;
}

.hero-video-content {
  position: relative;
  z-index: 3;
}

.hero-copy-panel {
  position: relative;
  z-index: 3;
}

.hero-copy-panel:first-child {
  padding: 24px;
  border-radius: 16px;
  background: rgba(10, 76, 231, 0.18);
  backdrop-filter: blur(4px);
}

.hero-copy-panel .btn,
.hero-copy-panel .slider_hero {
  position: relative;
  z-index: 3;
}

@media (max-width: 767px) {
  .hero-video {
    opacity: 0.65;
  }

  .hero-video-overlay {
    background: linear-gradient(180deg, rgba(10, 76, 231, 0.55) 0%, rgba(0, 0, 50, 0.7) 100%);
  }

  .hero-copy-panel:first-child {
    padding: 16px;
  }
}


@media (max-width: 767px) {
  .hero-video-content {
    padding-top: 108px;
    padding-bottom: 32px;
  }

  .p1-s1-text {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .p1-s1-text div h1 {
    height: auto;
    margin-bottom: 16px;
  }

  .p1-s1-text div p {
    height: auto;
    line-height: 1.6;
  }

  .hero-copy-panel:first-child {
    margin-bottom: 12px;
  }

  .p1-s1-btons .btn {
    width: 100% !important;
  }
}


.contacto-layout {
  align-items: center;
}

.contacto-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .contacto-layout {
    align-items: flex-start !important;
    padding-top: 110px;
    padding-bottom: 32px;
  }

  .contacto-heading {
    justify-content: flex-start;
    text-align: left !important;
    margin-bottom: 24px;
  }

  .p7-s1 h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .contacto-field {
    width: 100%;
  }
}


.logo-showcase-row {
  width: 100%;
  margin-top: 40px;
}

.logo-showcase-title-wrap {
  margin-bottom: 18px;
}

.partners-title-wrap {
  margin-top: 28px;
}

.logo-showcase-title {
  font-family: onestSemiBold;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(0, 0, 50, 0.58);
  margin: 0;
}

.logo-showcase-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 18px;
  align-items: center;
  width: 100%;
}

.logo-item {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.52);
}

.logo-item img {
  max-width: 100%;
  max-height: 42px;
  width: auto;
  height: auto;
  filter: grayscale(1) opacity(0.7);
  transition: filter 0.25s ease, transform 0.25s ease;
}

.logo-item:hover img {
  filter: grayscale(0) opacity(1);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .logo-showcase-row {
    margin-top: 24px;
  }

  .logo-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .logo-item {
    min-height: 72px;
    padding: 12px;
  }

  .logo-item img {
    max-height: 32px;
  }
}


.logo-showcase-row {
  margin-bottom: 56px;
}

.logo-showcase-row + .justify-content-center.row,
.logo-showcase-row + .container-fluid,
.logo-showcase-row + .p1-s8 {
  margin-top: 12px;
}

@media (max-width: 767px) {
  .logo-showcase-row {
    margin-bottom: 40px;
  }

  .logo-showcase-title-wrap {
    margin-bottom: 12px;
  }

  .partners-title-wrap {
    margin-top: 24px;
  }

  .logo-showcase-row + .justify-content-center.row,
  .logo-showcase-row + .container-fluid,
  .logo-showcase-row + .p1-s8 {
    margin-top: 28px;
  }
}


.logo-showcase-row + .justify-content-center.row {
  margin-top: 56px !important;
  position: relative;
  z-index: 2;
}

.logo-showcase-row + .justify-content-center.row + .container-fluid.p1-s8,
.logo-showcase-row + .container-fluid.p1-s8 {
  margin-top: 56px !important;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .logo-showcase-title {
    font-size: 12px;
    line-height: 18px;
  }

  .logo-showcase-row + .justify-content-center.row {
    margin-top: 40px !important;
    margin-bottom: 8px;
  }

  .logo-showcase-row + .justify-content-center.row + .container-fluid.p1-s8,
  .logo-showcase-row + .container-fluid.p1-s8 {
    margin-top: 56px !important;
    padding-top: 56px;
  }
}


@media (max-width: 767px) {
  .p1-s7 {
    overflow: visible;
  }
}


.logo-showcase-row {
  position: relative;
  z-index: 2;
  padding-bottom: 32px;
}

.logo-showcase-row::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}

.logo-showcase-row + .justify-content-center.row {
  display: flex;
  justify-content: center;
  width: 100%;
  clear: both;
}

.p1-s7 > .logo-showcase-row,
.p1-s7 .logo-showcase-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.p1-s8 {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .logo-showcase-row {
    padding-bottom: 40px;
  }

  .p1-s8 {
    padding-top: 72px;
  }
}


.footer-contact {
  margin-top: 18px;
}

.footer-contact p {
  margin: 0;
  font-family: onest;
  font-size: 13px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.9);
}

.footer-contact a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: onestSemiBold, onest, sans-serif;
  font-weight: 700;
}

.footer-contact a:hover,
.footer-contact a:active,
.footer-contact a:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.footer-contact a:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.7);
  outline-offset: 2px;
  border-radius: 2px;
}

.contacto-data-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.contacto-data-card {
  background: rgba(255, 255, 255, 0.56);
  border-radius: 14px;
  padding: 18px;
}

.contacto-data-card p {
  margin: 0;
  font-family: onest;
  font-size: 15px;
  line-height: 24px;
  color: #000032;
}

.contacto-data-card p + p {
  margin-top: 6px;
}

.contacto-data-title {
  font-family: onestSemiBold !important;
  font-size: 13px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0A4CE7 !important;
}

.contacto-data-card a {
  color: #000032;
  text-decoration: none;
}

.contacto-data-card a:hover {
  color: #0A4CE7;
}

@media (max-width: 767px) {
  .footer-contact {
    margin-top: 14px;
    padding: 0 20px;
  }

  .footer-contact p {
    font-size: 12px;
    line-height: 20px;
  }

  .contacto-data-wrap {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 20px;
  }
}