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

* {
  font-family: 'Helvetica';
}

.carousel-azeventos .row .column-1,.container-fluid {
  padding-left: 0!important;
  padding-right: 0!important;
}

.boton,.text-center {
  text-align: center;
}

.body-azeventos a,.boton a,.cards-tumores .card a,.custom-btn-group .btn {
  text-decoration: none!important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6 {
  font-family: 'Helvetica Neue',sans-serif!important;
}

h .cmp-text a[target='_blank']::after {
  content: none!important;
}

.cmp-text b,.cmp-text em {
  font-family: Montserrat!important;
}

.footer {
  background-color: #000!important;
  margin-top: 0!important;
}

.cmp-text {
  padding: 0!important;
  margin: 0!important;
}

:root {
  --color-1: #D00D6F;
  --color-2: #812652;
  --color-3: #F0AB00;
  --color-4: #003865;
}

.bold {
  font-weight: 700;
}

.normal {
  font-weight: 400;
}

.text-white {
  color: #fff;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-xl {
  font-size: 4rem;
}

.text-pink {
  color: var(--color-1);
}

.text-purple {
  color: var(--color-2);
}

.text-yellow {
  color: var(--color-3);
}

.text-blue {
  color: var(--color-4);
}

.bg-grey {
  background-color: #f6f6f6;
}

.mt-1 {
  margin-top: 8px;
}

.mt-2 {
  margin-top: 16px;
}

.mt-3 {
  margin-top: 24px;
}

.mt-4 {
  margin-top: 32px;
}

.mt-5 {
  margin-top: 40px;
}

.mb-1 {
  margin-bottom: 8px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 24px;
}

.mb-4 {
  margin-bottom: 32px;
}

.mb-5 {
  margin-bottom: 40px;
}

.pt-1 {
  padding-top: 8px;
}

.pt-2 {
  padding-top: 16px;
}

.pt-3 {
  padding-top: 24px;
}

.pt-4 {
  padding-top: 32px;
}

.pt-5 {
  padding-top: 40px;
}

.pb-1 {
  padding-bottom: 8px;
}

.pb-2 {
  padding-bottom: 16px;
}

.pb-3 {
  padding-bottom: 24px;
}

.pb-4 {
  padding-bottom: 32px;
}

.pb-5 {
  padding-bottom: 40px;
}

.custom-btn-group {
  display: flex;
  justify-content: space-between;
}

.custom-btn-group .btn {
  flex: 1;
  padding: 18px 20px;
  background-color: transparent;
  color: #676767;
  font-family: Helvetica,sans-serif!important;
  font-style: normal;
  border: 1px solid #d00d6f;
  border-radius: 8px;
  font-size: 12px;
}

.custom-btn-group .btn.active {
  background-color: #d00d6f;
  color: #fff;
  border: none;
  box-shadow: none;
}

#onco:hover {
  background-color: #f0ab00;
  border: none;
}

#platafo:hover {
  background-color: #d00d6f;
  border: none;
}

#areas:hover {
  background-color: #830051;
  border: none;
}

#produ:hover {
  background-color: #68d2df;
  border: none;
}

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

.btn a {
  color: inherit;
}

.custom-btn-group .btn:not(:last-child) {
  margin-right: 5px;
}

#seccion-botones {
  margin-bottom: 20px;
}

.cards-tumores .card,.header-home {
  flex-direction: column;
  display: flex;
}

#hero-banner {
  min-height: 500px;
  background-position: bottom;
}

@media (min-width:1025px) and (max-width:1200px) {
  #hero-banner {
    min-height: 360px;
  }
}

@media (min-width:768px) and (max-width:1025px) {
  #hero-banner {
    min-height: 415px;
  }
}

@media (min-width:600px) and (max-width:768px) {
  #hero-banner {
    min-height: 600px;
  }
}

@media (max-width:600px) {
  #hero-banner {
    min-height: 535px;
  }
}

.header-home {
  max-width: 420px;
  padding: 1rem;
}

#section-areas {
  min-height: 593px;
  border-radius: 30px;
}

#areas-terapeuticas {
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}

.header-areas {
  padding: 0 5rem;
}

.header-areas h2 {
  margin-bottom: 3rem;
}

.cards-tumores {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 2rem 5rem;
}

.cards-tumores .card {
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  background: rgba(255,255,255,.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0,0,0,.1);
  backdrop-filter: blur(6.9px);
  -webkit-backdrop-filter: blur(6.9px);
  border: 1px solid rgba(255,255,255,.08);
  padding: 2rem;
}

.cards-tumores .card:hover {
  background: rgba(255,255,255,.4);
}

.cards-tumores .card img {
  width: 58px;
}

.cards-tumores .card a {
  color: #fff;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

#section-video {
  background-color: #812652;
  margin: 0 0 16rem;
  padding: 0;
}

.header-video {
  padding: 3rem 5rem;
}

#section-video .video {
  max-width: 640px;
  margin: auto;
  transform: translateY(140px);
}

.img-video img {
  max-width: 640px;
  width: 100%;
}

#azeventos {
  min-height: 521px;
}

#section-azeventos {
  background: #fff;
  background: -moz-linear-gradient(180deg,#fff 50%,#f5f5f5 50%);
  background: -webkit-linear-gradient(180deg,#fff 50%,#f5f5f5 50%);
  background: linear-gradient(180deg,#fff 50%,#f5f5f5 50%);
}

.header-azeventos {
  padding: 2rem 5rem;
}

#azeventos .text-yellow.h2 {
  margin-top: 0px !important;
}

.header-azeventos img {
  width: 230px;
}

.body-azeventos {
  padding: 0 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body-azeventos h3,.footer h3 {
  text-align: left!important;
}

.body-azeventos a {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  width: fit-content;
  padding: 10px 20px;
}

.carousel-azeventos,.col-herramientas {
  margin-top: 2rem;
}

.carousel-azeventos .row {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.carousel-azeventos .row img {
  height: 210px;
  width: auto;
}

.carousel-azeventos .row .column-1 {
  margin-left: 50px;
}

.carousel-azeventos .row .column-2,.carousel-azeventos .row .column-3,.carousel-azeventos .row .column-4,.carousel-azeventos .row .column-5 {
  padding-left: 0!important;
  padding-right: 0!important;
  margin-left: -30px;
}

#herramientas {
  padding-top: 70px!important;
  padding-bottom: 100px!important;
  background-color: #f5f5f5!important;
}

@media (max-width:700px) {
  #herramientas {
    padding-top: 0!important;
  }

  .text-purple {
    padding: 3rem 5rem;
    margin: 0;
  }

  .header-azeventos {
    padding: 2rem 5rem;
  }

  .body-azeventos {
    padding: 0 4rem;
  }

  .btn-ir-azeventos {
    margin-bottom: 28px;
  }
}

@media (max-width:992px) {
  #azeventos .carousel,#seccion-botones {
    display: none;
  }

  .custom-btn-group {
    flex-direction: column;
    gap: 10px;
  }

  #section-areas {
    background-repeat: no-repeat;
    height: 100%;
    border-radius: 70px;
  }

  .text-xl {
    font-size: 3rem;
    line-height: 1.3;
  }

  .body-azeventos {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
  }

  #azeventos {
    min-height: 390px;
    border-radius: 40px;
  }

  #herramientas .col-herramientas img {
    width: 70%!important;
    margin-top: 2rem;
  }
}

.carousel-control,.html-asset-inner {
  display: none!important;
}

#logo,.custom-btn-group,.material {
  display: flex;
}

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

@keyframes show1 {
  from {
    opacity: 80;
    scale: 50%;
  }

  to {
    opacity: 1;
    scale: 100%;
  }
}

.animacion {
  view-timeline-name: --image;
  view-timeline-axis: block;
  animation-timeline: --image;
  animation-name: show1;
  animation-range: entry 25% cover 30%;
  animation-fill-mode: both;
}

.boton {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px;
  margin: 30px 0;
  color: white;
  width: 100%;
  text-decoration: none !important;
  cursor: pointer;
}

.boton a {
  color: #fff !important;
  text-decoration: none !important;
}

.boton a:hover {
  color: #fff !important;
}

#section-diagnostico {
  min-height: 420px;
}

@keyframes crecerYAchicar {
  0%,100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }
}

.anim {
  animation: 3s ease-in-out infinite alternate crecerYAchicar;
}

.material {
  padding-bottom: 15px;
}

#logo {
  justify-content: flex-end;
  align-items: center;
}

@media (max-width:500px) {
  #section-areas {
    border-radius: 45px;
  }

  #refes,#section-diagnostico {
    padding: 20px;
  }

  #texto {
    order: 2;
    text-align: center;
  }

  .material {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
  }

  #logo {
    order: 1;
    justify-content: center;
  }
}

#pm {
  background-color: #e6e6e6;
  padding: 5px 0 0!important;
}

.video-parent {
  margin-top: -100px!important;
}

#tabs-circular {
  min-height: 49rem!important;
  display: flex!important;
  justify-content: center!important;
  overflow: hidden !important;
}

/*footer onco*/

.bg-footer {
  background-color: #EBEBEB;
}

.footer-def {
  padding: 45px 0 !important;
  position: relative;
}

.footer-def p {
  font-size: 14px !important;
  color: black;
}

.footer-def b, .footer-def strong {
  font-family: inherit !important;
}

.centrado {
  display: flex;
  justify-content: center;
  align-items: center;
}

.open-sans-regular {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
}

.open-sans-medium {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
}

.open-sans-bold {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
      /* Open Sans Bold */
  ;
}

@font-face {
  font-family: 'Open Sans Condensed';
      src: url('/content/dam/multibrand/ar/es/koselugo/fuentes/OpenSans_Condensed-Regular.ttf') format('truetype');
      font-weight: 400;
      /* Regular */
      font-style: normal;
}

@font-face {
  font-family: 'Open Sans Condensed';
      src: url('/content/dam/multibrand/ar/es/koselugo/fuentes/OpenSans_Condensed-Medium.ttf') format('truetype');
      font-weight: 500;
      /* Medium */
      font-style: normal;
}

@font-face {
  font-family: 'Open Sans Condensed';
      src: url('/content/dam/multibrand/ar/es/koselugo/fuentes/OpenSans_Condensed-Bold.ttf') format('truetype');
      font-weight: 700;
      /* Bold */
      font-style: normal;
}

.qr-footer-koselugo {
  display: flex;
  gap: 10px;
  align-items: center;
}

.footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.footer-links a {
  transition: all 400ms;
  text-align: center;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
}

.footer-links a:hover {
  color: var(--color-rosaoscuro) !important;
}

.text-footer p {
  margin-bottom: 8px;
}

.flex-column {
  flex-direction: column;
}

.g-10 {
  gap: 10px;
}

.mt-30 {
  margin-top: 30px;
}

.text-center {
  text-align: center;
}

.m-0 {
  margin: 0px;
}
    
    
    /*mobile footer*/
@media screen and (max-width: 768px) {
  .qr-footer-koselugo {
    flex-direction: column;
  }

  .footer-links {
    flex-direction: column;
    gap: 25px;
  }

  .text-footer p {
    margin-bottom: 4px;
  }
}
    
    /*tablet footer*/
    
@media screen and (min-width: 768px) {
  .qr-footer-koselugo {
    flex-direction: row;
  }

  .footer-links {
    flex-direction: row;
  }
}
    
    /*pc footer*/
    
@media (max-width:768px) {
  .ocultar-en-mobile {
    display: none !important;
  }
}
    
    /*--fin footer onco--*/
    
.d-none {
  display: none;
}

@media (min-width:1200px) {
  #hero-banner {
    height: 300px;
  }
}

.carousel-new-onco .carousel-content-block {
  display: none;
}

@media(min-width:769px) {
  .carousel-new-onco .component-section {
    min-height: calc(100vw/3);
  }

  #her2-expand a {
    width: 100%;
    height: calc(100vw/3);
    position: absolute;
    top: 0px;
    color: transparent;
  }

  #section-diagnostico {
    min-height: calc(100vw / 3)!important;
  }
}

@media(max-width:768px) {
  .carousel-new-onco .component-section {
    min-height: 100vw;
/*height:100vw;
max-height: 100vw;*/
    overflow: hidden;
  }

  #her2-expand a {
    width: 100%;
    height: 100vw;
    position: absolute;
    top: 0px;
    color: transparent;
  }

  #section-diagnostico {
/*min-height: 100vw;
height:100vw;
max-height: 100vw;
overflow:hidden;*/
  }

  #section-diagnostico h2 {
    font-size: 22px!important;
  }
}

.banner-masalla-home-onco {
  display: flex;
  justify-content: center;
}


.banner-masalla-home-onco img {
  width: 100%;
  height: auto;
  max-width: 600px;
}