.subtitulos {
  font-size: 24px !important;
}

.scroll_fix {
  scroll-margin-top: 110px;
}

.font_mustica_regular {
  font-family: "Mustica Pro Regular" !important;
}

.font_mustica_bold {
  font-family: "Mustica Pro Bold" !important;
}

.font_mustica_semibold {
  font-family: "Mustica Pro SemiBold" !important;
}

.titulos {
  font-size: 3.3rem !important;
}

body {
  max-width: 100%;
  overflow-x: hidden;
}

footer{
  background-color: rgba(39, 48, 57, 0.95) !important;
}

.color_azul {
  color:#2591df !important;
}

.bg_wf_azul {
  background-color:#2591df !important;
}

@media (min-width: 992px) {
  .container-fluid {
    width: 85% !important;
  }
}

.container-fluid.w_100 {
  width: 100% !important;
}

.bg_issirmax {
  background-color: #002b52 !important;
}

.color_celeste {
  color: #09b0b6 !important;
}

.w-35 {
  width: 40% !important;
}

@media (min-width: 300px) and (max-width: 1199px) {
  .w_small {
    width: 100% !important;
  }
}

@media (min-width: 300px) and (max-width: 1199px) {
  .w_small.nosotros {
    width: 40% !important;
  }
}

a:hover.info_contacto {
  color: #005da1!important;
}

.border_gradiente_azul {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #50aff3, #013757) border-box;
  border: 2px solid transparent;
}

.btn.border_gradiente_azul {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #09b0b6, #004e7a) border-box;
  border: 2px solid transparent;
}

.btn.border_gradiente_azul:hover {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #004e7a, #09b0b6) border-box !important;
  border: 2px solid transparent;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  border-color: initial !important;
}

.border_gradiente_morado {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #81039b, #0b2ee8) border-box;
  border: 2px solid transparent;
}

.btn.border_gradiente_morado:hover {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #0b2ee8, #81039b) border-box;
  border: 2px solid transparent;
}

.border_gradiente_rosa {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #ff0064, #ff5fed) border-box;
  border: 2px solid transparent;
}

.border_gradiente_lila {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #2400ff, #9ad5ff) border-box;
  border: 2px solid transparent;
}

.border_gradiente_rojo {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #ff0000, #ffb759) border-box;
  border: 2px solid transparent;
}

.border_gradiente_verde {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #7ed957, #007e50) border-box;
  border: 2px solid transparent;
}

/* PARTE DEL BOTÓN AZUL */

.btn-border_gradiente_azul {
  position: relative;
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #09b0b6, #004e7a) border-box;
  border: 2px solid transparent;
}

.btn-border_gradiente_azul:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 20px;
  background-image: linear-gradient(250deg, #004e7a, #09b0b6), linear-gradient(250deg, #004e7a, #09b0b6);
  opacity: 0;
  transition: all .5s ease-in-out;
}

.btn-border_gradiente_azul:hover:after {
  opacity: 0.3;
}

.border_gradiente_morado {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #81039b, #0b2ee8) border-box;
  border: 2px solid transparent;
}

.btn.border_gradiente_morado:hover {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #0b2ee8, #81039b) border-box !important;
  border: 2px solid transparent;
}

/* FIN DEL BOTÓN AZUL */

/* PARTE DEL BOTÓN MORADO */

.btn-border_gradiente_morado {
  position: relative;
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #0b2ee8, #81039b) border-box;
  border: 2px solid transparent;
}

.btn-border_gradiente_morado:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 20px;
  background-image: linear-gradient(250deg, #81039b, #0b2ee8), linear-gradient(250deg, #81039b, #0b2ee8);
  opacity: 0;
  transition: all .5s ease-in-out;
}

.btn-border_gradiente_morado:hover:after {
  opacity: 0.3;
}

/* FIN DEL BOTÓN MORADO */

/* Navbar */

.navbar {
  background-color: #002b52;
  transition: background-color 0.3s ease;
}

/* Estilo del navbar cuando se hace scroll */
.navbar-scrolled {
  background-color: #ffffff;
  transition: background-color 0.3s ease;
}

nav.navbar-scrolled .wf_black{
  display: block;
}

nav.navbar-scrolled .wf_white{
  display: none;
}

nav:not(.navbar-scrolled) .wf_black{
  display: none;
}

nav:not(.navbar-scrolled) .wf_white{
  display: block;
}

.nav-link {
  font-size: 19px !important;
}

@media (min-width: 992px) {
  #mainNav .navbar-nav > li.nav-item > a.nav-link {
    padding: .5rem 2.2rem;
  }
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #2591df !important;
}

.nav-link:hover, .nav-link:focus {
  color: #2591df !important;
}

.nav-link {
  color: white !important;
}

/* when navbar-scrolled, nav-links changed color  */
nav.navbar-scrolled .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #2591df !important;
}

nav.navbar-scrolled .nav-link:hover, .nav-link:focus {
  color: #2591df !important;
}

nav.navbar-scrolled .nav-link {
  color: #002b52 !important;
}

#mainNav {
  width: 88%;
  margin: 0 auto;
  /*border-bottom: 1px solid white;*/
}

.dropdown-menu.columns-2 {
  min-width: 600px;
  height: 320px;
}

#sub_menu_soluciones.dropdown-menu.columns-2 {
  min-width: 300px;
  height: auto;
  max-height: 600px; /* puedes ajustar este valor según necesites */
  overflow-y: auto; /* agrega scroll si es demasiado largo */}

@media (min-width:300px) and (max-width:991px) {
  .dropdown-menu.columns-2 {
    min-width: 300px;
    width: 10px !important;
    height: 520px;
  }
}

@media (min-width:300px) and (max-width:991px) {
  #sub_menu_soluciones.dropdown-menu.columns-2 {
    min-width: 300px;
    width: 10px !important;
    height: 180px;
  }
}

.dropdown-item {
  color: white;
}

a.dropdown-item:hover .btn {
  color: #2591df !important;
  border-color: #2591df !important;; /* Cambiar el color según tus necesidades */
}
.dropdown-toggle:hover {
  color: #2591df !important;
}

.dropdown-toggle:active {
  color: #2591df !important;
}

@media (min-width: 992px) {
  #servicios_menu.dropdown:hover .dropdown-menu {
    display: block;
    right: 0;
  }
}

@media (min-width: 992px) {
  #soluciones_menu.dropdown:hover .dropdown-menu {
    display: block;
    right: 0;
  }
}

.navbar_menu > .nav-link {
  padding-right: 0 !important;
}

@media (min-width: 1200px) {
  .navbar_menu > .nav-link {
    padding-right: 0.5rem !important;
    padding-left: 1.5rem !important;
  }
}

@media (min-width:300px) and (max-width:991px) {
  #sub_menu_servicios {
    position: relative !important;
    top: 0 !important;
    right: 80px !important;
  }
}

@media (min-width:300px) and (max-width:991px) {
  #sub_menu_soluciones {
    position: relative !important;
    top: 0 !important;
    right: 100px !important;
  }
}

.dropdown-menu-end {
  --bs-position: end !important;
}

.btn_square {
  border-radius: 0.5rem;
  background-color: #021531;
  border: 1px solid #021531;
  width: 46px;
  height: 44px;
}

.btn_square:hover {
  border-radius: 0.5rem;
  border: 1px solid #2591df;
}

.dropdown-menu-dark {
  --bs-dropdown-bg: #021531;
  --bs-dropdown-border-color: none !important;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #2591df;
  --bs-dropdown-link-hover-bg: none !important;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: none !important;
}

.w_logo_wf {
  width: 8% !important;
}

@media (min-width: 320px) and (max-width: 500px) {
  .w_logo_wf {
    width: 18% !important;
  }
}
@media (min-width: 501px) and (max-width: 777px) {
  .w_logo_wf {
    width: 15% !important;
  }
}
@media (min-width: 778px) and (max-width: 999px) {
  .w_logo_wf {
    width: 10% !important;
  }
}

.footer_logo_wf {
  width: 30% !important;
}

/* INDEX */

/* HOME SECTION */

@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    padding-top: 72px !important;
    min-height: 40rem;
  }
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 72px)!important;
  }
}

/* HOME OFRECEMOS */

.bg_lineas_curvas {
  background-image: url(bg_ofrecemos.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* HOME SERVICES */

.marco_titulo {
  background: linear-gradient(to right, #2591df 4px, transparent 4px) 0 0, linear-gradient(to right, #2591df 4px, transparent 4px) 0 100%, linear-gradient(to left, #2591df 4px, transparent 4px) 100% 0, linear-gradient(to left, #2591df 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, #2591df 4px, transparent 4px) 0 0, linear-gradient(to bottom, #2591df 4px, transparent 4px) 100% 0, linear-gradient(to top, #2591df 4px, transparent 4px) 0 100%, linear-gradient(to top, #2591df 4px, transparent 4px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 105px 210px;
}

.marco_izq_titulo {
  background: linear-gradient(to right, #2591df 4px, transparent 4px) 0 0, linear-gradient(to right, #2591df 4px, transparent 4px) 0 100%, linear-gradient(to left, transparent 4px, transparent 4px) 100% 0, linear-gradient(to left, transparent 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, #2591df 4px, transparent 4px) 0 0, linear-gradient(to bottom, transparent 4px, transparent 4px) 100% 0, linear-gradient(to top, #2591df 4px, transparent 4px) 0 100%, linear-gradient(to top, transparent 4px, transparent 4px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 105px 210px;
}

.btn_ver_mas {
  border: #2591df 2px solid !important;
  background-color: #2591df !important;
  width: 280px !important;
}

.div_servicios > .descripcion > .btn_ver_mas {
  width: 90% !important;
}

@media (min-width: 300px) and (max-width:700px) {
  .btn_ver_mas {
    width: 99% !important;
  }
}

.btn_ver_mas:hover, .btn_ver_mas:active {
  border: #2591df 2px solid !important;
  background-color: rgba(9,176,182,0) !important;
  color: #2591df !important;
}

.div_servicios {
  border: 1px solid #2591df;
  border-radius: 11px;
  border-width: 3px;
}

.service_card {
  height: 115px !important;
}

@media (min-width: 1200px) and (max-width:1323px) {
  #uxui.service_card {
    height: 160px !important;
  }
}

#uxui.service_card:hover {
  height: 320px !important;
}

@media (min-width:300px) and (max-width:563px) {
  #uxui.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:564px) and (max-width:767px) {
  #uxui.service_card:hover {
    height: 260px !important;
  }
}

@media (min-width:1200px) {
  #uxui.service_card:hover {
    height: 440px !important;
  }
}

@media (min-width:1234px) {
  #uxui.service_card:hover {
    height: 420px !important;
  }
}

@media (min-width:1324px) {
  #uxui.service_card:hover {
    height: 370px !important;
  }
}

@media (min-width:1603px) {
  #uxui.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:2653px) {
  #uxui.service_card:hover {
    height: 280px !important;
  }
}

#devops.service_card:hover {
  height: 300px !important;
}

@media (min-width:300px) and (max-width:378px) {
  #devops.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:379px) {
  #devops.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:490px) {
  #devops.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:768px) {
  #devops.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:1152px) {
  #devops.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:1200px) {
  #devops.service_card:hover {
    height: 370px !important;
  }
}

@media (min-width:1266px) {
  #devops.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1623px) {
  #devops.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:1784px) {
  #devops.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:2304px) {
  #devops.service_card:hover {
    height: 280px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1284px) {
  #movil.service_card {
    height: 160px !important;
  }
}

#movil.service_card:hover {
  height: 300px !important;
}

@media (min-width:300px) {
  #movil.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:407px) {
  #movil.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:481px) {
  #movil.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:660px) {
  #movil.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width: 768px) {
  #movil.service_card:hover {
    height: 340px !important;
  }
}

@media (min-width: 814px) {
  #movil.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width: 962px) {
  #movil.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width: 992px) {
  #movil.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width: 1132px) {
  #movil.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:1200px) {
  #movil.service_card:hover {
    height: 490px !important;
  }
}

@media (min-width:1253px) {
  #movil.service_card:hover {
    height: 470px !important;
  }
}

@media (min-width:1285px) {
  #movil.service_card:hover {
    height: 430px !important;
  }
}

@media (min-width:1404px) {
  #movil.service_card:hover {
    height: 410px !important;
  }
}

@media (min-width:1529px) {
  #movil.service_card:hover {
    height: 380px !important;
  }
}

@media (min-width:1631px) {
  #movil.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1914px) {
  #movil.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:2263px) {
  #movil.service_card:hover {
    height: 300px !important;
  }
}

#mesas.service_card:hover {
  height: 300px !important;
}

@media (min-width: 1200px) and (max-width: 1310px) {
  #mesas.service_card {
    height: 160px !important;
  }
}

@media (min-width: 300px) {
  #mesas.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width: 433px) {
  #mesas.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:577px) {
  #mesas.service_card:hover {
    height: 280px !important;
  }
}

@media (min-width: 768px) {
  #mesas.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width: 865px) {
  #mesas.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width: 992px) {
  #mesas.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width: 1017px) {
  #mesas.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:1200px) {
  #mesas.service_card:hover {
    height: 470px !important;
  }
}

@media (min-width:1247px) {
  #mesas.service_card:hover {
    height: 440px !important;
  }
}

@media (min-width:1311px) {
  #mesas.service_card:hover {
    height: 410px !important;
  }
}

@media (min-width:1328px) {
  #mesas.service_card:hover {
    height: 380px !important;
  }
}

@media (min-width:1412px) {
  #mesas.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1672px) {
  #mesas.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:2034px) {
  #mesas.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:2715px) {
  #mesas.service_card:hover {
    height: 280px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1289px) {
  #saas.service_card {
    height: 160px !important;
  }
}

#saas.service_card:hover {
  height: 320px !important;
}

@media (min-width: 408px) {
  #saas.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width: 520px) {
  #saas.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:768px) {
  #saas.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:815px) {
  #saas.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:1200px) {
  #saas.service_card:hover {
    height: 440px !important;
  }
}

@media (min-width:1233px) {
  #saas.service_card:hover {
    height: 420px !important;
  }
}

@media (min-width:1290px) {
  #saas.service_card:hover {
    height: 380px !important;
  }
}

@media (min-width:1367px) {
  #saas.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1453px) {
  #saas.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:1917px) {
  #saas.service_card:hover {
    height: 310px !important;
  }
}

@media (min-width:2446px) {
  #saas.service_card:hover {
    height: 280px !important;
  }
}

@media (min-width: 1200px) and (max-width:1580px) {
  #software.service_card {
    height: 160px !important;
  }
}

#software.service_card:hover {
  height: 270px !important;
}

@media (min-width:300px) {
  #software.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width: 411px) {
  #software.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width: 694px) {
  #software.service_card:hover {
    height: 250px !important;
  }
}

@media (min-width:768px) {
  #software.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:822px) {
  #software.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:1200px) {
  #software.service_card:hover {
    height: 390px !important;
  }
}

@media (min-width:1215px) {
  #software.service_card:hover {
    height: 360px !important;
  }
}

@media (min-width:1507px) {
  #software.service_card:hover {
    height: 340px !important;
  }
}

@media (min-width:1581px) {
  #software.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:1934px) {
  #software.service_card:hover {
    height: 280px !important;
  }
}

#calidad.service_card:hover {
  height: 290px !important;
}

@media (min-width:1200px) and (max-width:1837px) {
  #calidad.service_card {
    height: 160px !important;
  }
}

@media (min-width:300px) {
  #calidad.service_card:hover {
    height: 370px !important;
  }
}

@media (min-width:377px) {
  #calidad.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:435px) {
  #calidad.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:529px) {
  #calidad.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:768px) {
  #calidad.service_card:hover {
    height: 340px !important;
  }
}

@media (min-width:870px) {
  #calidad.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:992px) {
  #calidad.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1024px) {
  #calidad.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:1200px) {
  #calidad.service_card:hover {
    height: 540px !important;
  }
}

@media (min-width:1206px) {
  #calidad.service_card:hover {
    height: 520px !important;
  }
}

@media (min-width:1235px) {
  #calidad.service_card:hover {
    height: 490px !important;
  }
}

@media (min-width:1296px) {
  #calidad.service_card:hover {
    height: 470px !important;
  }
}

@media (min-width:1428px) {
  #calidad.service_card:hover {
    height: 440px !important;
  }
}

@media (min-width:1561px) {
  #calidad.service_card:hover {
    height: 420px !important;
  }
}

@media (min-width:1772px) {
  #calidad.service_card:hover {
    height: 390px !important;
  }
}

@media (min-width:1838px) {
  #calidad.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:2047px) {
  #calidad.service_card:hover {
    height: 320px !important;
  }
}

@media (min-width:2487px) {
  #calidad.service_card:hover {
    height: 310px !important;
  }
}

#gobierno.service_card:hover {
  height: 300px !important;
}

@media (min-width:300px) {
  #gobierno.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:428px) {
  #gobierno.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:540px) {
  #gobierno.service_card:hover {
    height: 300px !important;
  }
}

@media (min-width:711px) {
  #gobierno.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:768px) {
  #gobierno.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:856px) {
  #gobierno.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:992px) {
  #gobierno.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1008px) {
  #gobierno.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:1200px) {
  #gobierno.service_card:hover {
    height: 460px !important;
  }
}

@media (min-width:1364px) {
  #gobierno.service_card:hover {
    height: 440px !important;
  }
}

@media (min-width:1409px) {
  #gobierno.service_card:hover {
    height: 410px !important;
  }
}

@media (min-width:1557px) {
  #gobierno.service_card:hover {
    height: 380px !important;
  }
}

@media (min-width:1659px) {
  #gobierno.service_card:hover {
    height: 360px !important;
  }
}

@media (min-width:2015px) {
  #gobierno.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:2538px) {
  #gobierno.service_card:hover {
    height: 310px !important;
  }
}

#erps.service_card:hover {
  height: 270px !important;
}

@media (min-width:300px) {
  #erps.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:401px) {
  #erps.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:699px) {
  #erps.service_card:hover {
    height: 250px !important;
  }
}

@media (min-width:768px) {
  #erps.service_card:hover {
    height: 290px !important;
  }
}

@media (min-width:801px) {
  #erps.service_card:hover {
    height: 270px !important;
  }
}

@media (min-width:1200px) {
  #erps.service_card:hover {
    height: 350px !important;
  }
}

@media (min-width:1278px) {
  #erps.service_card:hover {
    height: 330px !important;
  }
}

@media (min-width:1446px) {
  #erps.service_card:hover {
    height: 310px !important;
  }
}

@media (min-width:1885px) {
  #erps.service_card:hover {
    height: 290px !important;
  }
}

.service {
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service:hover .descripcion {
  display: block !important;
}

.service .descripcion {
  display: none !important;
}

.mask_video {
  -webkit-mask-image: url("../../assets/img/Inicio/form_mask.png");
  mask-image: url("../../assets/img/Inicio/form_mask.png");
  -webkit-mask-size: 80% 100%;
  mask-size: 80% 100%;
  mask-position: top center;
  mask-repeat: no-repeat;
}

@media (max-width: 768px) {
  .bg_video {
    height: 310px !important;
  }
}

.bg_video {
  background-image: url(bg_video.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto;
}

/* HOME CERTIFICACIONES */

.div_img_certificaciones {
  width: auto;
}

.rounded_div {
  background-color: rgba(255,255,255,0.07) !important;
  border-radius: 50%;
  height: 200px;
  width: 200px;
  align-content: center;
}

.img_certificaciones.itil {
  height: 30% !important;
}

.img_certificaciones_gob.itil {
  height: 50% !important;
}

.img_certificaciones.istqb {
  height: 60% !important;
}

.img_certificaciones_gob.istqb {
  height: 45% !important;
}

.img_certificaciones_gob.iso9001 {
  height: 60% !important;
}

.img_certificaciones {
  height: 70% !important;
}

.bg_color_opacity {
  background-color: rgba(255,255,255,0.08) !important;
}

.circle_div_certificaciones {
  height: 12rem;
  width: 12rem;
  line-height: 7.5rem;
  font-size: 2.25rem;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
}

@media (min-width: 300px) and (max-width: 444px) {
  .circle_div_certificaciones {
    height: 9rem;
    width: 9rem;
  }
}

@media (min-width: 768px) and (max-width: 879px) {
  .circle_div_certificaciones {
    height: 9rem;
    width: 9rem;
  }
}

.bg_opacity {
  background-color: rgba(255,255,255,0.07) !important;
}

.bg_image_certificaciones {
  background-image: url(bg_ofrecemos.png);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}

.bg_verde_claro {
  background-color: rgba(0,156,162,0.33) !important;
}

.bg_azul_claro {
  background-color: rgba(29,158,211,0.3) !important;
}

.bg_azul {
  background-color: rgba(29,158,211,0.5) !important;
}

.bg_azul_celeste {
  background-color: rgba(111,199,217,0.72) !important;
}

/* NOSOTROS */

.bg_nosotros {
  background-image: url(bg_nosotros.png);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: left -100px top -135px;
}

@media (max-width: 1199px) {
  .img_size_nosotros {
    max-width: 100%;
    height: auto;
  }
}

/* MISION y VALORES */

.h_mision_valores {
  position: relative;
  top: -77px;
  display: inline-block;
  padding: 20px;
  margin-bottom: -100px;
  background: #021531;
}

.slow_hover {
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.mision_card {
  width: 70%;
  height: 360px !important;
  border-width: 2px;
  border-style: solid;
}

@media (min-width:300px) and (max-width:412px) {
  .mision_card {
    width: 100%;
    height: 420px !important;
  }
}

@media (min-width:413px) and (max-width:455px) {
  .mision_card {
    width: 100%;
    height: 370px !important;
  }
}

@media (min-width: 456px) and (max-width: 575px) {
  .mision_card {
    width: 100%;
    height: 340px !important;
  }
}

@media (min-width:576px) and (max-width:697px) {
  .mision_card {
    width: 100% !important;
    height: 310px !important;
  }
}

@media (min-width:698px) and (max-width:767px) {
  .mision_card {
    width: 100% !important;
    height: 270px !important;
  }
}

@media (min-width:698px) {
  .mision_card {
    height: 270px !important;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .mision_card {
    width: 90% !important;
  }
}

@media (min-width:992px) and (max-width:1399px) {
  .mision_card {
    width: 100% !important;
    height: 400px !important;
  }
}

@media (min-width:1126px) {
  .mision_card {
    height: 340px !important;
  }
}

@media (min-width:1200px) and (max-width:1399px) {
  .mision_card {
    width: 80% !important;
    height: 380px !important;
  }
}

@media (min-width:1400px) {
  .mision_card {
    height: 430px !important;
  }
}

@media (min-width:1621px) {
  .mision_card {
    height: 350px !important;
  }
}

@media (min-width:1951px) {
  .mision_card {
    height: 320px !important;
  }
}

@media (min-width:2695px) {
  .mision_card {
    height: 270px !important;
  }
}

.mision_card:hover {
  height: 450px !important;
}

@media (min-width:300px) and (max-width:399px) {
  .mision_card:hover {
    height: 430px !important;
  }
}

@media (min-width:400px) and (max-width:439px) {
  .mision_card:hover {
    height: 390px !important;
  }
}

@media (min-width:440px) {
  .mision_card:hover {
    height: 360px !important;
  }
}

@media (min-width:595px) {
  .mision_card:hover {
    height: 290px !important;
  }
}

@media (min-width:992px) {
  .mision_card:hover {
    height: 410px !important;
  }
}

@media (min-width:1023px) {
  .mision_card:hover {
    height: 370px !important;
  }
}

@media (min-width:1200px) {
  .mision_card:hover {
    height: 400px !important;
  }
}

@media (min-width:1400px) {
  .mision_card:hover {
    height: 440px !important;
  }
}

@media (min-width:1606px) {
  .mision_card:hover {
    height: 360px !important;
  }
}

@media (min-width:1963px) {
  .mision_card:hover {
    height: 310px !important;
  }
}

@media (min-width:2722px) {
  .mision_card:hover {
    height: 280px !important;
  }
}

.valores_card {
  width: 70%;
  height: 260px !important;
  border-width: 2px;
  border-style: solid;
}

@media (min-width:300px) and (max-width:402px) {
  .valores_card {
    width: 100% !important;
    height: 450px !important;
  }
}

@media (min-width:403px) and (max-width:767px) {
  .valores_card {
    width: 100% !important;
    height: 410px !important;
  }
}

@media (min-width:480px) {
  .valores_card {
    height: 400px !important;
  }
}

@media (min-width:532px) {
  .valores_card {
    height: 360px !important;
  }
}

@media (min-width:733px) {
  .valores_card {
    height: 310px !important;
  }
}

@media (min-width: 768px) and (max-width:1399px) {
  .valores_card {
    width: 90% !important;
  }
}

@media (min-width:940px) {
  .valores_card {
    height: 270px !important;
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .valores_card {
    width: 100% !important;
    height: 400px !important;
  }
}

@media (min-width:1128px) {
  .valores_card {
    height: 360px !important;
  }
}

@media (min-width:1200px) and (max-width:1216px) {
  .valores_card {
    width: 80% !important;
    height: 420px !important;
  }
}

@media (min-width:1217px) and (max-width:1394px) {
  .valores_card {
    width: 80% !important;
    height: 380px !important;
  }
}

@media (min-width:1395px) and (max-width:1399px) {
  .valores_card {
    width: 80% !important;
    height: 380px !important;
  }
}

@media (min-width:1400px) {
  .valores_card {
    height: 430px !important;
  }
}

@media (min-width:1520px) {
  .valores_card {
    height: 430px !important;
  }
}

@media (min-width:1621px) {
  .valores_card {
    height: 390px !important;
  }
}

@media (min-width:1757px) {
  .valores_card {
    height: 350px !important;
  }
}

@media (min-width:1663px) {
  .valores_card {
    height: 350px !important;
  }
}

@media (min-width:1993px) {
  .valores_card {
    height: 340px !important;
  }
}

@media (min-width:2695px) {
  .valores_card {
    height: 270px !important;
  }
}

.valores_card:hover {
  height: 360px !important;
}

@media (min-width:300px) and (max-width:446px) {
  .valores_card:hover {
    height: 430px !important;
  }
}

@media (min-width:447px) and (max-width:575px) {
  .valores_card:hover {
    height: 360px !important;
  }
}

@media (min-width:576px) and (max-width:722px) {
  .valores_card:hover {
    height: 310px !important;
  }
}

@media (min-width:723px) and (max-width:767px) {
  .valores_card:hover {
    height: 285px !important;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .valores_card:hover {
    height: 280px !important;
  }
}

@media (min-width:992px) and (max-width:1091px) {
  .valores_card:hover {
    height: 405px !important;
  }
}

@media (min-width:1092px) and (max-width:1199px) {
  .valores_card:hover {
    height: 380px !important;
  }
}

@media (min-width:1200px) and (max-width:1347px) {
  .valores_card:hover {
    height: 405px !important;
  }
}

@media (min-width:1400px) {
  .valores_card:hover {
    height: 430px !important;
  }
}

@media (min-width:1520px) {
  .valores_card:hover {
    height: 380px !important;
  }
}

@media (min-width:1636px) {
  .valores_card:hover {
    height: 390px !important;
  }
}

@media (min-width:1852px) {
  .valores_card:hover {
    height: 360px !important;
  }
}

@media (min-width:1951px) {
  .valores_card:hover {
    height: 320px !important;
  }
}

@media (min-width:2478px) {
  .valores_card:hover {
    height: 320px !important;
  }
}

@media (min-width:2695px) {
  .valores_card:hover {
    height: 270px !important;
  }
}

@media (min-width:300px) and (max-width:991px) {
  .margin_valores {
    margin-top: 200px;
    margin-bottom: 100px;
  }
}

/* EQUIPO */

.cuadro_equipo {
  border-width: 2px;
  border-style: solid;
}

.gradiente_azul {
  border-image: linear-gradient(to right, #09b0b6, #004e7a) 1;
}

.cuadro_detras {
  position: relative;
  bottom: 0;
  height: 300px;
  width: 80%;
}

.gradiente_morado {
  border-image: linear-gradient(to right, #81039b, #0b2ee8) 1;
}

.gradiente_rojo {
  border-image: linear-gradient(to right, #ff0000, #ffb759) 1;
}

/* CONTACTO PAGE */

.bg_contacts {
  background-color: #021531 !important;
}

.bg_image_contact {
  background-image: url("contact/contact_bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.input_style {
  background-color: #002b52 !important;
  outline: none !important;
  border-color: #002b52 !important;
  box-shadow: none !important;
}

.form-control {
  color: #ffffff !important;
}

.form-control::placeholder {
  color: #aac7fc !important;
}

.form-control.input_style:focus {
  color: #ffffff !important;
}

.form-select:invalid {
  color: #aac7fc !important;
}

.btn_send_contact {
  background: radial-gradient(circle at 0%, #09B0B6, #004E7A) !important;
}

.bg_image_design {
  background-image: url("ux-ui/design_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.sub-menu-design {
  background-color: white;
}

.rainbowWrap {
  background: linear-gradient(to right, #81039B ,#0B2EE8) !important;
  padding: 1px !important;
  box-shadow: inset 0px 0px 5px 3px transparent !important;
  border-radius: 1rem !important;
}

.design-resume-bg {
  background-color: #000C1E !important;
}

.card-design {
  background-color: #ffffff !important;
  padding-top: 20px;
}

.border-card-1 {
  padding: 1.5px;
  background: linear-gradient(#f3f4f6 , #f3f4f6 ) padding-box, linear-gradient(to right, #81039B ,#0B2EE8) border-box;
  margin: 15px;
  border: 4px solid transparent;
  border-radius: 50px !important;
}

.border-card-2 {
  padding: 1.5px;
  background: linear-gradient(#f3f4f6 , #f3f4f6 ) padding-box, linear-gradient(to right, #09B0B6 ,#004E7A) border-box;
  margin: 15px;
  border: 4px solid transparent;
  border-radius: 50px !important;
}

.border-card-5 {
  padding: 1.5px;
  background: linear-gradient(#f3f4f6 , #f3f4f6 ) padding-box, linear-gradient(to right, #7ED957, #007E50) border-box;
  margin: 15px;
  border: 4px solid transparent;
  border-radius: 50px !important;
}

.border-card-3 {
  padding: 1.5px;
  background: linear-gradient(#f3f4f6 , #f3f4f6 ) padding-box, linear-gradient(to right, #FF0000 ,#FFB759) border-box;
  margin: 15px;
  border: 4px solid transparent;
  border-radius: 50px !important;
}

.border-card-4 {
  padding: 1.5px;
  background: linear-gradient(#f3f4f6 , #f3f4f6 ) padding-box, linear-gradient(to right, #FF0065 ,#FF5FED) border-box;
  margin: 15px;
  border: 4px solid transparent;
  border-radius: 50px !important;
}

.solucion_erp {
  background-image: url("../../assets/img/Solucion%20Erps/index_bar.png"), url("../../assets/img/Solucion%20Erps/erp-soluciones.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.bg_blanco_issirmax {
  background-color: #f3f4f6 !important;
}

.color_azul_oscuro {
  color: #002b52 !important;
}

.gris_texto {
  color: rgba(39, 48, 57, 0.85) !important;
}

@media (min-width: 1800px) {
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 40%;
  }
}

.img_uiux {
  width: 80%;
  position: relative;
}

.responsive-image {
  /*width: 100%;*/
  max-width: inherit;
}

@media (min-width:300px) and (max-width:699px) {
  .titulos {
    font-size: 1.75rem !important;
  }
}

/* @media (min-width:500px) and (max-width:699px) {
  .titulos {
    font-size: 1.9rem !important;
  }
} */

@media (min-width:700px) and (max-width:899px) {
  .titulos {
    font-size: 2.9rem !important;
  }
}

/* @media (min-width:375px) and (max-width:499px) {
  .marco_titulo {
    background-size: 105px 210px;
  }
} */

@media (min-width:300px) and (max-width:699px) {
  .tamanio-texto {
    font-size: 1rem !important;
  }
}

.subtitulos {
  font-size: 24px !important;
}

.centrar-pill{
  text-align: center;
  margin-top: 13px
}

.navbar-toggler-icon-back{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.ciber_seguridad_header {
  background-image: url('solucion-ciber-seguridad.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.seccion-certificaciones {
  background-color: #f4f5f7;
  padding: 60px 0;
}

.titulo-certificaciones {
  font-size: 2rem;
  font-weight: 700;
  color: #002147; /* Azul marino fuerte */
  margin-bottom: 40px;
}

.img-certificacion {
  max-width: 200px;
  height: auto;
  object-fit: contain;
}