﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
 font-family: WorkSans-Black;
 src: url('../fonts/Work_Sans/WorkSans-Black.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-Bold;
 src: url('../fonts/Work_Sans/WorkSans-Bold.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-ExtraBold;
 src: url('../fonts/Work_Sans/WorkSans-ExtraBold.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-ExtraLight;
 src: url('../fonts/Work_Sans/WorkSans-ExtraLight.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-Light;
 src: url('../fonts/Work_Sans/WorkSans-Light.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-Medium;
 src: url('../fonts/Work_Sans/WorkSans-Medium.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-Regular;
 src: url('../fonts/Work_Sans/WorkSans-Regular.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-SemiBold;
 src: url('../fonts/Work_Sans/WorkSans-SemiBold.ttf') format('truetype');
}

@font-face {
 font-family: WorkSans-Thin;
 src: url('../fonts/Work_Sans/WorkSans-Thin.ttf') format('truetype');
}

.textnormal {
 font-family: 'WorkSans-Regular' !important;
}

.textlight {
 font-family: WorkSans-ExtraLight !important;
}

.textsemibold {
 font-family: WorkSans-SemiBold !important;
}

.textbold {
 font-family: WorkSans-Bold !important;
}

.textmedium {
 font-family: WorkSans-Medium !important;
}

.bg-green {
 background: #26B460 !important;
}

.violetColor {
 color: #68478D !important;
}

.greenColor {
 color: #2BB461 !important;
}
.whiteColor {
 color: white !important;
}

.grayColor {
 color: #656565 !important;
}

body {
 font-family: 'WorkSans-Regular';
}


a.navbar-brand {
 white-space: normal;
 text-align: center;
 word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
 color: #0366d6;
 cursor: pointer;
 text-decoration:none;
}
 a:hover {
  text-decoration: none;
 }

.span-green {
 color: #2BB461;
 font-family: WorkSans-SemiBold;
}

.btn-primary {
 color: #fff;
 background-color: #1b6ec2;
 border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
 color: #fff;
 background-color: #1b6ec2;
 border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
 font-size: 14px;
}

@media (min-width: 768px) {
 html {
  font-size: 16px;
 }
}

.border-top {
 border-top: 1px solid #e5e5e5;
}

.border-bottom {
 border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
 box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
 font-size: 1rem;
 line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
 position: relative;
 min-height: 100%;
}

body {
 /* Margin bottom by footer height */
 margin-bottom: 60px;
}

.footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 background: #2BB461;
 color: white;
 text-align: center;
 padding-top: 20px;
}


.dropdown-menu {
 background: #68478D;
 color: white;
 width: 100%;
 border-radius: unset;
}

.dropdown-item:hover {
 background-color: #f8f9fa1c;
}

.dropdown-menu {
 margin: 0;
}

.dropdown:hover .dropdown-menu {
 display: block;
}

.dropdown-toggle::after {
 display: none;
}


.navbar {
 background: #68478D !important;
 display: block;
 padding: 0;
}

 .navbar a,
 .navbar a:hover {
  color: white !important;
  font-size: 12px;
 }


.navbar-header {
 background: #2BB461;
 width: 100%;
 height: 140px;
 display: flex;
 align-items: center;
}

 .navbar-header img {
  height: 62px;
 }

.navbar-toggler-icon {
 filter: brightness(0) invert(1);
 border: none;
}

.navbar-toggler:focus {
 outline: none;
}


@media (max-width: 575px) {
 .navbar-header img {
  height: auto;
  width: 80%;
 }
}

.navbar-nav {
 align-items: center;
}

@media (min-width: 576px) {
 .navbar-expand-sm .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
 }
}

.banner {
 width: 100%;
 height: 527px;
 background-position: center;
 background-size: cover;
}

@media (max-width: 991px) {
 .banner {
  height: 290px;
 }
}

h1 {
 color: #2BB461;
 font-size: 25px;
 padding: 50px 0;
 text-align: center;
}

.card-home {
 min-height: 185px;
 border: 1px solid #C4C4C4;
 border-radius: 0px 15px;
 display: flex;
 margin: 0 100px;
 margin-bottom: 30px;
}

.card-home-text {
 width: 60%;
 padding: 0 35px;
 align-self: center;
}

.card-home-image {
 width: 40%;
 border-radius: 0px 15px;
 background-size: cover;
 background-position: center;
}

.card-home h2 {
 font-size: 20px;
 font-weight: 500;
 color: #2BB461;
}

.card-home p {
 font-size: 14px;
 color: #7C7C7C;
}

.card-home a {
 cursor: pointer;
}

@media (max-width: 991px) {
 .card-home {
  margin: 0 10px;
  margin-bottom: 30px;
  min-height: 246px;
  display:flex;
 }
 .card-home-text {
  width:100%;
 }
 .card-home-image {
  width: 100%;

 }
}

@media (max-width: 768px) {
 .card-home{
  flex-direction:column;
 }

 .card-home-text {
  width: 100%;
  padding: 20px 35px;
 }

 .card-home-image {
  width: 100%;
  height: 152px;
 }
}

.border-container {
 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 border-radius: 20px;
}

/*Quienes Somos*/
#sliderQuienesSomos {
 display: flex;
 align-items: center;
 padding: 60px 0;
 border-bottom: solid 1px #2BB461;
 min-height: 220px;
}

 #sliderQuienesSomos .item {
  display: inline-flex;
  align-items: center;
 }

  #sliderQuienesSomos .item img {
   margin-right: 50px;
  }

  #sliderQuienesSomos .item p {
   margin-bottom: 0;
   color: #7C7C7C;
   font-size: 20px;
   text-align: left;
  }

 #sliderQuienesSomos .sliderQuienesSomos-item {
  width: 80%;
  text-align: center;
 }



 #sliderQuienesSomos .back {
  text-align: left;
  width: 10%;
 }

 #sliderQuienesSomos .next {
  text-align: right;
  width: 10%;
 }

@media (max-width: 576px) {
 #sliderQuienesSomos .back img,
 #sliderQuienesSomos .next img {
  height: 30px;
 }

 #sliderQuienesSomos .item img {
  margin-right: 10px;
 }

 #sliderQuienesSomos .item p {
  font-size: 14px;
 }
}

#menuQuienesSomos {
 display: inline-flex;
 width: 100%;
}

 #menuQuienesSomos .options {
  display: grid;
  width: 30%;
 }

 #menuQuienesSomos .content {
  display: grid;
  width: 70%;
 }

  #menuQuienesSomos .content .banner {
   height: 210px;
   border-radius: 0 15px 0 15px;
   background-size: cover;
  }

@media (max-width: 991px) {
 #menuQuienesSomos .content .banner {
  height: 110px;
 }
}

#menuQuienesSomos .options ul {
 list-style-type: none;
 padding-left: 40px;
}


#menuQuienesSomos .options label {
 color: #7C7C7C;
 font-size: 20px;
 cursor: pointer;
 font-family: WorkSans-Medium;
}


@media (max-width: 991px) {
 #menuQuienesSomos .options ul {
  padding-left: 0px;
 }

 #menuQuienesSomos .options label {
  font-size: 16px;
 }
}


#menuQuienesSomos .content p {
 font-size: 16px;
 color: #7C7C7C;
}

@media (max-width: 991px) {
 #menuQuienesSomos .content p {
  font-size: 12px;
 }
}

#menuQuienesSomos .content p span {
 color: #68478D;
 font-family: WorkSans-SemiBold;
}

input[type=radio] {
 display: none;
}

#rdVision:checked ~ .options #lbVision,
#rdMision:checked ~ .options #lbMision,
#rdValores:checked ~ .options #lbValores,
#rdClientes:checked ~ .options #lbClientes {
 color: #2BB461;
}

 #rdVision:checked ~ .options #lbVision:before,
 #rdMision:checked ~ .options #lbMision:before,
 #rdValores:checked ~ .options #lbValores:before,
 #rdClientes:checked ~ .options #lbClientes:before {
  content: ">  ";
 }

#contentVision,
#contentMision,
#contentValores,
#contentClientes {
 display: none;
}

#rdVision:checked ~ .content #contentVision,
#rdMision:checked ~ .content #contentMision,
#rdValores:checked ~ .content #contentValores,
#rdClientes:checked ~ .content #contentClientes {
 display: block;
}

.expandCard {
 background: #E9E9E9;
 border-radius: 0 15px 0 15px;
 text-align: center;
 width: 100%;
 padding: 15px 0;
 cursor: pointer;
 margin-bottom: 15px;
}

 .expandCard h3 {
  font-size: 20px;
  font-family: WorkSans-Bold;
  color: #7C7C7C;
  margin-bottom: 0;
 }

@media (max-width: 991px) {
 .expandCard h3 {
  font-size: 16px;
 }
}

#rd-1:checked ~ #ec-1 h3, #rd-2:checked ~ #ec-2 h3, #rd-3:checked ~ #ec-3 h3, #rd-4:checked ~ #ec-4 h3, #rd-5:checked ~ #ec-5 h3, #rd-6:checked ~ #ec-6 h3, #rd-7:checked ~ #ec-7 h3 {
 color: #2BB461 !important;
}



#rd-1:checked ~ #ec-1 .logoContainer,
#rd-2:checked ~ #ec-2 .logoContainer,
#rd-3:checked ~ #ec-3 .logoContainer,
#rd-4:checked ~ #ec-4 .logoContainer,
#rd-5:checked ~ #ec-5 .logoContainer,
#rd-6:checked ~ #ec-6 .logoContainer,
#rd-7:checked ~ #ec-7 .logoContainer {
 display: block;
 text-align: center;
}


#rd-1:checked ~ #ec-1,
#rd-2:checked ~ #ec-2,
#rd-3:checked ~ #ec-3,
#rd-4:checked ~ #ec-4,
#rd-5:checked ~ #ec-5,
#rd-6:checked ~ #ec-6,
#rd-7:checked ~ #ec-7 {
 border: 1px solid #2BB461;
}





.logoContainer {
 display: none;
 margin-top: 25px;
}

 .logoContainer table {
  display: inline;
 }


  .logoContainer table td {
   font-family: WorkSans-Medium;
   font-size: 14px;
   color: #7C7C7C;
   padding: 0 25px;
   line-height: 1;
  }

  .logoContainer table tr:last-child {
   vertical-align: top;
  }

   .logoContainer table tr:last-child td {
    padding-top: 5px;
   }

  .logoContainer table td p {
   display: none;
  }


@media (max-width: 991px) {
 .logoContainer table {
  border-collapse: collapse;
  table-layout: fixed;
 }

  .logoContainer table thead {
   clip: rect(0 0 0 0);
  }

  .logoContainer table tr {
   display: block;
  }

  .logoContainer table td {
   display: block;
  }

   .logoContainer table td p {
    display: block;
    margin-top: 5px;
   }


   .logoContainer table td::before {
    content: attr(data-label);
    float: left;
   }

  .logoContainer table tr:last-child {
   display: none;
  }
}

input[type=checkbox] {
 display: none;
}

.wrap .content {
 display: none;
}

.wrap h2 {
 color: #2BB461;
 font-family: WorkSans-SemiBold;
 font-size: 16px;
 padding: 30px 0px;
 margin-bottom:0;
}

.wrap label {
 width: 90%;
 padding: 30px;
 cursor: pointer;
 color: #694780;
 font-family: WorkSans-Medium;
 font-size: 16px;
 margin: 0;
}

.wrap .img {
 background: url(../images/Iconos/icon-close-tab.svg) no-repeat;
 width: 20px;
 height: 20px;
}

.wrap .group-label {
 display: flex;
 border-top: medium;
 border-bottom: 1px solid #C4C4C4;
 align-items: center;
}

.wrap .group-label-first {
 border-top: 1px solid #C4C4C4;
}


.wrap .content {
 padding: 30px;
 color: #7C7C7C;
 font-size: 14px;
 font-family: WorkSans-Medium;
}

#tabm-1:checked ~ #content-1,
#tabm-2:checked ~ #content-2,
#tabm-3:checked ~ #content-3,
#tabm-4:checked ~ #content-4,
#tabm-5:checked ~ #content-5,
#tabm-6:checked ~ #content-6,
#tabm-7:checked ~ #content-7,
#tabm-8:checked ~ #content-8,
#tabm-9:checked ~ #content-9,
#tabm-10:checked ~ #content-10,
#tabm-11:checked ~ #content-11,
#tabm-12:checked ~ #content-12,
#tabm-13:checked ~ #content-13,
#tabm-14:checked ~ #content-14,
#tabm-15:checked ~ #content-15,
#tabm-16:checked ~ #content-16,
#tabm-17:checked ~ #content-17,
#tabm-18:checked ~ #content-18,
#tabm-19:checked ~ #content-19,
#tabm-20:checked ~ #content-20,
#tabm-21:checked ~ #content-21,
#tabm-22:checked ~ #content-22,
#tabm-23:checked ~ #content-23,
#tabm-24:checked ~ #content-24,
#tabm-25:checked ~ #content-25,
#tabm-26:checked ~ #content-26,
#tabm-27:checked ~ #content-27,
#tabm-28:checked ~ #content-28,
#tabm-29:checked ~ #content-29,
#tabm-30:checked ~ #content-30 {
 display: block;
 border-bottom: 1px solid #C4C4C4;
 border-top: medium;
}
#tabm-1:checked ~ * #img-1,
#tabm-2:checked ~ * #img-2,
#tabm-3:checked ~ * #img-3,
#tabm-4:checked ~ * #img-4,
#tabm-5:checked ~ * #img-5,
#tabm-6:checked ~ * #img-6,
#tabm-7:checked ~ * #img-7,
#tabm-8:checked ~ * #img-8,
#tabm-9:checked ~ * #img-9,
#tabm-10:checked ~ * #img-10,
#tabm-11:checked ~ * #img-11,
#tabm-12:checked ~ * #img-12,
#tabm-13:checked ~ * #img-13,
#tabm-14:checked ~ * #img-14,
#tabm-15:checked ~ * #img-15,
#tabm-16:checked ~ * #img-16,
#tabm-17:checked ~ * #img-17,
#tabm-18:checked ~ * #img-18,
#tabm-19:checked ~ * #img-19,
#tabm-20:checked ~ * #img-20,
#tabm-21:checked ~ * #img-21,
#tabm-22:checked ~ * #img-22,
#tabm-23:checked ~ * #img-23,
#tabm-24:checked ~ * #img-24,
#tabm-25:checked ~ * #img-25,
#tabm-26:checked ~ * #img-26,
#tabm-27:checked ~ * #img-27,
#tabm-28:checked ~ * #img-28,
#tabm-29:checked ~ * #img-29,
#tabm-30:checked ~ * #img-30 {
 background: url(../images/Iconos/icon-open-tab.svg) no-repeat;
}

.card-contactanos {
 min-height: 245px;
 border: 2px solid #26B460;
 border-radius: 0px 20px;
 display: inline-grid;
 padding: 15px;
 width:100%;
}

 .card-contactanos h3 {
  font-weight: 600;
  font-size: 20px;
  color: #694780;
  align-self: end;
  word-break: break-word;
 }

 .card-contactanos h4 {
  color: #7C7C7C;
  font-size: 14px;
  align-self: end;
  word-break: break-word;
 }

 .card-contactanos span {
  color: #2BB461;
  font-weight: 600;
  font-size: 16px;
  word-break: break-word;
 }

 .card-contactanos p {
  color: #7C7C7C;
  font-size: 12px;
  align-self: end;
  word-break: break-word;
 }


.menu-4 {
 display: flex;
 width: 100%;
 padding: 0 10%;
 margin-bottom: 30px;
}



.menu-4 .item {
 width: 25%;
 text-align: center;
 border-right: solid 1px #C1C1C1;
 cursor: pointer;
}

@media (max-width: 767px) {
 .menu-4 {
  padding: 0;
  display: block;
 }
  .menu-4 .item {
   width: 100%;
   border: none;
   border-right: none;   
  }
} 


  .menu-4 .item:last-child {
   border-right: none;
  }

  .menu-4 .item p {
   font-size: 14px;
   color: #7C7C7C;
   margin-top: 15px;
   line-height: 1;
  }

  .menu-4 .item .img-container {
   border: 1.5px solid #FFF;
   border-radius: 50%;
   display: inline-block;
   width: 70px;
   height: 70px;
   padding-top: 12px;
  }




.menu-3 {
 display: flex;
 width: 100%;
 padding: 0 10%;
 margin-bottom: 30px;
}



 .menu-3 .item {
  width: 33.3333%;
  text-align: center;
  border-right: solid 1px #C1C1C1;
  cursor: pointer;
 }

@media (max-width: 767px) {
 .menu-3 {
  padding: 0;
  display: block;
 }

  .menu-3 .item {
   width: 100%;
   border: none;
   border-right: none;
  }
}


.menu-3 .item:last-child {
 border-right: none;
}

.menu-3 .item p {
 font-size: 14px;
 color: #7C7C7C;
 margin-top: 15px;
 line-height: 1;
}

.menu-3 .item .img-container {
 border: 1.5px solid #FFF;
 border-radius: 50%;
 display: inline-block;
 width: 70px;
 height: 70px;
 padding-top: 12px;
}


#rd-1:checked ~ * #item-1 p,
#rd-2:checked ~ * #item-2 p,
#rd-3:checked ~ * #item-3 p,
#rd-4:checked ~ * #item-4 p {
 color: #2BB461;
 font-family: WorkSans-Medium;
}


#rd-1:checked ~ * #item-1 .img-container,
#rd-2:checked ~ * #item-2 .img-container,
#rd-3:checked ~ * #item-3 .img-container,
#rd-4:checked ~ * #item-4 .img-container {
 border: 1.5px solid #2BB461;
}

#rd-1:checked ~ * #item-1 #svg-1 .fill,
#rd-2:checked ~ * #item-2 #svg-2 .fill,
#rd-3:checked ~ * #item-3 #svg-3 .fill,
#rd-4:checked ~ * #item-4 #svg-4 .fill {
 fill:#2BB461;
}
#rd-1:checked ~ * #item-1 #svg-1 .stroke,
#rd-2:checked ~ * #item-2 #svg-2 .stroke,
#rd-3:checked ~ * #item-3 #svg-3 .stroke,
#rd-4:checked ~ * #item-4 #svg-4 .stroke {
 stroke: #2BB461;
}
#rd-1:checked ~ * *#content-1,
#rd-2:checked ~ * *#content-2,
#rd-3:checked ~ * *#content-3,
#rd-4:checked ~ * *#content-4 {
 display:block;
}


.content-services{
 padding:30px 20px;
 display:none;
}

@media (max-width: 767px) 
{
 .content-services {
  padding: 30px 0px;
 
 }
}
.content-services h2 {
 color: #68478D;
 font-family: WorkSans-SemiBold;
 font-size: 20px;
}
.content-services p {
 color: #7C7C7C;
 font-size: 14px;
 text-align: justify;
}

.content-services ul {
 color: #7C7C7C;
 font-size: 14px;
 text-align: justify;
 padding-left: 20px;
 margin-bottom:0;
}

 .content-services ul a {
  color: #2BB461!important;
  font-family: WorkSans-Medium;
  font-size:14px;
  background:none;
  padding:0;

 }

 .content-services img {
  border-radius: 0px 35px;
  width: 100%;
  height: 325px;
  object-fit: cover;
 }

 .content-services .img-s {
  height: 180px;
 }

  .content-services .card {
   border: 1px solid #2BB461;
   border-radius: 0px 15px;
   margin: 20px 0;
  }
@media (min-width: 1200px) {
 .content-services .card {
  margin: 20px 25px;
 }
}

.content-services .card h3 {
 background: #2BB461;
 color: white;
 border-radius: 0 12px 0 0;
 font-size:20px;
 font-family:WorkSans-SemiBold;
 text-align:center;
 padding:10px 5px;
}

  .content-services .card ul,
  .content-services .card p {
   margin:20px; 
  }

 .content-services a {
  border-radius: 0 10px;
  background: #68478D;
  color:white !important;
  padding:10px 20px;
  font-family:WorkSans-SemiBold;
  font-size:16px;
 }

.content-services .card a {
 width:150px;
}

.content-services .card span {
 color:#68478D;
 font-family:WorkSans-SemiBold;
}

.button-content {
 align-self: center;
}

@media (max-width: 767px) {
 .button-content {
  text-align:center;
  margin-top:10px;
 }
}

.ul-numeric {
 list-style-type: decimal;
}

h4 {
 font-size: 40px;
 color: #2BB461;
 font-family: WorkSans-SemiBold;
 line-height: 1;
}

 h4 span {
  font-size: 22px;
  color: #7C7C7C;
  font-family: WorkSans-Regular;
  font-weight: 300; 
 }

.white-backround {
 background: #fff;
 padding: 0 20px;
}

.gray-backround {
 background: #FAFAFA;
 padding:20px;
}

.green-backround {
 background: #2BB461 !important; 
}
.violet-backround {
 background: #68478D !important;
}

.gray-backround h3 {
 color:#2BB461;
 font-size:20px;
 font-family:WorkSans-SemiBold
}

 .gray-backround p {
  font-size: 14px;
  color: #7C7C7C;
  text-align:justify;
 }
 .gray-backround p span {  
  color: #2BB461;
  font-family:WorkSans-SemiBold;
 }

.slider-option {
 display: flex;
 justify-content: center;
}
.slider-option img{
 height:40px;
 width:40px;
 border-radius:unset;
 cursor:pointer;
}

 .slider-option label {
  width: 12px;
  height: 12px;
  background: #C4C4C4;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 3px;
  transform: translateY(-11px);
 }

  .slider-option label:first-child,
  .slider-option label:last-child{
   margin:0;
  }



  #slider1-rd-1:checked ~ * #slider1-lb-1,
  #slider1-rd-2:checked ~ * #slider1-lb-2,
  #slider1-rd-3:checked ~ * #slider1-lb-3 {
   background: #2BB461;
  }


.content1{
 display:none;
}

#slider1-rd-1:checked ~ #content1-1,
#slider1-rd-2:checked ~ #content1-2,
#slider1-rd-3:checked ~ #content1-3 {
 display:block;
}

.group-slider-lb {
 margin: 0 20px;
 border-top: solid 1px #C4C4C4;
 margin-top: 18px;
}

.img-content{
 width:100% !important;
 height:200px!important;
 border-radius:15px!important;
 border: solid 1px #2BB461!important;
}
.img-content-big {
 width: 100% !important;
 height: 380px !important;
 object-position:top;
}
.img-content-mid {
 width: 100% !important;
 height: 180px !important;
 object-position: center;
}

.img-content-mid2 {
 width: 100% !important;
 height: 230px !important;
 object-position: center;
}

.padding-x{
 padding: 0 100px;
}

@media (max-width: 992px){
 .padding-x {
  padding: 0;
 }
}

.content2 {
 display: none;
}

#slider2-rd-1:checked ~ * #slider2-lb-1,
#slider2-rd-2:checked ~ * #slider2-lb-2,
#slider2-rd-3:checked ~ * #slider2-lb-3 {
 background: #2BB461;
}

#slider2-rd-1:checked ~ #content2-1,
#slider2-rd-2:checked ~ #content2-2,
#slider2-rd-3:checked ~ #content2-3 {
 display: block;
}



.content3 {
 display: none;
}

#slider3-rd-1:checked ~ * #slider3-lb-1,
#slider3-rd-2:checked ~ * #slider3-lb-2,
#slider3-rd-3:checked ~ * #slider3-lb-3,
#slider3-rd-4:checked ~ * #slider3-lb-4,
#slider3-rd-5:checked ~ * #slider3-lb-5 {
 background: #2BB461;
}

#slider3-rd-1:checked ~ #content3-1,
#slider3-rd-2:checked ~ #content3-2,
#slider3-rd-3:checked ~ #content3-3,
#slider3-rd-4:checked ~ #content3-4,
#slider3-rd-5:checked ~ #content3-5 {
 display: block;
}


.content4 {
 display: none;
}

#slider4-rd-1:checked ~ * #slider4-lb-1,
#slider4-rd-2:checked ~ * #slider4-lb-2,
#slider4-rd-3:checked ~ * #slider4-lb-3,
#slider4-rd-4:checked ~ * #slider4-lb-4,
#slider4-rd-5:checked ~ * #slider4-lb-5 {
 background: #2BB461;
}

#slider4-rd-1:checked ~ #content4-1,
#slider4-rd-2:checked ~ #content4-2,
#slider4-rd-3:checked ~ #content4-3,
#slider4-rd-4:checked ~ #content4-4,
#slider4-rd-5:checked ~ #content4-5 {
 display: block;
}

.ic-txt{
 display:flex;
}

.ic-txt .ic{
 width:75px;
 text-align:right;
 padding-right:40px;
}
 .ic-txt .ic img{
  height:auto;
  width:auto;
  border-radius:unset;
 }

 .ic-txt .txt{
  padding-right:50px;
 }
  .ic-txt .txt h3{
   color:#2BB461;
   font-family:WorkSans-SemiBold;
   font-size:14px;
  }


  @media (max-width: 992px) {
   .ic-txt .txt {
  padding-right: 0px;
 }
 .ic-txt .ic {
  margin-right: 0px;
 }
}


#rd-1:checked ~ #banner-home-inversiones {
 background-image: url('../images/Inversiones/Banners/banner-head-compraventa.png');
 
}
#rd-2:checked ~ #banner-home-inversiones {
 background-image: url(../images/Inversiones/Banners/banner-head-reporto.png);
}
#rd-3:checked ~ #banner-home-inversiones {
 background-image: url(../images/Inversiones/Banners/banner-head-administracioncartera.png);
}

#group-label-proc {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 grid-gap: 20px;
}

@media (max-width: 1200px) {
 #group-label-proc {
  grid-template-columns: repeat(2, 1fr);
  
 }
}

@media (max-width: 480px) {
 #group-label-proc {
  grid-template-columns: repeat(1, 1fr);
 }
}

#group-label-proc label {
 width: 100%;
 min-height: 120px;
 border: solid 1px #2BB461;
 border-radius: 5px;
 background: #E9E9E9;
 text-align: center;
 align-content: center;
 cursor: pointer;
 line-height: 1;
 color: #2BB461;
}

  #group-label-proc label img {
   height: auto;
   width: auto;
   border-radius: unset;
   margin-top: 14px;
   margin-bottom: 15px;
  }

  #group-label-proc label span {
   font-family: WorkSans-SemiBold;   
   font-size:14px;
  }


  #group-label-proc label:hover{
   background:#2BB461;
   color:white;
  }

#rd-proc-1:checked ~ * #lb-proc-1,
#rd-proc-2:checked ~ * #lb-proc-2,
#rd-proc-3:checked ~ * #lb-proc-3,
#rd-proc-4:checked ~ * #lb-proc-4 {
 background: #2BB461;
 color: white;
}

.content-proc{
 display:none;
}

#rd-proc-1:checked ~ #content-proc-1,
#rd-proc-2:checked ~ #content-proc-2,
#rd-proc-3:checked ~ #content-proc-3,
#rd-proc-4:checked ~ #content-proc-4 {
 display: block;
}

.wrap-slide-container {
 padding-left: 3px;
 border-left: solid 1px #68478D;
 margin-left: 110px;
 margin-right: 66px;
 padding: 5px 0;
}

@media (max-width: 767px) {
 .wrap-slide-container {
  margin-left: 30px;
  margin-right: 0;
 }
}

.wrap-slide {
 white-space: nowrap;
 overflow-y: hidden;
 flex-flow: nowrap !important;
 justify-content: initial !important;
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
 height: 100%;
 align-items: center;
 -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */
 margin-left: 15px;
}

 .wrap-slide::-webkit-scrollbar {
  display: none;
 }

.product-container{
 padding:0 50px;
}

.card-product {
 height: 325px;
 width: 205px;
 border: solid 1px #7C7C7C;
 border-radius: 10px;
 text-align: center;
 padding:15px; 
 margin:0 15px;
}

 .card-product .img-round-container {
  width: 85px;
  height: 85px;
  border: solid 1px #2BB461;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  margin-bottom: 15px;
 }

 .card-product .img-product {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: unset;
  margin-top: 15px;  
 }

 .card-product h3 {
  font-family: WorkSans-SemiBold;
  color: #7C7C7C;
  font-size: 12px;
  white-space:initial;
 }

.row-card {
 display: flex;
 grid-template-columns: repeat(2, 2fr);
 grid-gap: 7px;
 width: 100%;
}

.row-card-1 {
 display: flex;
 grid-template-columns: repeat(1, 2fr);
 grid-gap: 7px;
 width: 100%;
 min-height: 51px;
}

.row-card img{
 height:15px;
 width:15px;
 object-fit:contain;
 border-radius:unset;

}

 .row-card h4 {
  color: #7C7C7C;
  font-family:WorkSans-Regular;
  font-size:14px;
  text-align:left;
  margin-bottom:0;
 }

.row-card p{
 margin-left:23px;
}

.card-product .row-card a {
 width: 50% !important;
 height: auto;
 font-size: 9px;
 border-radius: 0 5px;
 text-align: center;
 padding: 5px 0;
}

.container-wrap{
 width:100%;
 position:relative;
}

 .container-wrap .back-button,
 .container-wrap .next-button {
  position: absolute;
  background: none;
  color: none;
  padding: 0;
  border-radius: unset;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border-radius: 50%;
 }
  .container-wrap .back-button img,
  .container-wrap .next-button img{
   width:auto;
   height:auto;
   border-radius:unset;
  }

  .container-wrap .next-button {   
   right: 0;
  }

 .container-wrap .back-button {
  left: 0;
 }

@media (max-width: 992px){
 .container-wrap .back-button,
 .container-wrap .next-button{
  display:none;
 }
 

}



.modal-content {
 border-radius: 15px;
 border: solid 1px #2BB461;
 padding: 10px;
}

.border-circle {
 border-radius: 50%;
 border: solid 1px #68478D;
 width: 25px;
 height: 25px;
 text-align: center;
 display: inline-grid;
 position: absolute;
 right: 5px;
 top: 5px;
 z-index: 1;
}
.border-circle span{
 color:#68478D;
}

 .border-circle .close{
  opacity:1;
  font-weight:unset;
  text-shadow:unset;
  padding:0;
  margin:0;
 }

.row-popup {
 display: flex;
 grid-template-columns: repeat(2, 2fr);
 grid-gap: 15px;
 width: 100%;
 align-items:center
}

.modal-content h4{
 font-size:14px;
 font-family:WorkSans-Medium;
 color:#68478D;
 margin:0;
}

.modal-content p {
 font-size: 14px;
 font-family: WorkSans-Regular;
 color: #7C7C7C; 
 line-height:1;
}


.container-calc {
 background: #E9E9E9;
 border: 1px solid #2BB461;
 border-radius: 0 15px;
 padding: 20px;
 margin: 20px; 
}
.calc{
 display:block;
}


@media (min-width: 1200px) {
 .container-calc {
  margin: 20px 45px;
 }
 .calc {
  display: flex;
 }
}

.container-calc h3{
 color:#2BB461;
 font-size:14px;
 font-family:WorkSans-Medium;
}

.container-calc .data-calc {
 width: 100%;
 padding: 20px;
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 grid-gap: 20px;
 align-self:center;
 justify-content:center;
}
.container-calc .result-calc {
 width: 100%;
 padding: 20px;
 border-top: 1px solid #C4C4C4;
 align-self: center;
 justify-content: center;
}

@media (min-width: 1200px){
 .container-calc .data-calc {
  width: 55%;

 }

 .container-calc .result-calc {
  width: 45%;
  border-top: none;
  border-left: 1px solid #C4C4C4;
 }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

input[type=text],
input[type=number] {
 height: 35px;
 background: #C4C4C4;
 border: 1px solid #68478D;
 border-radius: 5px;
 outline: none;
 color: #2BB461;
 font-size: 16px;
 text-align: center;
 justify-self: center;
}

.input-text-small {
 width: 80px;
}
.input-text-large {
 width: 160px;
}

.switch-selector {
 width: 80px;
 height: 35px;
 border-radius: 5px;
 display: flex;
 grid-template-columns: repeat(1, 1fr);
 grid-gap: 0;
 justify-self: center;
}

 .switch-selector label {
  width: 50%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #7C7C7C;
  background: #C4C4C4;
  border: 1px solid #68478D;
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 6px;
 }

  .switch-selector label:first-child {   
   border-radius: 5px 0 0 5px;
   border-right:none;
  }
  .switch-selector label:last-child {   
   border-radius: 0 5px 5px 0;
  }

#rd-bs:checked ~ * #lb-bs,
#rd-sus:checked ~ * #lb-sus{
 background:#2BB461;
 color:white;
}
.container-calc .data-calc p {
 text-align: center;
 line-height: 1;
 margin-bottom: 0;
 font-family: WorkSans-Light;
 color: #7C7C7C;
 font-size: 14px;
}
.container-calc .result-calc p {
 text-align: center;
 color: #7C7C7C;
 font-size:14px;
}
.container-calc .result-calc h4 {
 text-align: center;
 color: #2BB461;
 font-family: WorkSans-SemiBold;
 font-size: 40px;
 margin-bottom: 15px;
 word-break: break-all;
}
.container-calc .result-calc .p-small{
 font-size:11px;
}


@media (max-width: 767px) {
 .container-calc .data-calc {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
 }
 .grid-1 {
  grid-row: 1;
 }

 .grid-2 {
  grid-row: 2;
 }

 .grid-3 {
  grid-row: 3;
 }

 .grid-4 {
  grid-row: 4;
 }

 .grid-column-1{
  grid-column:1;
 }

 .switch-selector,
 input[type=text],
 input[type=number] {
  justify-self: left;
  align-self: center;
 }

 .container-calc .data-calc p{
  text-align:right!important;
  align-self:center;
 }

}

.sliderQuienesSomos-item .item{
 display:none!important;
}

#rd-qs-1:checked ~ #content-qs-1,
#rd-qs-2:checked ~ #content-qs-2,
#rd-qs-3:checked ~ #content-qs-3,
#rd-qs-4:checked ~ #content-qs-4,
#rd-qs-5:checked ~ #content-qs-5 {
 display:inline-flex!important;
}

.timeline{
 display:inline-grid;
 text-align:left;
 position:absolute;
 bottom:-5px;
}

 .timeline label {
  transform: translateX(-40.3px);
  font-size:12px;
  font-family:WorkSans-Medium;
  color:#2BB461;
  cursor:pointer;
  margin-bottom:0;
  margin-top:15px;
 }
  .timeline label:before {
   content: "•";
   font-size: 35px;
   transform: translate(32.5px, -18px);
   position: absolute;
   color: #68478D
  }




.swiper {
 
 width: 100%;
 height: 527px;
 
}

@media (max-width: 991px) {
 .swiper {
  height: 290px;
 }
}


.swiper-slide {
 text-align: left;
 background: #fff;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 background-size: cover;
 color: #656565;
 background-position:center;
}


.swiper-button-next:after, .swiper-button-prev:after{
 color:white;
}

.swiper-slide h1 {
 font-family: WorkSans-Bold;
 font-size: 37px;
 text-align: left;
 padding: 0;
 padding-bottom: 15px;
}

.swiper-slide p {
 font-family: WorkSans-Medium;
 font-size: 20px;
 text-align: left;
 padding: 0;
 padding-bottom: 0;
 margin-bottom:10px;
}

.swiper-slide a {
 vertical-align: middle;
 background-color: #694780;
 color: white !important;
 min-width: 110px;
 margin-bottom: 1px;
 margin-top: 1px;
 border-radius: 0px 6px 0px 6px;
 padding: 10px;
 font-family: WorkSans-Medium;
 font-size: 20px;
}

@media (max-width: 991px){
 .swiper-slide h1{
  font-size:20px;
 }
 .swiper-slide p{
  font-size:14px;
 }
 .swiper-slide a{
  font-size:14px;
 }

 .swiper-button-next:after, .swiper-button-prev:after {
  display: none;
 }
}


.ofertas h3 {
 font-size: 20px;
 font-family: WorkSans-SemiBold;
 color: #2BB461;
 margin-bottom:0;
}

#oferta h1{
 padding: 20px 0 !important;
}

.ofertas .title-oferta {
 display: inline-flex;
 align-items: center;
 margin-bottom: 20px;
 margin-top: 25px;
}
.ofertas .title-oferta img{
 height:35px;
 width:auto;
 border-radius:5px;
 border: .5px solid #2BB461;
 padding:3px;
 margin-left:20px;
 
}

.ofertas .content-oferta{
 display:inline-flex;
 justify-content:center;
}
 .ofertas .content-oferta .group-buttons {
  display: grid;
  width: 255px;
  margin-left: 19px;
 }
  .ofertas .content-oferta .group-buttons a {
   width: 100%;
   text-align: center;
   font-size: 14px;
   align-self: center;
  }
  .ofertas .content-oferta .group-buttons a:first-child {   
   margin-bottom: 9px;
  }

 .ofertas .content-oferta table {
  line-height: 1;
  font-size: 14px;
  text-align:center;
  width:100%;
 }

@media screen and (max-width: 992px) {

 .ofertas .content-oferta {
  display: grid;
  text-align:center;
 }
  .ofertas .content-oferta .group-buttons {
   margin-top:15px;
  }

  .ofertas .content-oferta .group-buttons {   
   margin-left: 0;
   justify-content:center;
   width:100%;
  }


 .ofertas .content-oferta table tbody,
 .ofertas .content-oferta table thead {
  float: left;
 }

 .ofertas .content-oferta table thead {
  min-width: 120px
 }

 .ofertas .content-oferta table td,
 .ofertas .content-oferta table th {
  display: block
 }
}

  .ofertas .content-oferta table th,
  .ofertas .content-oferta table td {
   border: .5px solid #2BB461;
  }


.ofertas .content-oferta table th {
 color: #ffffff;
 font-family: WorkSans-Medium;
 padding: 5px;
 background: #2BB461;
 border-left: solid 2px #FFF;
 border-left-style: outset;
}

.ofertas .content-oferta table tr th:first-child {
 border-radius: 5px 0 0 0;
 min-width: 110px;
}


.ofertas .content-oferta table td {
 color: #7C7C7C;
 padding: 5px;
}


.calculadora {
 background: #E9E9E9;
 border: 1px solid #2BB461;
 border-radius: 0 15px;
 padding:20px 0;
 margin: 25px 0; 
 text-align:center;
 display:none;
}

.calculadora-bono p {
 font-size: 14px;
 color: #7C7C7C;
 text-align:center;
 margin-top:10px;
}

 .calculadora-bono a{
  margin-bottom:10px;
 }

 .calculadora-bono .moneda {
  font-family: WorkSans-Light;
  color: #2BB461;
  font-size: 35px;
 }

.calculadora-bono .xtitulo {
 font-family: WorkSans-Regular;
 color: #7C7C7C;
 font-size: 25px;
}

.calculadora-pagare p {
 font-size: 14px;
 color: #7C7C7C;
 text-align: center;
 margin-bottom:0;
}

.calculadora-pagare p span{
 color:#2BB461;
 font-family:WorkSans-SemiBold;
 font-size:16px;
}

.calculadora-pagare input[type=number],
.calculadora-pagare input[type=text] {
 border: 1px solid #68478D;
 border-radius: 0 5px;
 height: 50px;
 width: 195px;
 background: #C4C4C4;
 outline: none;
 color: #68478D;
 font-size: 39px;
 text-align: center;
 justify-self: center;
 margin: 10px 0;
}

.calculadora-pagare .interes{
 color:#2BB461;
 font-family:WorkSans-SemiBold;
 font-size:39px;
}

.calculadora-pagare .col-md-6:first-child {
 border-right: 1px solid #7C7C7C;
}

@media (min-width: 768px) {
 .calculadora-pagare .col-md-6:first-child {
  border-right: 1px solid #7C7C7C;
 }
}


.group-card-contactanos{
 display:flex;
}

@media (max-width: 768px) {
 .group-card-contactanos {
  display: block;
 }
}


.group-card-contactanos .item-group{
 width:100%;
}

.group-card-contactanos .item50 {
 width: 50%;
}

 .group-card-contactanos .item50:last-child{
  border-left:1px solid #2BB461;
  padding-left:15px;
  height:75%;
 }

 @media (max-width: 768px) {
  .group-card-contactanos .item50 {
   width: 100%;
   border-left: none !important;
   padding-left: 0 !important;
   height: unset!important;
  }
}

.contactanos-data h3{
 color:#2BB461;
 font-size:20px;
 font-weight:600;
}

.contactanos-data p{
 color: #7C7C7C;
 font-size: 12px;
}

.table-bono-container{
 padding:0 50px;
}

.table-bono {
 width: 100%;
}

@media (max-width: 768px) {
 .table-bono-container {
  padding: 0;
  overflow-x:scroll;
 }
 .table-bono {
  width: max-content;
 }
}

.table-bono thead td {
 background: #2BB461;
 color: white;
 font-family: WorkSans-Medium;
 font-size: 16px;
 text-align: center;
 padding: 10px 5px;
 border-right: solid white 1px;
 border-top: solid #2BB461 1px;
 width:18%;
}
  .table-bono thead td:first-child {
   border-left: solid #2BB461 1px;
   width:10%;
  }
  .table-bono thead td:last-child {
   border-right: solid #2BB461 1px;
  }

   .table-bono tbody td {
    color: #7C7C7C;
    font-family: WorkSans-Regular;
    text-align: right;
    border-right: solid #2BB461 1px;
    background: white;
    padding: 3px 10px;
   }
 .table-bono tbody td:first-child {
  border-left: solid #2BB461 1px;
 }

 .table-bono tbody tr:last-child td {
  border-right: none;
  border-bottom: solid #2BB461 1px;
  border-top: solid #2BB461 1px;
  color:#2BB461;
  font-family:WorkSans-Bold;
 }
  .table-bono tbody tr:last-child td:last-child {
   border-right: solid #2BB461 1px;
  }
    