
.cut_word_a{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* NÃƒÆ’Ã‚Âºmero de lÃƒÆ’Ã‚Â­neas visibles */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


    .cs_iconbox.cs_style_11 .cs_iconbox_icon {
        max-width: 30px;
    }





.icboxb{ 

    padding: 25px !important

}



.ipmpo{     
    aspect-ratio: 9 / 16;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    
}



.videocontainer iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
}

.videocontainer {
    z-index: 10;
    position: relative;
    margin-bottom: 20px;
}


img.backlogo {
    /* background: #fff; */
    padding: 0px 12px;
    /* border-radius: 15px; */
}


.iconhead {
        max-width: 30px !important;
    }


.cs_sidenav_in .cs_logo_box {
    position: absolute;
    right: 0;
    top: 60px;
    right: 60px;
}


.cs_btn.cs_style_1::before {
    background-image: linear-gradient(134deg, #0b7bb3 0%, #0b6490 100%);
}
.cs_btn.cs_style_1::after {
    background-image: -webkit-gradient(linear, right top, left top, from(#0b7bb3), to(#274760));
    background-image: linear-gradient(270deg, #0b7bb3 0%, #274760 100%);
    opacity: 0;
}


.cs_accent_color {
    color: #0b7bb3;
}

.cs_footer_item, .cs_nav .cs_nav_list > li > a {
    color: #315567;
}



.hvrimg{
    position: absolute;
    object-fit: cover;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    transition: all ease 0.5s
}
.hvrimg:hover{ opacity: 0}

.cs_img_filed > img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 330px;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
    display: block;
}


.cs_departments.cs_style_1 .cs_department:hover {
    background-color: #ffffff;
}

.cs_departments.cs_style_1 .cs_department:hover .cs_heading_color {
    color: inherit;
}



.cs_departments.cs_style_1 .cs_department{ justify-content: unset}

.cs_banner.cs_style_2 {
    padding: 150px 150px 50px 150px;
}

.breadcrumb {
    margin-bottom: 15px;
}

.fileIcon { margin-right: 20px}

.tktqa{background: #ededed;padding-left: 15px !important;padding: 5px 15px 5px 15px;margin-bottom: 15px;border-radius: 15px;line-height: normal;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 12px;}

.cs_member_img img {
    border-radius: 8px;
    margin: auto;
}

.cs_team.cs_style_1.cs_type_1 .cs_member_img {
    margin-top: 0;
    position: relative;
}

.cs_team.cs_style_1.cs_type_1 {margin-top: 0;padding: 25px;margin: auto;border: 1px solid #ededed;max-width: 100%;margin-bottom: 7px;box-shadow: 0 3px 25px -12px;}

.bosad{ max-width: 1010px; margin: auto}

.cs_departments.cs_style_1 .cs_department:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(1.1);
}


.cs_team.cs_style_1 .cs_member_name {
    line-height: normal;
}

.cs_hero {
    position: relative;
    overflow: hidden;
}

/* Contenedor del video */
.wrapvideo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #0c263a;
}

/* Video fullscreen background */
.wrapvideo video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Hace que cubra toda la secciÃƒÆ’Ã‚Â³n */
    object-position: center;
    
    /* evita espacios raros */
    display: block;
    opacity: 0.4;
}

/* Contenido encima del video */
.cs_hero > *:not(.wrapvideo) {
    position: relative;
    z-index: 2;
}        


.cs_iconbox.cs_style_10 .cs_iconbox_title {
    margin-bottom: 20px;
    line-height: normal;
    font-size: 30px;
}

.cs_nav .cs_nav_list > li > ul.cs_demo_mega {
  flex-wrap: wrap;
  text-align: center;
  padding: 15px;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  top: 100px;
  height: 80vh;
  max-height: 460px;
  min-height: 250px;
  overflow: auto
  
}

.cs_nav .cs_nav_list > li > ul.cs_demo_mega > li {
  width: 14%;
  box-sizing: border-box;
  padding: 10px 5px;
}

    .cs_nav .cs_nav_list > li > ul.cs_demo_mega span {line-height: normal;font-size: 11px;}


.cs_hero.cs_style_2 .cs_hero_bottom_left {

width: 40%;
}

.yah6t a span {
    font-size: 14px;
    width: 90%;
}


.yah6t a:hover {
    background: aliceblue;
}

.imgPoster{border-radius: 10px;display: block;margin: 15px;width: calc(100% - 30px);padding: 15px;background: #efefef;}


.emnb{background: rgba(228,228,228,1.00);padding: 20px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;}

.emnb p{padding-left: 15px;}


.cs_accordians.cs_style1 .cs_accordian_body p {
    margin: 0;
    font-size: 12px;
    line-height: normal;
}

.cs_hero.cs_style_2 .cs_hero_title {
    max-width: 900px;
    margin-bottom: 30px;
}

.cs_hero.cs_style_2 .cs_hero_patents {
    position: absolute;
    top: 0;
    left: 0;
    }




.cs_slider_navigation.cs_style_2 {

    margin-top: -40px;
}

.cs_fs_14{
    font-size: 14px;
    line-height: normal;
}

.cs_hero.cs_style_2 .cs_hero_funfact {
    width: auto;
    max-width: 55vw;
    }




    .cs_hero.cs_style_2 .cs_hero_bottom {
        gap: 0 0;
    }





.cs_hero.cs_style_2 {;
    min-height: 570px;}




.cs_iconbox.cs_style_10 {
    padding: 35px 30px;
}



.cs_footer.cs_style_2 .cs_text_widget img + p {

font-size: 14px;

line-height: normal;

max-width: 360px;
}

.cs_social_links a {
    height: 50px;
    width: 50px;
    font-size: 20px;
}


.cs_contact_widget li, .cs_menu_widget li {
    font-size: 14px;
    line-height: normal;
}



.cs_banner.cs_style_7 {
    margin-top: 90px;
    padding: 70px 7rem;
    box-shadow: 0px 5px 75px -35px;
    margin-bottom: 21rem !important;
}



.cs_blog_details_tags-b {
    display: block;
    border-top: 0;
    margin-top: 25px;
    padding: 35px;
    box-shadow: 0 5px 25px -5px #6969695c;
    border-radius: 25px;
}

.yah6t a {
    display: flex;
    align-items: anchor-center;
    text-align: left;
    font-size: 12px;
    line-height: normal;
    position: relative;
    width: 100%;
    padding: 10px;
    margin: 15px 0;
    border: 0.01rem solid hsl(209.59deg 60.66% 47.84%);
    border-radius: 15px;
}

.yah6t a i {
    font-size: 30px;
}



.yah6t a i.fa-arrow-down, .yah6t a i.fa-arrow-right {
    position: absolute;
    font-size: 13px;
    background: #307bc4;
    color: #ffffff;
    width: 25px;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    align-items: anchor-center;
    right: 10px;
    top: 13px;
    text-align: center;
}

.aoimc{ filter: grayscale(10)}


.headIn  header, .cs_gescout_sticky.cs_white_color { background: #0b7bb3 }



.cs_contact_widget i {
    margin-top: 0;
}



.organim, .cs_portfolio.cs_style_1 .cs_portfolio_img {
    scale: 1;
    background-size: contain;
    
}


footer.cs_footer.cs_style_2 {
    background: #e0eff6;
}



.cs_footer.cs_style_2 .cs_footer_bottom {
    background: #0b79b0;
}




.cs_iconbox.cs_style_11 {
    padding: 38px 34px;
    gap: 23px;
}


.ansosj{
    position: absolute !important;
    left: 0;
    right: 0;
    top: 22%;
    height: 0;
}


.ansosj .slick-arrow{
    position: absolute;
    background: rgba(255,255,255,1.00);
    height: 55px;
    width: 55px;
    border-radius: 50px;
    border: 2px solid #307bc4;
    padding: 12px;
    bottom: -20px;
    cursor: pointer
}


.ansosj .cs_slider_prev_nav{
    
    
    
    left: 0
    
    
    
}



.ansosj .cs_slider_next_nav{
    
    right: 0
    
}




      
      
.carrusel-demn-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    padding: 0 85px;
}

.carrusel-demn-nav a{
  text-decoration:none;
  color:#666;
  font-weight:500;
  padding:8px 16px;
  border-radius:30px;
  transition:.3s;
  cursor:pointer;
}

.carrusel-demn-nav a:hover{
  color:#000;
}

.carrusel-demn-nav a.active{
  color:#fff;
  background:#307bc4;
}

.itemcar{
  padding:40px;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  text-align: center;
}

.cs_slider_navigation{
  display:flex;
  gap:12px;
  margin-top:24px;
}

.cs_slider_prev,
.cs_slider_next{
  cursor:pointer;
}      
      
          
          
.carrusel-demn .slick-slide {
    opacity: 0.15;
    transform: scale(0.9);
    transition: all 0.3s ease;
    filter: grayscale(1);
}

.carrusel-demn .slick-center {
  opacity: 1;
  transform: scale(1);
    filter: grayscale(0);

}

.carrusel-demn .slick-center .itemcar {
  border: 2px solid #307bc4;
  box-shadow: 0 10px 30px rgba(11, 92, 255, 0.18);
  text-align: center;
}

.carrusel-demn-nav a.active {
  color: #fff;
  background: #307bc4;
}          
          
          
.carrusel-demn-nav .slick-slide {
  padding: 0 5px;
}

.carrusel-demn-nav .slick-slide > div {
  height: 100%;
}

.carrusel-demn-nav a {
    padding: 12px 8px;
    text-decoration: none;
    border-radius: 10px;
    text-align: center;
    transition: .3s;
    color: #666;
    background: #f5f5f5;
    font-size: 12px;
    line-height: normal;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}          
          
          
.carrusel-demn-nav .slick-current a,
.carrusel-demn-nav .slick-center a {
  background: #307bc4;
  color: #fff;
  font-weight: 600;
}

.carrusel-demn-nav .slick-track {
  display: flex;
  align-items: center;
}

.carrusel-demn-nav .slick-slide {
  height: inherit;
}          
          
.carrusel-demn-nav button{
  display:block;
  width:100%;
  border:none;
  background:none;
  cursor:pointer;
  padding:12px 18px;
}          
          
          
          .opcarnav a{ font-size: 12px}
.opcarnav a img {
    width: 65px;
    margin: 15px auto;
    border-radius: 65px;
}        
          
          
          
          

.video-btn-wrap img {
    width: 110%;
    display: block;
    transition: 0.3s;
    max-width: unset;
    left: -6%;
    position: relative;
    top: -20%;
}  
          

.video-btn-wrap:hover img{
  transform: scale(1.05);
}



.video-btn-wrap:hover .play-btn{
  transform: translate(-50%, -50%) scale(1.1);
}

.lg-backdrop{
  background: rgba(255,255,255,255.95) !important;
}          
          
          
.carrusel-demn-nav .slick-current a { transition: all ease 0.3s}
          
.carrusel-demn-nav .slick-current a img, .carrusel-demn-nav .slick-center a img {
    margin-top: 5px;
    width: 115px;
}
          

.btnBig {
    padding: 25px !important;
    width: 100%;
}




.logoevent {
    right: 0;
    width: 50%;
    padding-left: 12px;
    min-width: 410px !important;
    max-width: unset;
    padding-right: 5%;
    top: -50px;
    bottom: unset;
    right: 0;
    margin: auto;
    left: unset;
    padding-top: 0;
    align-items: anchor-center;
    padding-right: 0 !important;
    position: relative;
}
          
          


body.modal-open{
  overflow:hidden;
}

/* WRAP */
.carrusel-demn-wrap{
  position:relative;
  width:100%;
}



.itemcar h3{
  margin-top:15px;
  font-size:20px;
}

.itemcar p{
  margin-top:10px;
  color:#666;
}

/* VIDEO THUMB */
.video-btn-wrap{
  position:relative;
  overflow:hidden;
  cursor:pointer;
  border-radius: 12px;
  cursor: pointer;
  margin-bottom: 20px;
    aspect-ratio: 16 / 9;
}    
    
    
.boxIniCone {position: absolute;top: 280px;}

.boxIniCone .video-btn-wrap {
    position: absolute;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 20px;
    aspect-ratio: 16 / 9;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.video-btn-wrap:hover img{
  transform:scale(1.05);
}



    
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
    padding-left: 0.25rem;
    border-radius: 50%;
    background: #ffffff;
    color: #307bc4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    transition: .3s;
}    
    

.cs_doctor_info_in.comite {
    max-width: 1000px;
    margin: auto;
}


.cs_doctor_info_in.comite .tktqa {
    background: #ffffff;
    padding-left: 0 !important;
    padding: 0;
    margin-bottom: 15px;
    border-radius: 15px;
    line-height: normal;
    border-radius: 0;
    /* border-top-right-radius: 0; */
    /* border-bottom-right-radius: 0; */
    font-size: 12px;
    margin: 0;
}



.blofich {
    background: #ededed;
    border-radius: 10px;
    padding: 15px !important;
    line-height: normal !important;
    font-size: 12px;
}

.blofich img{ margin-bottom: 15px}

    
        
            .listDat{ list-style: none; margin-bottom: 0; padding-left: 0}
            .listDat li{display: inline-block;font-size: 12px;padding: 0 6px;vertical-align: middle;}
            .dat1{width: 10%;}
            .dat1 em { display: block; aspect-ratio: 1; width: 100%; background-size: cover; background-position: top center; border-radius: 5px; max-width: 60px; border: 1px solid #f0f0f0;}
            .dat2{width: 60%;}
            .dat3{width: 29%;text-align: right}
            .yah6t.aply a i{ margin-left: 15px; margin-right: 15px}
            .yah6t.aply a span { width: 100%;}            
            
            




.video-btn-wrap:hover .play-btn{
  transform:translate(-50%, -50%) scale(1.1);
}

/* ========================= */
/* MODAL */
/* ========================= */

#videoModal{
  position:fixed;
  inset:0;
  width:100%;
  height:100vh;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  z-index:999999;

  display:flex;
  align-items:center;
  justify-content:center;

  opacity:0;
  visibility:hidden;
  transition:.35s ease;
}

#videoModal.active{
  opacity:1;
  visibility:visible;
}

/* CONTENT */
.video-modal-content{
  position:relative;
  width:90%;
  max-width:1200px;
  transform:scale(.9);
  transition:.35s ease;
}

#videoModal.active .video-modal-content{
  transform:scale(1);
}

/* CLOSE */
.video-close{
  position:absolute;
  right:-10px;
  top:-55px;

  width:45px;
  height:45px;

  border:none;
  border-radius:50%;

  background:#000;
  color:#fff;

  cursor:pointer;

  font-size:22px;
  z-index:10;

  transition:.3s;
}

.video-close:hover{
  transform:rotate(90deg);
}

/* RESPONSIVE VIDEO */
.video-wrapper{
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
}

.video-wrapper iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:none;
}

/* MOBILE */


@media(max-width:1200px){


.cs_hero.cs_style_2 .cs_hero_bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%
}
    
    
    
    .cs_hero.cs_style_2 .cs_hero_funfact {
        width: auto;
        max-width: unset;
        margin: auto;
        width: 100%;
        padding: 25px 55px 35px 55px;
    }
    
    
.cs_hero.cs_style_2 .cs_hero_funfact::before {
    width: 100%;
    border-radius: 25px 25px 0px 0px;}    
    
    
    

.cs_hero.cs_style_2 .cs_hero_title {
    
    text-align: center;
    margin: auto; padding: 25px
}  
    
.cs_hero.cs_style_2 {
    min-height: 860px;
}    
    
    
.cs_hero.cs_style_2 .cs_hero_bottom_left {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
    
    .cs_hero.cs_style_2 .cs_hero_bottom_left .position-relative {
        position: absolute !important;
        margin: auto;
        width: 100%;
        height: 100%;
        text-align: center;
        top: -100%;
        right: 0;
        left: 0;
    }    

.cs_hero.cs_style_2 .cs_hero_patents {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
}    
    
    
    
}








@media (max-width: 991px) {
    .cs_hero.cs_style_2 .cs_hero_funfact .cs_hero_funfact_col {
        width: 25%;
        padding: 0 10px;
    }
    
    .cs_hero.cs_style_2 .cs_hero_funfact {
        padding: 25px 15px 35px 15px;
    }    
    
.cs_hero.cs_style_2 .cs_hero_funfact h3 {
    font-size: 24px;
}    
    
    
    
}













@media(max-width:768px){

  .video-modal-content{
    width:95%;
  }

  .video-close{
    right:0;
    top:-50px;
  }

  .play-btn{
    width:70px;
    height:70px;
    font-size:28px;
  }
    
    
    .cs_hero.cs_style_2 .cs_hero_funfact {
        padding: 25px 15px 35px 15px;
    }    
    
    
    
    

}





































































