/* Inicio para implementar QA 

*/

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  cursor: default;
  font-family: 'Roboto', sans-serif; 
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
  vertical-align: top; }

/*Styles liferay*/
.portlet-layout.row {
  margin-right: 0px;
}

.portlet-layout.row .portlet-column.portlet-column-only {
  padding-right: 0px;
}
/*Fin styles liferay*/

/* Header */
header {
  background-color: #fff;
}

.menu-item {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-left {
  margin-left: 7rem;
}

.menu-dr {
  background-color: #F5F5F5;
  z-index: 100;
}

.custom-logo-link img {
  height: 100%;
  max-height: 6rem;
  max-width: 20rem;
  width: 100%;
}

.img-resize_home {
  height: 23rem;
  max-height: 25rem;
}

.btn-ctic {
  background: #8166C7;
  border-radius: 15px;
  color: #FFFFFF;
  font-family: 'Roboto';
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
}



#topBar_home {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.topBar-li_home {
  margin-left: 14px;
  margin-right: 14px;
}

#topBar_home li a {
  color: #4183D1;
  font-family: 'Montserrat';
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0.20000000298023224px;
  text-align: left;

}

#topBar_mobile_home {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

#topBar_mobile_home li a img {
  max-width: 2rem;
}


.navbar-light .navbar-nav li a {
  color: #4183D1;
  font-weight: 700;
}

nav#second-nav {
  background: linear-gradient(270deg, #525DB7 11.74%, #80459B 57.17%, #DC176E 97.29%);
}

nav#second-nav .navbar-nav {
  flex-direction: row;
  flex-wrap: wrap;
}

nav#second-nav .navbar-nav .nav-item {
  display: block;
  border-left: 2px solid white;
  position: relative;
  width: 300px;
}

nav#second-nav .navbar-nav .nav-item:first-of-type {
  border: none;
}

nav#second-nav .navbar-nav .nav-item .nav-link {
  color: white;
  font-size: .85rem;
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0.20000000298023224px;
  padding: 0.8rem 8px !important;
  text-align: left;

}

nav#second-nav .navbar-nav .nav-item .b-right {
  background-color: #fff;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  right: 0;
  top: 20px;
  width: 1px;
}

/*  Owl carrusel */
#banner-principal .item img{
  display: block;
  width: 100% !important;
  height: auto;
}
.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-nav span {
  font-size: 70px;    
  position: relative;
  top: -5px;
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}

.owl-nav span {
  font-size: 70px;    
  position: relative;
  top: -5px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  color: #8166C7;
}


/* Banner frase */
.row-pink-cover {
  position: relative;
}

.row-pink-cover .banner-frase {
  background: rgb(0, 0, 0);
  background: linear-gradient(147.74deg, rgba(255, 45, 115, 0.738) 21.66%, rgba(129, 102, 199, 0.171) 80.65%);
  color: #fff;
  height: 100%;
  padding: 20px;
  position: absolute;
  width: 100%;
}

.row-pink-cover .banner-frase p {
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 2.188rem;
  font-weight: 500;
  left: 49%;
  line-height: 2.5rem;
  position: absolute;
  transform: translate(-49%, -50%);
  top: 50%;
  width: 73%;
  letter-spacing: 0.20000000298023224px;
  text-align: left;

}

.banner-frase p {
  color: #FFF;
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 2.188rem;
  font-weight: 500;
  left: 49%;
  line-height: 2.5rem;
  position: absolute;
  transform: translate(-49%, -50%);
  top: 50%;
  width: 73%;
  letter-spacing: 0.20000000298023224px;
}

/* Banner cards */
.img-fit {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.banner-cards {
  display: flex;
  gap: 2rem;
  margin-top: -4rem;
}

.card_home {
  background: linear-gradient(180deg, #3987D5 0%, #7E69B3 106.64%);
  color: #fff;
  border-radius: 0.625rem;
}


.card_home .card-title img {
  max-width: 2rem;
  max-height: 2rem;
}

.card_subtitle_home {
  color: #FFF;
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0em;
  height: 4rem;
}

.card_text_home{
  height: 9rem;
}

.card-link_home {
  color: #FFF;
}

/* Banner bienvenidos a ctic */
.gray-div {
  background: #F8F8F8;
}

.banner-title_home {
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 2.8125rem;
  font-weight: 700;
  background: linear-gradient(90deg, #FF2D73 -23.42%, #8166C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-body_home {
  font-family: 'Roboto';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0;
  text-align: left;

}

.banner-bienvenido-padding_home {
  padding-left: 7rem;
  padding-right: 7rem;
}

/* Banner nuestros servicios */

.container .card-servicios-border-home {
  margin-top: 3rem;
  width: 18rem;
  border-radius: 10px;
  border: 1px solid #EDEDED;
}

.container .card-servicios-border-home .card-body .card-title {
  margin-top: -2.5rem;
  padding-left: 1rem;
}

.container .card-servicios-border-home img {
  max-width: 2.5rem;
  max-height: 2.5rem;
}

.nuestros-servicios-title_home {
  font-family: 'Montserrat';
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: 0;
  text-align: left;
  max-height: 6.5rem;
  height: 6rem;
  color: #3A3A3A;
}

.nuestros-servicios-texto_home {
  font-family: 'Roboto';
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.438rem;
  letter-spacing: 0;
  text-align: left;
  color: #4C4C4C;
}

.pagination-sm .page-item .page-link {
  border: none;
  font-family: 'Roboto';
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.438rem;
  letter-spacing: 0;
  color: #8166C7;
}

/* Banner nuestro equipo */
.banner-directivos-padding_home {
  padding-left: 7rem;
}

.nuestro-equipo-title_home {
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #5B5B5B;

}

.nuestro-equipo-position_home {
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0em;
  color: #616161;

}

.card {
  border: 0px;
}

/* Noticias */

.card-noticias-title_home {
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #454545;

}

.card-noticias-texto_home {
  font-family: 'Roboto';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0em;
  color: #4C4C4C;
}

.card-noticias-link_home {
  font-family: 'Roboto';
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.20000000298023224px;
  color: #8166C7;
}

/* Footer */
footer {
  width: 100%;
  background: #fff;
}

footer a {
  color: #FFF;
}

footer a:hover {
  color: #FFF;
}


footer section.portlet {
  margin-bottom: 0;
}

#footer-navbar img.custom-logo-link {
  max-width: 20rem;
}

footer .custom-logo-link img {
  max-width: 12rem;
}


footer li {
  list-style: none;
  margin-right: 1rem;
}

footer li:last-of-type {
  margin-right: 0;
}

footer li.menu-item {
  margin-left: 10px;
  margin-right: 10px;
}

footer #navbar-footer li a {
  color: #335497;
  font-family: 'Montserrat-bold';
  font-style: oblique;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0.20000000298023224px;
}


img.redes-sociales-footer {
  max-width: 2em;
  max-height: 2rem;
}

.ctic-franja-footer {
  background: linear-gradient(270deg, #335497 28.2%, #2491E0 103.09%);
  color: #FFFFFF;
}

.copyright {
  font-family: 'Roboto';
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.625rem;
  letter-spacing: 0.5px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991px) {
  .icon-menu {
    color: #FFF;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4NHB0IiB2aWV3Qm94PSIwIC01MyAzODQgMzg0IiB3aWR0aD0iMzg0cHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTM2OCAxNTQuNjY3OTY5aC0zNTJjLTguODMyMDMxIDAtMTYtNy4xNjc5NjktMTYtMTZzNy4xNjc5NjktMTYgMTYtMTZoMzUyYzguODMyMDMxIDAgMTYgNy4xNjc5NjkgMTYgMTZzLTcuMTY3OTY5IDE2LTE2IDE2em0wIDAiLz48cGF0aCBkPSJtMzY4IDMyaC0zNTJjLTguODMyMDMxIDAtMTYtNy4xNjc5NjktMTYtMTZzNy4xNjc5NjktMTYgMTYtMTZoMzUyYzguODMyMDMxIDAgMTYgNy4xNjc5NjkgMTYgMTZzLTcuMTY3OTY5IDE2LTE2IDE2em0wIDAiLz48cGF0aCBkPSJtMzY4IDI3Ny4zMzIwMzFoLTM1MmMtOC44MzIwMzEgMC0xNi03LjE2Nzk2OS0xNi0xNnM3LjE2Nzk2OS0xNiAxNi0xNmgzNTJjOC44MzIwMzEgMCAxNiA3LjE2Nzk2OSAxNiAxNnMtNy4xNjc5NjkgMTYtMTYgMTZ6bTAgMCIvPjwvc3ZnPg==) !important;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
  }

  nav#second-nav .navbar-nav .nav-item {
    border: none;
  }

  .owl-nav button.owl-prev {
    left: 0;
  }

  .owl-nav button.owl-next {
    right: 0;
  }

  .custom-logo-link img {  
    height: auto;
    width: auto;  
    max-height: 4rem;
    max-width: 12rem;
  }

}

@media (max-width: 768px) {
  .banner-cards {
    flex-flow: wrap;
    margin-top: 0;
  }

  .banner-bienvenido-padding_home {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .banner-directivos-padding_home {
    padding-left: 4rem;
  }

  footer #navbar-footer .navbar-nav {
    display: block;
  }
}



/* Fin para implementar QA 
  
  */