.banner-top{width:100%; min-height:100px; background-image:url('../img/site/banner-top.webp'); background-size:cover;}

.banner-top .top-wrapper{width:100%;display:flex;justify-content:center;padding-top:28px;}

.banner-top .top-wrapper #containerStatic{display:flex;flex-direction: column;}

.banner-top .top-wrapper .button-wrapper{display:flex; text-decoration:none; justify-content:center; align-items:center; width:11%; min-height:39px; background:#fff;border-radius:10px;}

.banner-top .top-wrapper .button-wrapper span{font-size:20px; font-weight: 800; color:#104e97;}

.banner-top .bottom-wrapper{width:100%; margin-top:-10px}

.banner-top .bottom-wrapper a{color:#fff; font-size:17px; font-weight: 700; text-decoration: none;}

.banner-top .bottom-wrapper span{color:#fff; font-size:22px;}

@media(max-width:992px){.banner-top{padding-bottom:20px;} .banner-top .top-wrapper .button-wrapper{width:80%;} .banner-top .bottom-wrapper{margin-top:10px;display:flex;justify-content:center;align-items:center;} .banner-top .bottom-wrapper span{padding-left:10px;padding-right:10px;} }

.empresa-content{width:100%; /*min-height:1109px;display:flex;align-items:center;*/padding-top: 48px;margin-bottom: 40px;}

.empresa-content #containerStatic{display:flex; flex-direction:column;}

@media(max-width:992px){.empresa-content{align-items:baseline;}.empresa-content{display:block;}}

.empresa-content #containerStatic .about-wrapper{width:100%;min-height:408px;display:flex;justify-content: space-around;}

.empresa-content #containerStatic .about-wrapper .column-left{width:46.6%; min-height:408px}

.empresa-content #containerStatic .about-wrapper .column-left .image-area img{max-width:606px; max-height:405px; width: 100%;border-radius: 10px;}

.empresa-content #containerStatic .about-wrapper .column-right{width:47.1%;min-height:408px;display:flex; flex-direction:column; justify-content:center;}

.empresa-content #containerStatic .about-wrapper .column-right .title-wrapper{display:flex; flex-direction:column; max-width:210px; margin-bottom:35px;}

.empresa-content #containerStatic .about-wrapper .column-right .title-wrapper .top-title{display:flex;}

.empresa-content #containerStatic .about-wrapper .column-right .title-wrapper .top-title .icon i{font-size:20px;color:#104e97;font-weight:bold;}

.empresa-content #containerStatic .about-wrapper .column-right .title-wrapper .top-title .text{margin-left:5px;}

.empresa-content #containerStatic .about-wrapper .column-right .title-wrapper .top-title .text span{font-size:20px;color:#104e97;font-weight:bold;}

.empresa-content #containerStatic .about-wrapper .column-right .title-wrapper .subtitle span{color:#626262;font-size:17px;}

.empresa-content #containerStatic .about-wrapper .column-right .text-wrapper span{color:#626262;}

.empresa-content #containerStatic .about-wrapper .column-right .text-wrapper span strong{color:#104e97;}

@media(max-width:992px){.empresa-content #containerStatic .about-wrapper{flex-direction:column;padding-left:10px;padding-right:10px;} .empresa-content #containerStatic .about-wrapper .column-left{width:100%;min-height:0;margin-top:20px;margin-bottom:20px;} .empresa-content #containerStatic .about-wrapper .column-left .image-area{width:100%;} .empresa-content #containerStatic .about-wrapper .column-left .image-area img{max-width:100%;}  .empresa-content #containerStatic .about-wrapper .column-right{width:100%;}}

.empresa-content #containerStatic .slider-wrapper{width:97.1%; min-height:326px;margin-top:35px;overflow:hidden;}

.empresa-content #containerStatic .slider-wrapper .swiper {width: 100%; height: 100%;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide{width:30.7%; min-height:326px;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card {background-color:transparent;width:100%;height:326px;perspective:1000px;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.6s;transform-style: preserve-3d;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card:hover .flip-card-inner {transform: rotateY(180deg);}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-front {background-color: #CBCBCB;border-radius:10px;color: black;display:flex;justify-content:center;align-items:center;flex-direction:column;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-front .icon-wrapper i{font-size:117px;color:#004D9B;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-front .title-wrapper{width:31.7%;min-height:39px;background:#004D9B;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-top:19px;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-front .title-wrapper strong{color:#fff;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-back {background-color: #004D9B;border-radius:10px;color: white;transform: rotateY(180deg);display:flex;justify-content:center;align-items:center;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-back .border-wrapper{width:90.2%;border:3px solid #fff;min-height:294px;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-back .border-wrapper .title-wrapper{width:31.7%;min-height:39px;background:#fff;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-bottom:29px;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-back .border-wrapper .title-wrapper strong{color:#004D9B;}

.empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card-back .border-wrapper .text-wrapper{max-width:285px;}

@media(max-width:992px){.empresa-content #containerStatic .slider-wrapper{width:100%;} .empresa-content #containerStatic .slider-wrapper .swiper-slide .flip-card{padding-left:10px; padding-right:10px;}}

.banner-bottom{width:100%; min-height:260px; padding: 20px 0;/*background-image:url('../img/empresa/banner-bottom.webp'); background-position:center; background-size:cover;*/}

.banner-bottom #containerStatic .controller-wrapper{width:100%; min-height:260px; display:flex; justify-content:end;align-items: center;}

.banner-bottom #containerStatic .controller-wrapper .wrapper{display:flex; flex-direction:column;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .text-wrapper{font-size:36px; color:#fff; max-width:394px; text-align:center;margin-bottom:20px;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .separator-wrapper{width:100%;display:flex;justify-content:end;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .separator{width:93px;min-height:6px;background:#fff;margin-bottom:17px;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .subtitle{text-align:right;margin-bottom:25px;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .subtitle span{color:#fff;font-size:17px;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .button-wrapper{width:100%;display:flex;justify-content:end;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .button-wrapper .wrapper{width:108px; min-height:38px;background:#004D9B;border-radius:10px;display:flex;justify-content:center;align-items:center;text-decoration:none;}

.banner-bottom #containerStatic .controller-wrapper .wrapper .button-wrapper .wrapper span{color:#fff;font-size:17px;font-weight:bold;}

@media(max-width:992px){.banner-bottom{background-position: right;margin-top:20px;}.banner-bottom #containerStatic .controller-wrapper .wrapper .text-wrapper{text-align:left;} .banner-bottom #containerStatic .controller-wrapper{justify-content:center;padding-left:10px;padding-right:10px;} .banner-bottom #containerStatic .controller-wrapper .wrapper .button-wrapper{margin-bottom:30px;} .banner-bottom #containerStatic .controller-wrapper .wrapper .text-wrapper{margin-top:30px;} }