@import url("https://fonts.googleapis.com/css?family=Anton&display=swap&subset=latin-ext,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Quicksand&display=swap");
/* line 2, ../sass/app.scss */
body {
  margin: 0px;
  padding: 0px;
}

/* line 7, ../sass/app.scss */
a {
  outline: none;
  text-decoration: none;
}

/* line 11, ../sass/app.scss */
.no-margin {
  margin: 0px !important;
}

/* line 15, ../sass/app.scss */
.no-padding {
  padding: 0px !important;
}

/* line 18, ../sass/app.scss */
.no-border {
  border: 0px !important;
}

/* line 21, ../sass/app.scss */
.no-bg {
  background-color: transparent !important;
}

/* line 25, ../sass/app.scss */
.navbar_unap {
  /*background: url(../images/nav_bg.png) no-repeat center/cover;*/
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 5px;
  padding-bottom: 95px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}



/* line 37, ../sass/app.scss */
.navbar_unap .navbar-collapse ul li a {
  color: #404040 !important;
  font: 100 19px "Anton", sans-serif;
}
/* line 41, ../sass/app.scss */
.navbar_unap .navbar-collapse ul li:nth-child(4) {
  /*margin-left: 350px;*/ /*se quito el logo que iba al centro 10/03/2025*/
}
/* line 46, ../sass/app.scss */
/*.navbar_unap .navbar-collapse ul li:nth-child(1) a {
  color: #ff6c0c !important;
} */

/* line 55, ../sass/app.scss */
.banner {
  margin-top: -74px;
}

.banner .dropdown-menu .badges  {
  position: relative;
  width: 37%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 75px 35px 36px 15px;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
}
/* line 69, ../sass/app.scss */
.banner .badges ul li a {
  text-decoration: none;
}
/* line 74, ../sass/app.scss */
.banner .badges a {
  color: #fff;
  text-align: center;
  display: block;
  font: 300 23px "Roboto", sans-serif;
  margin-bottom: 40px;
  text-decoration: none;
}
/* line 82, ../sass/app.scss */
.banner .badges a:hover {
  text-decoration: none;
}

.banner-v .banner-v2020 {
  position: absolute;
  top: 162px;
  right: 105px;
}
/* line 59, ../sass/app.scss */
.sec_f {
  padding: 40px 0;
}
/* line 62, ../sass/app.scss */
.sec_f .desc_f h2 {
  font: 400 75px "Roboto", sans-serif;
  color: #404040;
}
/* line 66, ../sass/app.scss */
.sec_f .desc_f h4 {
  font: 300 30px "Roboto", sans-serif;
  color: #404040;
  margin-bottom: 25px;
}
/* line 71, ../sass/app.scss */
.sec_f .desc_f p {
  font: 300 15px "Roboto", sans-serif;
  color: #404040;
  line-height: 18px;
}
.portal_unap {
  padding: 40px 0;
  background-color: rgba(236, 106, 36, 1);
  text-align: center;
}

.img-hover {
	    transition: opacity 0.6s;
	} 

.img-hover:hover {
	    opacity: 0.8;
	} 
	 
/* line 80, ../sass/app.scss */
.orange_sec .container-fluid {
  padding: 0;
}
/* line 82, ../sass/app.scss */
.orange_sec .container-fluid .row {
  margin: 0;
}
/* line 84, ../sass/app.scss */
.orange_sec .container-fluid .row .col-lg-6 {
  padding: 0;
}
/* line 89, ../sass/app.scss */
.orange_sec .sticker_box {
  position: relative;
}
/* line 93, ../sass/app.scss */
.orange_sec .sticker_box img {
  height: 528px;
  width: 100%;
  object-fit: cover;
}
/* line 98, ../sass/app.scss */
.orange_sec .sticker_box .sticker {
  position: absolute;
  top: 126px;
  right: 35px;
  background-color: rgba(255, 141, 75, 0.9);
  padding: 26px 26px 26px 76px;
  text-align: right;
  color: #fff;
}
/* line 106, ../sass/app.scss */
.orange_sec .sticker_box .sticker h4 {
  font: 500 55px "Roboto", sans-serif;
}
/* line 111, ../sass/app.scss */
.orange_sec .blue_box {
  background-color: #00528a;
  padding: 52.5px;
  color: #fff;
}
/* line 115, ../sass/app.scss */
.orange_sec .blue_box .vix {
  border: 1px solid #fff;
  padding: 15px;
  margin-bottom: 18px;
  width: 61%;
  margin-left: 10%;
}
/* line 121, ../sass/app.scss */
.orange_sec .blue_box h3 {
  font: 500 62px "Anton", sans-serif;
  margin: 0;
}
/* line 125, ../sass/app.scss */
.orange_sec .blue_box p {
  font: 300 25px "Roboto", sans-serif;
  margin: 0;
}

/* line 132, ../sass/app.scss */
.team {
  padding: 70px 0;
  text-align: center;
}
/* line 135, ../sass/app.scss */
.team h4 {
  border: 1px solid #1c1c1c;
  display: inline-block;
  padding: 10px 60px;
  border-radius: 50px;
  font: 400 40px "Roboto", sans-serif;
  margin-bottom: 70px;
}
/* line 143, ../sass/app.scss */
.team .team_sec {
  position: relative;
  overflow: hidden;
}
/* line 146, ../sass/app.scss */
.team .team_sec .red_card {
  transition: .6s ease-in-out;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color:transparent;
  padding: 30px;
  width: 80%;
  margin: auto;
}
/* line 157, ../sass/app.scss */
.team .team_sec .red_card h5 {
  font: 400 16px "Roboto", sans-serif;
}
/* line 162, ../sass/app.scss */
.team .team_sec:hover .red_card {
  position: absolute;
  top: 100px;
  opacity: 1;
}
/* line 166, ../sass/app.scss */
.team .team_sec:hover .red_card h5 {
  font: 400 16px "Roboto", sans-serif;
}
/* line 172, ../sass/app.scss */
.team .desc_team {
  margin-top: 30px;
}
/* line 175, ../sass/app.scss */
.team .desc_team h6 {
  color: #000000;
  font: 400 17px "Roboto", sans-serif;
}
/* line 179, ../sass/app.scss */
.team .desc_team p {
  color: #000000;
  font: 400 14px "Roboto", sans-serif;
}

/* line 186, ../sass/app.scss */
.footer {
  background-color: rgb(110,110,110);
  padding: 50px 0;
  position: relative;
}
/* line 190, ../sass/app.scss */
.footer:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: #e96a1e;
  height: 16px;
  width: 48%;
}
/* line 200, ../sass/app.scss */
.footer:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-color: #00528a;
  height: 16px;
  width: 48%;
}
/* line 210, ../sass/app.scss */
.footer .foo_widget h5 {
  color: #fff;
  border-radius: 50px;
  border: 1px solid #fff;
  font: 300 22px "Roboto", sans-serif;
  padding: 10px 24px;
  display: inline-block;
}
/* line 218, ../sass/app.scss */
.footer .foo_widget p {
  font: 300 14px "Roboto", sans-serif;
  color: #fff;
  margin: 16px 0;
  line-height: 14px;
}
/* line 225, ../sass/app.scss */
.footer .social_sec {
  text-align: center;
  margin-bottom: 20px;
}
/* line 230, ../sass/app.scss */
.footer .social_sec li a {
  color: #fff;
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 50px;
  padding: 10px 18px;
}
/* line 236, ../sass/app.scss */
.footer .social_sec li a .fa {
  margin-right: 10px;
  font-size: 14px;
}
/* line 243, ../sass/app.scss */
.footer span {
  position: absolute;
  font: 300 22px "Roboto", sans-serif;
  top: -9px;
  left: 0;
  right: 0;
  color: #515151;
  margin: auto;
  text-align: center;
  background-color: #fff;
  width: 16%;
  z-index: 1;
}

/* line 258, ../sass/app.scss */
.banner {
  padding-top: 162px;
}
/* line 260, ../sass/app.scss */
.banner img {
  width: 100%;
}

/* line 265, ../sass/app.scss */
.mobile_on {
  display: none;
}

/* line 269, ../sass/app.scss */
.breadcrumb_list {
  padding: 40px 0;
}
/* line 271, ../sass/app.scss */
.breadcrumb_list li {
  font: 400 16px "Roboto", sans-serif;
  border-bottom: 1px solid #404040;
  color: #404040;
}
/* line 275, ../sass/app.scss */
.breadcrumb_list li span {
  color: #E86B1E;
}

/* line 282, ../sass/app.scss */
.desk_root {
  margin-bottom: 50px;
}
/* line 285, ../sass/app.scss */
.desk_root .desc_f h4 {
  font: 700 25px "Roboto", sans-serif;
  color: #404040;
}
/* line 289, ../sass/app.scss */
.desk_root .desc_f p {
  font: 400 16px "Roboto", sans-serif;
  color: #404040;
  line-height: 25px;
}
/* line 295, ../sass/app.scss */
.desk_root .desc_f ul li {
  font: 400 16px "Roboto", sans-serif;
  color: #404040;
  margin-bottom: 5px;
  line-height: 22px;
}
/* line 302, ../sass/app.scss */
.desk_root .desc_f .heading_box {
  margin: 30px 0;
}

/* line 309, ../sass/app.scss */
.patient_pic {
  margin: 70px 0;
}

/* line 314, ../sass/app.scss */
.semester_box h3 {
  font: 400 30px "Roboto", sans-serif;
  margin-bottom: 14px;
}
/* line 318, ../sass/app.scss */
.semester_box .semester_list {
  margin-bottom: 30px;
}
/* line 320, ../sass/app.scss */
.semester_box .semester_list h4 {
  background-image: linear-gradient(to right, #82388d, #56205e);
  color: #fff;
  font: 700 21px "Quicksand", sans-serif;
  padding: 12px 5px 12px 25px;
  border-radius: 30px;
  margin: 0;
  width: 165px;
  position: relative;
}
/* line 329, ../sass/app.scss */
.semester_box .semester_list h4 span {
  background-color: #7f7f7f;
  color: #fff;
  font: 700 29px "Quicksand", sans-serif;
  padding: 11px 15px 9px 25px;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: -47px;
  z-index: -1;
  width: 92px;
  text-align: right;
  line-height: 30px;
}
/* line 344, ../sass/app.scss */
.semester_box .semester_list ul {
  border: 3px solid #82388d;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 12px;
  padding: 7px;
  margin-left: 18px;
  margin-top: -2px;
  padding-left: 15px;
}
/* line 353, ../sass/app.scss */
.semester_box .semester_list ul li {
  font: 700 10px "Quicksand", sans-serif;
  margin-bottom: 2px;
  position: relative;
}
/* line 357, ../sass/app.scss */
.semester_box .semester_list ul li:before {
  position: absolute;
  top: 4px;
  left: -9px;
  content: "";
  background-color: #82388d;
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
}
/* line 370, ../sass/app.scss */
.semester_box .semester_list .list_end {
  margin-top: 52px;
}
/* line 372, ../sass/app.scss */
.semester_box .semester_list .list_end li {
  font: 400 16px "Roboto", sans-serif;
  color: #000000;
}
/* line 375, ../sass/app.scss */
.semester_box .semester_list .list_end li:before {
  display: none;
}

/* line 384, ../sass/app.scss */
.list_heading p {
  border: 1px solid #82388d;
  border-radius: 30px;
  padding: 2px;
  margin: 0;
  padding: 4px 8px;
  font: 400 11px "Roboto", sans-serif;
  color: #82388d;
}
/* line 393, ../sass/app.scss */
.list_heading a {
  display: inline-block;
  color: #E86B1E;
  padding: 5px 27px;
  border-radius: 30px;
  font: 400 31px "Roboto", sans-serif;
  border: 1px solid #E86B1E;
  margin-top: 35px;
}

/* line 407, ../sass/app.scss */
.btn_box ul li a {
  background-image: linear-gradient(to right, #EF6837, #EF6837);
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  font: 400 35px "Roboto", sans-serif;
  color: #fff;
  padding: 5px 22px;  
}
/* line 415, ../sass/app.scss */
.btn_box ul li a span {  
  display: block;
  font: 400 10px "Roboto", sans-serif;
}
/* line 419, ../sass/app.scss */
.btn_box ul li a:hover {
  text-decoration: none;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
}
/* line 425, ../sass/app.scss */
.btn_box ul li:nth-child(2) a {
  background-image: none;
  background-color: #015289;
}

/* line 434, ../sass/app.scss */
.para_tool {
  margin: 40px 0;
}
/* line 436, ../sass/app.scss */
.para_tool p {
  font: 400 20px "Roboto", sans-serif;
}

/* line 443, ../sass/app.scss */
.progress_bars ul li {
  background-color: #eaeaea;
  border-radius: 50px;
  padding: 0px 0px 0px 2px;
  margin-bottom: 10px;
}
/* line 448, ../sass/app.scss */
.progress_bars ul li span {
  background-image: linear-gradient(to right, #82388d, #56205e);
  color: #fff;
  padding: 7px 25px;
  display: inline-block;
  border-radius: 50px;
  font: 400 20px "Quicksand", sans-serif;
}
/* line 457, ../sass/app.scss */
.progress_bars ul li:nth-child(1) span {
  padding-right: 40px;
}
/* line 463, ../sass/app.scss */
.progress_bars ul li:nth-child(2) span {
  padding-right: 150px;
}
/* line 469, ../sass/app.scss */
.progress_bars ul li:nth-child(3) span {
  padding-right: 40px;
}
/* line 475, ../sass/app.scss */
.progress_bars ul li:nth-child(4) span {
  padding-right: 60px;
}
/* line 481, ../sass/app.scss */
.progress_bars ul li:nth-child(5) span {
  padding-right: 60px;
}
/* line 488, ../sass/app.scss */
.progress_bars .prog_title p {
  font: 400 17px "Roboto", sans-serif;
  margin-bottom: 25px;
  margin-top: 10px;
}

/* line 496, ../sass/app.scss */
.pra_count {
  margin-top: 40px;
}
/* line 499, ../sass/app.scss */
.pra_count ul li {
  font: 700 13px "Quicksand", sans-serif;
}
/* line 501, ../sass/app.scss */
.pra_count ul li span {
  padding: 14px;
  padding-left: 28px;
  margin-right: 5px;
  font: 400 23px "Roboto", sans-serif;
}
/* line 509, ../sass/app.scss */
.pra_count ul li:nth-child(2) span {
  padding: 14px;
  padding-right: 40px;
  padding-left: 28px;
}
/* line 518, ../sass/app.scss */
.pra_count .tag_seen {
  font: 400 20px "Roboto", sans-serif;
}

/* line 523, ../sass/app.scss */
.contact_hit {
  margin-top: 60px;
}
/* line 525, ../sass/app.scss */
.contact_hit h5 {
  font: 700 32px "Roboto", sans-serif;
}
/* line 529, ../sass/app.scss */
.contact_hit .form-group input, .contact_hit .form-group select {
  border-radius: 30px;
  border: 1px solid #4b4b4b;
  padding: 24px 24px 28px 24px;
}
/* line 534, ../sass/app.scss */
.contact_hit .form-group textarea {
  border-radius: 30px;
  border: 1px solid #4b4b4b;
  padding: 24px 24px 28px 24px;
  height: 180px;
}
/* line 541, ../sass/app.scss */
.contact_hit .btn_snd {
  background-color: #404040;
  border-radius: 30px;
  padding: 10px 22px;
  color: #fff;
}

/* line 549, ../sass/app.scss */
.bluse_btn, .bluse_btn_titulo {
  margin-top: 60px;
}
/* line 552, ../sass/app.scss */
.bluse_btn li a, .bluse_btn li button, .bluse_btn_titulo {
  background-color: #01338a;
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  font: 400 40px "Roboto", sans-serif;
  color: #fff;
  padding: 5px 26px;
  width: 100%;
  margin-bottom: 20px;
  font-size: 30px;
}

/* line 562, ../sass/app.scss */
.bluse_btn li a:hover, .bluse_btn_titulo {
  text-decoration: none;
}

/* line 571, ../sass/app.scss */
.list_grap li {
  font: 300 20px "Anton", sans-serif;
  text-transform: uppercase;
  margin-bottom: 7px;
}




@media (max-width: 1280px) {
  /* line 2, ../sass/_screen.scss */
  .navbar_unap .navbar-collapse ul li a {
    font-size: 13px;
  }

  /* line 6, ../sass/_screen.scss */
  .team .team_sec .red_card {
    padding: 13px;
  }

  /* line 9, ../sass/_screen.scss */
  .team .team_sec .red_card h5 {
    margin: 0;
  }
}
@media (max-width: 1080px) {
  /* line 15, ../sass/_screen.scss */
  .btn_box ul li a {
    font: 400 22px "Roboto", sans-serif;
  }

  /* line 19, ../sass/_screen.scss */
  .semester_box .semester_list .list_end {
    margin-top: 0px;
  }
}
@media (max-width: 1024px) {
  /* line 25, ../sass/_screen.scss */
  .navbar_unap .navbar-collapse ul li a {
    font-size: 12px;
  }

  /* line 29, ../sass/_screen.scss */
  .progress_bars .prog_title p {
    font: 400 13px "Roboto", sans-serif;
    margin-bottom: 31px;
    margin-top: 10px;
  }

  /* line 35, ../sass/_screen.scss */
  .pra_count ul li span {
    font: 400 18px "Roboto", sans-serif;
  }

  /* line 38, ../sass/_screen.scss */
  .progress_bars ul li:nth-child(1) span {
    display: block;
  }

  /* line 41, ../sass/_screen.scss */
  .pra_count ul li:nth-child(2) span {
    display: block;
  }

  /* line 44, ../sass/_screen.scss */
  .pra_count ul li {
    text-align: center;
  }

  /* line 48, ../sass/_screen.scss */
  .navbar_unap {
    padding-left: 15px;
  }
}
@media (max-width: 980px) {
  /* line 54, ../sass/_screen.scss */
  .navbar_unap .navbar-collapse ul li:nth-child(4) {
    margin-left: 0;
  }

  /* line 57, ../sass/_screen.scss */
  .team .team_sec .red_card h5 {
    padding: 12px;
  }

  /* line 61, ../sass/_screen.scss */
  .team .team_sec .red_card {
    top: 251px;
  }

  /* line 65, ../sass/_screen.scss */
  .footer {
    text-align: center;
  }

  /* line 68, ../sass/_screen.scss */
  .footer .social_sec {
    margin-bottom: 20px;
    margin-top: 40px;
  }

  /* line 72, ../sass/_screen.scss */
  .foo_widget {
    margin-top: 40px;
  }

  /* line 76, ../sass/_screen.scss */
  .pra_count .tag_seen {
    margin: 16px 0 0 0;
    text-align: center;
  }

  /* line 80, ../sass/_screen.scss */
  .prog_title {
    text-align: center;
  }

  /* line 83, ../sass/_screen.scss */
  .btn_box {
    text-align: center;
  }

  /* line 86, ../sass/_screen.scss */
  .list_heading {
    text-align: center;
    margin-bottom: 30px;
  }

  /* line 90, ../sass/_screen.scss */
  .para_tool {
    text-align: center;
  }

  /* line 93, ../sass/_screen.scss */
  .pra_count ul li {
    font: 700 18px "Quicksand", sans-serif;
  }

  /* line 96, ../sass/_screen.scss */
  .patient_pic {
    text-align: center;
  }

  /* line 99, ../sass/_screen.scss */
  .root_img {
    margin-bottom: 12px;
  }

  /* line 102, ../sass/_screen.scss */
  .patient_pic {
    margin: 70px 0 40px;
  }
}


@media (max-width: 600px) {
   #logo-unap-izq, #logo-unap-izq-Contraste {display: none;}
}


@media (max-width: 570px) {
  /* line 110, ../sass/_screen.scss */
  .navbar_unap {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  /* line 116, ../sass/_screen.scss */
  .banner {
    margin-top: -83px;
  }

  /* line 122, ../sass/_screen.scss */
  .mobile_on {
    display: block;
  }

  /* line 126, ../sass/_screen.scss */
  .navbar_unap {
    background: none;
  }

  /* line 130, ../sass/_screen.scss */
  .mobile_on {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  /* line 138, ../sass/_screen.scss */
  .mobile_on img {
    height: 116px;
    object-fit: cover;
  }

  /* line 142, ../sass/_screen.scss */
  .navbar-toggler {
    margin-top: -8px;
  }

  /* line 146, ../sass/_screen.scss */
  .navbar-collapse {
    background-color: #fff;
    padding: 15px;
  }
}




@media (max-width: 480px) {
  /* line 153, ../sass/_screen.scss */
  .sec_f .desc_f h2 {
    font: 400 50px "Roboto", sans-serif;
  }

  /* line 156, ../sass/_screen.scss */
  .sec_f .desc_f h4 {
    font: 300 25px "Roboto", sans-serif;
    margin-bottom: 30px;
  }

  /* line 161, ../sass/_screen.scss */
  .orange_sec .sticker_box .sticker h4 {
    font: 500 35px "Roboto", sans-serif;
  }

  /* line 165, ../sass/_screen.scss */
  .footer span {
    top: 0;
    width: 40%;
  }
}
@media (max-width: 414px) {
  /* line 173, ../sass/_screen.scss */
  .team .team_sec .red_card {
    top: 158px;
  }

  /* line 177, ../sass/_screen.scss */
  .orange_sec .sticker_box .sticker h4 {
    font: 500 24px "Roboto", sans-serif;
  }

  /* line 181, ../sass/_screen.scss */
  .navbar_unap {
    padding-bottom: 58px;
  }

  /* line 185, ../sass/_screen.scss */
  .navbar_unap {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* line 190, ../sass/_screen.scss */
  .btn_box ul li {
    margin-bottom: 12px;
  }
}
@media (max-width: 320px) {
  /* line 196, ../sass/_screen.scss */
  .sec_f .desc_f h2 {
    font: 400 35px "Roboto", sans-serif;
  }

  /* line 200, ../sass/_screen.scss */
  .orange_sec .sticker_box .sticker {
    top: 32px;
  }
}