@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css);

.btn-header a,.cards-link,.dynamicText.parbase a,.navbar-nav a:hover {
  text-decoration: none;
}

.header-carrousel .carousel-title,.header-carrousel .header-botones a,.notas .dynamicList-title,.primary-navigation .first-level-item>a {
  font-family: Helvetica,"Helvetica LT Std",HelveticaNeue,sans-serif;
}

* {
  font-family: Helvetica;
}

@font-face {
  font-family:"Helvetica Light";src:url("/content/dam/multibrand/ar/es/fonts/HELVETICA-LIGHT.OTF") format("opentype");
}

@media (max-width:767) {
  .body {
    margin: 0!important;
  }
}

#modal-home {
  display: none;
  border-radius: 20px;
  z-index: 1000000!important;
}

.modal-home-az {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  z-index: 10000!important;
}

.close,.flecha,.modal-content {
  position: absolute;
}

/*.modal-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-55%);
  max-width: 600px;
  min-height: 300px;
  width: 80%;
  padding: 30px!important;
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}*/

#kaltura_player {
  max-width: 594px;
  height: 370px;
}

.close {
  top: 10px!important;
  right: 10px!important;
  font-size: 26px!important;
  font-weight: 700;
  color: #d01070!important;
  opacity: 1!important;
  cursor: pointer;
}

.header-carrousel .header-botones a,.regBtn {
  column-gap: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
}

.navbar-nav {
  display: flex;
  justify-content: flex-end;
}

ul.nav.navbar-nav.stacked-menu a {
  text-decoration: none!important;
}

.carousel-body ul,.dynamicList-description ul,.dynamicText.parbase ul,.form-error-msg ul,.form-success-msg ul,.quiz-description ul,.shipping-help-text ul,.text.parbase ul {
  list-style-type: none!important;
}

.banner-era,.btn-container,.stacked-menu .first-level-item {
  display: flex;
  align-items: center;
}

.stacked-menu>li:nth-of-type(2):before,.stacked-menu>li:nth-of-type(3):before,.stacked-menu>li:nth-of-type(4):before,.stacked-menu>li:nth-of-type(5):before,.stacked-menu>li:nth-of-type(6):before {
  display: inline-flex;
  transform: scale(.8) translate(-10px,5px);
}

.primary-navigation .container {
  margin: auto;
  text-align: center;
  justify-content: center;
  display: flex;
}

.dropdown-toggle>span:first-of-type {
  padding-right: 10px;
}

.navbar .primary-navigation .nav li a img {
  max-width: 20px;
}

.component-section,.container.middle-content,.especialidades .row div,.page-section-inner.container,.section-blur-layer {
  padding: 0;
}

.regBtn {
  padding: 0 1.5rem;
  width: fit-content;
  border: 1px solid #cecece;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Helvetica,"Helvetica LT Std",HelveticaNeue,sans-serif!important;
  font-size: 1.5rem!important;
  height: 40px;
  margin: 1rem 0;
  color: #d01070;
  background-color: #cecece;
  transition: .3s;
}

.header-carrousel .carousel-content-block {
  display: block;
  width: 500px;
  background-color: transparent;
}

.header-carrousel .carousel-title {
  text-align: left!important;
  color: #000!important;
  font-size: 4rem!important;
  line-height: normal;
}

.header-carrousel .carousel-title img {
  max-width: 200px;
  padding: 2rem 0;
}

.header-carrousel .header-botones {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  margin: 2rem 0;
}

.header-carrousel .header-botones a {
  padding: 0 2.5rem;
  border: 1px solid #cecece;
  border-radius: 20px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.articulos h1 span,.boton-ingresar,.btn-header a,.btn-medios,.cards-container>div>div h3,.my-icon,.nuestras-areas h1 span,.programa-pacientes h1 span,div.container-cards-az>div h2 span {
  font-weight: 700;
}

.btn-tutoriales-azmed .btn-recuperar-pass:hover::after,.btn-tutoriales-azmed .btn-registro-pass:hover::after,.header-carrousel .btn,.ingresar,.registrarse {
  transition: .3s ease-out;
}

.ingresar:hover {
  box-shadow: 0 0 0 #d01070;
  color: #d01070!important;
}

.registrarse:hover {
  color: #000!important;
}

.registrarse {
  padding: 10px 40px;
  background-color: #ededed;
  color: #d01070;
}

.ingresar,.nav-pills>li>a {
  color: #000;
}

.ingresar {
  padding: 10px 40px;
  background-color: #fff;
  border: 1px solid #ededed;
}

.btn-header {
  display: flex;
  margin: auto;
}

.btn-header a {
  padding: 5px;
  border-radius: 30px;
  margin: 10px 30px;
  font-size: 1rem;
  text-transform: uppercase;
  width: 300px;
  text-align: center;
  cursor: pointer;
  flex: 1;
}

.ayuda a {
  text-decoration: underline!important;
  font-weight: 900;
}

.carousel-indicators {
  max-width: 200px!important;
}

.carousel-indicators li.active div>a {
  opacity: 1;
  outline: solid 2px;
}

.carousel-indicators li>div>a {
  background-color: #fff;
  height: 11px!important;
  width: 11px!important;
  opacity: .7;
}

#carousel-generic-1027276109>a.left.carousel-control,#carousel-generic-1027276109>a.right.carousel-control,.banner-asco,.html-asset-inner,.oculto {
  display: none;
}

#nueva-home .component-section {
  padding: 0!important;
}

#nueva-home .page-section-inner,.cards-container-img {
  width: 100%;
}

.btn-asco a:hover,.carousel-indicators li.active a,.text-white {
  color: #fff;
}

@media screen and (max-width: 46.375rem) {
  .carousel .carousel-indicators {
      display: block !important;
      top: unset !important;
  }
}

@media (max-width:771px) {
  h1 {
    font-size: 18px;
    line-height: 20px;
  }
}

@media only screen and (min-width:772px) and (max-width:992px) {
  h1 {
    font-size: 22px;
    line-height: 24px;
  }
}

@media (min-width:993px) {
  h1 {
    font-size: 28px;
    line-height: 30px;
  }
}

.nuestras-areas h1 {
  text-align: center;
  font-family: Helvetica;
  text-transform: uppercase;
}

.nuestras-areas hr {
  border: 2px solid #cf2c70;
  width: 80px;
  border-radius: 5px;
  margin: auto;
}

.programa-pacientes hr {
  border: 2px solid #cf2c70;
  width: 80px;
  border-radius: 5px;
  margin: auto auto 30px;
}

.articulos h1,.programa-pacientes h1 {
  text-align: center;
  font-family: Helvetica;
  text-transform: uppercase;
  margin-top: 60px;
}

@media (max-width:991px) {
  .programa-pacientes hr {
    margin-bottom: 115px;
    margin-top: 5px;
  }

  .botones-ayuda {
    padding: 0 30px;
  }

  .nuestras-areas .cards-container {
    display: flex;
    flex-direction: column;
  }

  .cards-container>div:first-child>div,.cards-container>div:nth-child(2)>div,.cards-container>div:nth-child(3)>div,.cards-container>div:nth-child(4)>div,.container-cards-az>div:first-child {
    margin-bottom: 20px;
  }

  .textocvrm,.textoepof,.textogastro,.textoonco,.textorespi {
    margin-bottom: 60px;
  }

  .container-cards-az {
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
}

.cards-container>div>div {
  border-radius: 10px;
  padding: 25px;
  position: relative;
  min-height: 230px;
}

.card-cvrm .flip-card-back,.card-cvrm .flip-card-front,.cards-container>div:first-child>div {
  background-color: #71c7d6;
}

.card-respi .flip-card-back,.card-respi .flip-card-front,.card-respi-cl .flip-card-back,.card-respi-cl .flip-card-front,.cards-container>div:nth-child(2)>div {
  background-color: #392151;
}

.card-gastro .flip-card-back,.card-gastro .flip-card-front,.cards-container>div:nth-child(3)>div {
  background-color: #c3d217;
}

.card-onco .flip-card-back,.card-onco .flip-card-front,.cards-container>div:nth-child(4)>div {
  background-color: #cf2c70;
}

.card-epof .flip-card-back,.card-epof .flip-card-front,.cards-container>div:nth-child(5)>div {
  background-color: #f0ac01;
}

.flecha {
  bottom: 25px;
  width: 30px;
  cursor: pointer;
}

.cards-container>div>div h3 {
  color: #fff;
  font-family: Helvetica;
  line-height: 20px;
  min-height: 52px;
}

.textocvrm,.textoepof,.textogastro,.textoonco,.textorespi {
  color: #fff;
  line-height: 15px;
}

.cards-container>div>div img {
  height: 42px;
  width: auto;
}

#btnCvrm,#btnEpof.flecha,#btnGastro,#btnOnco,#btnRespi {
  height: 30px;
}

.carousel .carousel-content-block {
  background: 0 0;
}

#carousel-generic-1981302052>div>div:first-child>div.carousel-content-block {
  max-width: 460px;
}

span.bienvenida {
  font-size: 40px;
  line-height: 44px;
  margin-top: 40px!important;
}

#carousel-generic-1981302052>div>div.item.active>div.carousel-content-block>h3>img {
  margin-bottom: 20px;
}

#carousel-generic-1981302052>div>div.item.active>div.carousel-content-block>div>a.registrarse {
  max-width: 300px;
  width: 100%;
  height: 20px;
}

.nuestras-areas {
  margin-top: 80px;
  margin-bottom: 80px;
}

.container-cards-az {
  display: flex;
  margin-top: 40px;
}

.container-cards-az>div {
  flex: 1;
  min-height: 400px;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 1px 1px 20px -10px #c7c5c7;
}

.az-img img,.btn-medios,.cardsaz img {
  box-shadow: 0 0 15px -3px rgba(0,0,0,.2);
  transition: box-shadow 1s ease-out;
}

.container-cards-az>div h2 {
  font-family: Helvetica;
  line-height: 40px;
  font-size: 34px;
  max-width: 290px;
}

@media (min-width:992px) {
  .nuestras-areas .cards-container {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }

  .textocvrm,.textoepof,.textogastro,.textoonco,.textorespi {
    min-height: 290px;
  }

  .container-cards-az>div:first-child {
    margin-right: 20px;
  }
}

.container-cards-az>div:first-child {
  flex: 1;
  background-image: url('/content/dam/multibrand/ar/es/nueva-home/az-eventos.png');
}

.container-cards-az>div:nth-child(2) {
  flex: 1;
  background-image: url('/content/dam/multibrand/ar/es/nueva-home/az-academy.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.boton-ingresar {
  height: 30px!important;
  display: block;
  box-sizing: border-box;
}

a.boton-ingresar {
  text-decoration: none!important;
  background-color: #ededed;
  height: 45px!important;
  max-width: 150px;
  display: flex;
  align-items: Center;
  justify-content: center;
  border-radius: 100px;
  font-weight: 700!important;
  text-transform: uppercase;
}

a.boton-ingresar img {
  margin-left: 7px;
}

div.container-cards-az>div h2 {
  line-height: 34px;
  font-family: 'Helvetica Light';
  margin-bottom: 35px;
  margin-top: 35px;
}

div.container-cards-az {
  margin-bottom: 60px;
}

.articulos hr {
  border: 2px solid #053666;
  width: 80px;
  border-radius: 5px;
  margin: auto;
}

ul.nav.nav-pills.tab-list {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  max-width: 1000px;
  margin: auto;
}

li.tab-list-element {
  flex: 1;
  height: 50px;
  margin: 10px 5px;
}

li.tab-list-element a {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 16px;
  height: 50px;
}

#tab-cvrm {
  border: 1px solid #71c7d6;
  border-radius: 5px;
}

#tab-cvrm:hover,.tab-list-element.active #tab-cvrm {
  border: none;
  background-color: #71c7d6;
  color: #fff;
  border-radius: 5px;
}

#tab-respi {
  border: 1px solid #392151;
  border-radius: 5px;
}

#tab-respi:hover,.tab-list-element.active #tab-respi {
  border: none;
  background-color: #392151;
  color: #fff;
  border-radius: 5px;
}

#tab-onco {
  border: 1px solid #cf2c70;
  border-radius: 5px;
}

#tab-onco:hover,.tab-list-element.active #tab-onco {
  border: none;
  background-color: #cf2c70;
  color: #fff;
  border-radius: 5px;
}

.boton-info-a,.boton-info-b,.btn-asco {
  border-radius: 50px;
}

.lock-icon {
  width: 100px;
}

.boton-info-a {
  background-color: #053666;
  margin: 30px 0;
}

.boton-info-b {
  background-color: #d01070;
  margin: 30px 0;
}

@media screen and (max-width:780px) {
  .boton-info-a,.boton-info-b {
    margin: 10px 0;
  }
}

.boton-info-a img,.boton-info-b img {
  width: 80px;
  padding: 10px;
}

.boton-info-a p,.boton-info-b p {
  margin: 0 10px;
}

.boton-info-a a,.boton-info-b a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #fff;
}

.notas,.notas .col-md-10 {
  justify-content: center;
  display: flex;
}

.notas {
  flex-wrap: wrap;
  column-gap: 50px;
  margin: 0px 30px 30px 30px;
}

.notas li>.row {
  display: flex;
  flex-direction: column;
  border: 1px solid #eee;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.17);
  border-radius: 10px;
  width: fit-content;
  max-width: 350px;
  height: 100%;
}

.notas li .row .col-md-10>.row {
  padding: 1rem;
  margin: 0;
  width: 100%;
  text-align: center;
}

.notas li .row div:first-of-type {
  width: 100%;
  padding: 0;
}

.notas .dynamicList-title {
  margin: 1.5rem 0;
}

.notas .dynamicList-title strong {
  font-weight: 700;
  font-size: 1.3rem;
  color: #606060;
  text-transform: uppercase;
}

.notas .text-muted em {
  color: #d01070;
}

.notas .col-md-10 {
  width: 100%;
  align-items: flex-end;
}

.notas img {
  max-width: 100%!important;
  height: auto!important;
}

.logo-az img,.logo-eventos img {
  max-width: 150px;
  width: 100%;
}

.tabs-elegir-salud .wrap-tab-container ul.tab-list {
  margin: 20px;
  padding: 0;
  list-style: none;
  border-spacing: 10px;
  border-collapse: separate;
  width: 100%;
  table-layout: fixed;
}

.nav-pills {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  align-items: stretch;
  flex-wrap: wrap;
}

.tabs-elegir-salud .tab-list-element a {
  padding: 15px 0;
  border-radius: 8px;
  text-align: center;
  font-size: 1.5rem!important;
  font-family: helvetica;
  width: 190px;
  margin: 10px;
}

.az-img img,.cardsaz img {
  border-radius: 10px;
  margin-bottom: 30px;
}

.az-img img:hover,.btn-medios:hover,.img-tecno:hover {
  box-shadow: 0 0 15px -3px #000;
}

.list.horizontal .list-line,.list.horizontal.list-hover .list-line {
  border: none;
  padding: 15px 8px 8px;
}

.btn-container-medios {
  width: 100%;
  background-color: #fff;
  margin: 30px 0;
  text-align: right;
}

.btn-medios {
  background-color: #fff;
  padding: 10px 40px;
  color: #053666;
  border-radius: 30px;
  text-decoration: none;
  font-size: 18px;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  margin: 20px;
  text-transform: uppercase;
}

.my-icon {
  display: inline-block;
  font-family: 'Bootstrap Icons';
  font-size: 2rem;
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
  color: #d01070;
  padding: 5px 10px;
}

.img-tecno {
  margin: 30px auto;
}

.section-cards-container {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.17);
  border-radius: 10px;
  text-align: right;
  margin: 30px 0;
}

.cards-container-link {
  text-decoration: none;
  color: #606060;
}

.cards-container-link p {
  padding: 10px;
  font-size: 1.2rem;
}

.col-3-descargas {
  margin-top: 30px;
  margin-bottom: 30px;
}

.logo-az {
  width: 100%;
  margin: 30px 0;
  padding: 0 10px;
}

.contenido {
  opacity: 0;
  transition: height .3s ease-in-out;
}

.card-amarillo:hover .contenido,.card-blue:hover .contenido,.card-rosa:hover .contenido,.card-terapeutica p:hover,.card-verde:hover .contenido,.card-violeta:hover .contenido {
  opacity: 1;
}

.card-terapeutica {
  border-radius: 10px;
  padding: 25px;
  position: relative;
  color: #fff;
  transition: transform .3s ease-in-out;
  cursor: pointer;
}

.card-amarillo,.card-blue,.card-rosa,.card-verde,.card-violeta {
  height: 230px;
  text-decoration: none;
  transition: height .5s ease-out;
}

.card-blue {
  background-color: #71c7d6;
}

.card-violeta {
  background-color: #392151;
}

.card-verde {
  background-color: #c3d217;
}

.card-rosa {
  background-color: #cf2c70;
}

.card-amarillo {
  background-color: #f0ac01;
}

.cards-container a {
  text-decoration: none!important;
  margin: 5px 0;
}

.card-blue:hover,.card-violeta:hover {
  height: 650px;
}

.card-verde:hover {
  height: 400px;
}

.card-rosa:hover {
  height: 550px;
}

.card-amarillo:hover {
  height: 500px;
}

.card-terapeutica p {
  opacity: 0;
}

@media screen and (max-width:992px) {
  .card-terapeutica {
    margin-bottom: 20px;
  }
}

@media screen and (max-width:375px) {
  ul.nav.nav-pills.tab-list {
    padding: 0 20px;
  }

  .btn-medios {
    margin: 0 20px;
  }

  .card-terapeutica {
    margin-bottom: 20px;
  }
}

@media screen and (max-width:500px) {
  .card-blue:hover,.card-violeta:hover {
    height: 450px;
  }

  .card-verde:hover {
    height: 300px;
  }

  .card-amarillo:hover,.card-rosa:hover {
    height: 400px;
  }
}

@media screen and (min-width:1400px) {
  .card-blue:hover,.card-rosa:hover,.card-violeta:hover {
    height: 400px;
  }

  .card-verde:hover {
    height: 280px;
  }

  .card-amarillo:hover {
    height: 350px;
  }
}

@media (max-width:1000px) {
  .footer {
    padding: 30px;
  }
}

@media screen and (max-width:767px) {
  .btn-header {
    display: flex;
    flex-direction: column;
    margin: 10px auto;
  }

  ul.nav.nav-pills.tab-list {
    padding: 0 20px;
  }

  .tab-container .tab-list {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: 0;
  }

  .new-image .new-image-mobile {
    display: inline-block;
    margin-top: -10px;
  }

  .btn-medios {
    margin: 0 20px;
  }

  .card-terapeutica {
    margin-bottom: 20px;
  }

  .tab-container {
    margin: 0;
    padding-top: 0;
    border-top: none;
  }
}

.cards-container,.tabs.section {
  margin-top: 3%;
}

.carousel.inner .h1,.footer,.h1,.h2,.h3,h2,h3 {
  margin-top: 0!important;
}

.btn-tutoriales-azmed .btn-recuperar-pass,.btn-tutoriales-azmed .btn-registro-pass {
  color: #fff;
  margin-top: 30px;
  overflow: hidden;
  z-index: 1;
  padding: 15px 30px;
  position: relative;
}

.container-fluid {
  padding-right: 0!important;
  padding-left: 0!important;
}

.footer {
  background-color: #000;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .multi-column-container .col-sm-6:nth-child(odd) {
    clear: inherit!important;
  }

  .azmed-footer img {
    width: 20%!important;
  }
}

.main-container {
  overflow-x: hidden!important;
}

.title-align {
  text-align: left;
  padding-top: 10px;
}

.flip-card-back p,h3 {
  text-align: left!important;
}

#carousel-generic--588891731>div>div.item.active.left>div:nth-child(2)>div>div>div.expand-img-mobile.visible-xs-inline-block>a>img,#carousel-generic-1173613707>div>div:nth-child(2)>div:nth-child(2)>div>div>div.expand-img-desktop.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block>a>img,#carousel-generic-174275851>div>div:nth-child(2)>div:nth-child(2)>div>div>div.expand-img-desktop.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block>a>img {
  max-height: 540px;
}

.htmlAsset {
  display: none!important;
}

#container-tutoriales {
  margin-top: 50px;
  margin-bottom: 50px;
}

.banner-ultomiris,.section-tutoriales .row {
  display: flex;
}

.section-tutoriales .row .column-1 .title div h1 {
  font-size: 42px;
  line-height: 48px;
}

.section-tutoriales .row .column-1 .text div .subtexto {
  margin-top: 2rem;
}

.btn-tutoriales-azmed {
  display: flex;
  width: fit-content;
  flex-wrap: wrap;
}

.btn-tutoriales-azmed .btn-registro-pass {
  background-color: #830051;
  border: 2px solid #830051;
  border-radius: 30px;
  margin-right: 10px;
}

.btn-tutoriales-azmed .btn-recuperar-pass i,.btn-tutoriales-azmed .btn-registro-pass i {
  margin-left: 10px;
}

.btn-tutoriales-azmed .btn-recuperar-pass {
  background-color: #f0ab00;
  border: 2px solid #f0ab00;
  border-radius: 30px;
}

.btn-tutoriales-azmed .btn-recuperar-pass:hover {
  color: #f0ab00;
  border: 2px solid #f0ab00;
}

.btn-tutoriales-azmed .btn-registro-pass:hover {
  color: #830051;
  border: 2px solid #830051;
}

.btn-tutoriales-azmed .btn-recuperar-pass::after,.btn-tutoriales-azmed .btn-registro-pass::after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 15px 30px;
  display: block;
  transition: .3s;
}

.btn-tutoriales-azmed .grow_ellipse::after {
  border-radius: 50%;
  left: -50%;
  right: -50%;
  top: -200%;
  bottom: -200%;
  line-height: 8.34em;
  transform: scale(0,0);
}

.btn-tutoriales-azmed .grow_ellipse:hover::after {
  transform: scale(1,1);
}

.section-tutoriales .row .column-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width:1100px) {
  .section-tutoriales .row {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .section-tutoriales .row .column-1 {
    margin-top: 30px;
    align-items: center;
    width: 100%;
  }

  .btn-tutoriales-azmed {
    margin-top: 0;
    justify-content: center;
  }

  .btn-tutoriales-azmed .btn-recuperar-pass,.btn-tutoriales-azmed .btn-registro-pass {
    margin-top: 15px;
    margin-right: 10px;
  }

  .section-tutoriales .row .column-1 .text .rte-node p {
    width: 70%;
    text-align: center!important;
  }

  .section-tutoriales .row .column-1 .text .rte-node {
    display: flex;
    justify-content: center;
  }
}

@media (max-width:767px) {
  .nav-pills:not(.nav-stacked)>li.active>a,.nav-pills:not(.nav-stacked)>li.active>a:focus,.nav-pills:not(.nav-stacked)>li.active>a:hover {
    border-left: none;
  }

  .cardsaz {
    margin-top: -70px;
    padding: 0 30px;
  }

  .section-tutoriales .row {
    justify-content: center;
  }

  .section-tutoriales .row .column-2 {
    width: auto;
  }

  .btn-tutoriales-azmed {
    margin-top: 0;
    flex-wrap: wrap;
  }
}

.container-card-flips {
  margin-top: 100px;
  margin-bottom: 200px;
}

.container-card-flips .cards-container {
  margin-right: 50px;
  margin-left: 50px;
}

.flip-card {
  background-color: transparent;
  min-height: 200px;
  height: 100%;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .5s;
  transform-style: preserve-3d;
}

.flip-card-back,.flip-card-front {
  min-height: 230px;
  height: auto;
  color: #fff;
}

.flip-card-back,.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-back,.flip-card-front {
  position: absolute;
  width: 100%;
  border-radius: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 25px;
  min-height: 300px;
}

.flip-card-back {
  padding: 20px;
}

.flecha-flip-card {
  position: absolute;
  bottom: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.img-size {
  width: fit-content;
}

.title-card-front {
  text-align: left!important;
  margin-top: 15px!important;
}

@media (max-width:1200px) {
  .container-card-flips {
    margin-bottom: 320px;
  }

  .pm {
    text-align: center!important;
  }
}

@media (max-width:991px) {
  #areas-terapeuticas-body>div.page-section-inner>div.text.parbase.section>div>div>div {
    margin-right: 50px;
    margin-left: 50px;
  }

  .container-card-flips {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .flip-card {
    min-height: 250px;
  }
}

.btn-asco,.btn-era {
  transition: .5s ease-in-out;
  margin-top: 20px;
  animation: 2s cubic-bezier(.25,0,0,1) 3s infinite pulse;
  box-shadow: 0 0 0 0 #deeeec;
}

.color-blue {
  color: #3fb4d0;
}

.asco-container h1,.era-container h1 {
  font-size: 45px;
  padding-bottom: 15px;
}

.asco-container,.banner-ultomiris .container {
  max-width: 1000px;
}

@media(min-width:767px) {
  .asco-container h3 {
    width: 50%;
  }
}

.btn-asco {
  background-color: #3fb4d0;
  padding: 5px 15px;
  border: transparent;
}

.btn-asco:hover {
  background-color: #eea08f;
  color: #fff;
}

.btn-era a:hover,.btn-era:hover,.text-bordo {
  color: #830050;
}

.container-asco .asco-container {
  padding-top: 4em;
}

@media(max-width:1200px) {
  .container-asco .asco-container {
    padding-top: 1em;
  }
}

@media(max-width:767px) {
  .banner-asco {
    background-position: center!important;
  }

  .banner-asco h3 {
    padding: 20px 0;
  }

  .banner-asco h1 {
    padding-top: 20px;
  }

  .container-cal {
    padding: 1em;
  }

  .container-asco .asco-container {
    padding-top: 4em;
  }
}

@media (max-width:500px) {
  .container-asco .asco-container {
    padding-top: 4em;
  }

  .banner-ultomiris h1,.container-asco h1 {
    font-size: 30px;
  }

  .container-ultomiris {
    padding-top: 2em;
  }
}

.font-montserrat,.montserrat {
  font-family: Montserrat,sans-serif!important;
}

@media (min-width:1500px) {
  .banner-ultomiris .container {
    padding: 4px 4em 4em 0;
  }
}

.banner-ultomiris .container {
  max-width: 1300px;
  margin: auto;
}

@media(min-width:1200px) {
  .banner-ultomiris .container {
    padding: 4px 4em 4em 2em;
  }

  .banner-ultomiris .container h3 {
    font-size: 25px;
    padding: 1em 0;
    width: 60%;
  }

  .banner-ultomiris .page-section-inner {
    margin-top: -5px;
  }
}

.asco-container h3 {
  text-align: left;
}

.banner-ultomiris h1 {
  margin-top: 0;
}

.container-cal {
  padding: 1em 0;
}

.era-container {
  max-width: 1400px;
}

.btn-era {
  background-color: #f1ac28;
  padding: 5px 15px;
  border-radius: 50px;
  border: transparent;
}

.bg-white,.btn-era:hover {
  background-color: #fff;
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 18px rgba(255,255,255,0);
  }
}

@media(max-width:383px) {
  .container-era h1 {
    font-size: 20px;
  }
}

.fecha-banner {
  width: 100%;
  max-width: 270px;
  padding: 5px;
  text-align: center!important;
}

.logo-eventos {
  text-align: right!important;
}

.logo-eventos img {
  padding: 1em 1em 0 0;
}

.promomats-banner {
  text-align: right;
}

.promomats-banner p {
  padding: 0 1em 1em 0!important;
  font-size: 10px!important;
}

@media(min-width:768px) {
  .w50 {
    width: 50%;
  }
}

.d-none {
  display: none;
}

.img-alcanzar {
  max-width: 600px;
  margin: auto;
}

/*11/02/25*/

#areas-terapeuticas .tab-content {
  min-height: 555px;
}

.btn-container-medios {
  margin-top: 0px;
  text-align: center;
}