body {
  background: #f8f9fa;
  margin-top:  0 !important;
  padding: 0 !important;
      margin-top: 0 !important;
    padding: 0 !important;
     font-family: 'Mosvita', sans-serif !important;
}

/* ============================= */
/* 🧭 MENÚ OVERLAY ANIMADO       */
/* ============================= */

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background: url(img/fondo-menu.webp) no-repeat bottom center;
  z-index: 999999999;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0.95);
}

.component-section {
    padding: 0 !important;
    position: relative;
        margin-top: -5%;
}

.navbar-default {
    background: #ffffff;
    display: none !important;
}

.h1, h1 {
        font-size: 3.5rem;}

#tex1 {
  display: inline-block;
  width: 60% !important;
}

.erc-prueba  {
  margin-top: 0 !important;
}

.html-erc {
          max-width: 100% !important;
}


 .page-section-inner {
    position: relative;
    z-index: 2;
    max-width: 100% !important;
}



  .fixed-top-margin {
    margin-top: 70px !important;
  }




  .az-titulo {
    display: inline-block;
    position: relative;
    color: #E34266;
    font-weight: 700;
    font-size: 1.14rem;
    margin-bottom: 12px;
    padding: 0 25px 0 60px;
  }
  /* Flecha después del primer y del segundo título SOLAMENTE */
  .col-lg-4:nth-child(1) .az-titulo::after,
  .col-lg-4:nth-child(2) .az-titulo::after {
content: "→";
    color: #E34266;
    font-size: 6.4rem;
    font-weight: bold;
    position: absolute;
    right: -109px;
    top: -45px;
  
}

.menu-principal-custom {

  padding: 32px 0 24px 0;
      margin-top: 10%;
}

.menu-wrap-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
    font-family: 'Mosvita', sans-serif !important;
}

.erc-img-left {

  object-fit: cover;
  height: 100%;

}


.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    font-weight: 900;
    color: #f03500;}

.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f03500 !important;
}

.erc-cover-left,
.erc-cover-right {
  height: 80vh;
  max-height: 800px; /* Limita el exceso en iPad Pro */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  text-align: left;
      padding: 5%;
}

.btn-card {
  align-self: flex-end;
  margin-top: auto;
}



.erc-cover-right {
  position: relative;
height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Fondo imagen de la derecha */
  background: url('img/Recurso 38.png');
  background-repeat: round;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
}

.erc-cover-inner {
  width: 74%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.erc-cover-logo {
  max-width: 110px;
}

.erc-cover-title {
  font-weight: 900;
  font-size: 2.5rem;
  color: #F03500;
  margin-top: 12%;
  line-height: 1.1;
  margin-bottom: 14px;
  
}

.erc-cover-desc {
  color: #4B4B4B;
  font-size: 1.18rem;
  margin-top: 0;
  margin-bottom: 23px;
      margin-bottom: 0px !important;
  
}

.erc-cover-btn {
  background: linear-gradient(90deg, #FBBB41 0%, #FD7523 100%);
  color: #fff;
  border-radius: 28px;
  font-weight: 600;
  font-size: 1.07rem;
  padding: 12px 32px;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 14px #fd752333;
  transition: background 0.16s;
}

.erc-cover-btn:hover {
  background: linear-gradient(90deg,#fdc368,#fd7523);
  color: #fff;
  text-decoration: none;
}

.erc-btn-icon svg {
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}

/* Responsive */
@media (max-width: 991px) {
  .erc-img-left {
    min-height: 180px;
    max-height: none;
  }
  .erc-cover-right {
    min-height: 180px;
    background-position: center 20px;
  }

  .erc-cover-inner {
    margin: 16px auto 16px auto;
    max-width: 99vw;
    padding: 18px 10px 18px 10px;
    border-radius: 18px;
  }

  .erc-cover-btn { font-size: 1rem; padding:10px 16px;}
}

.owl-carousel .item {
  padding: 0 5px;
}

.owl-dots {
  margin-top: 1em;
  text-align: center;
}

.owl-dot span {
  width: 12px;
  height: 12px;
  background: #eeb33e;
  display: inline-block;
  border-radius: 50%;
  margin: 5px;
  opacity: 0.5;
  transition: opacity 0.3s;
}

.owl-dot.active span {
  opacity: 1;
}


.btn-menu-top-custom {
  color: #404040;
  font-weight: 500;
  font-size: 1.33rem;
  background: #fff;
  border: none;
  border-radius: 32px;
  padding: 5px 36px;
  cursor: pointer;
  outline: none;
  transition: background .18s, color .18s, box-shadow .18s;
  position: relative;
  z-index: 1;
  
  /* Borde degradado con outline "truco" */
  border: 2px solid transparent; /* Para la propiedad border-box */
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(90deg, #fcb415 0%, #fd7523 68%, #e62429 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: none;
}

.erc-cover-left {
  width: 111%;
}

/* Opcional: hover, sombra al pasar */
.btn-menu-top-custom:hover,
.btn-menu-top-custom:focus {
  background-image:
    linear-gradient(#fff8ef, #fff8ef),
    linear-gradient(90deg, #fcb415 0%, #fd7523 68%, #e62429 100%);
  color: #F03500;
  box-shadow: 0 2px 12px 0 rgba(253,117,35,0.08);
}
    .btn-menu-top {
      border: 1.5px solid #ef863e;
      color: #ef863e;
      background: #fff;
      font-weight: 600;
      border-radius: 20px;
      padding: 7px 28px;
      font-size: 1.13rem;
      margin: 0 8px;
      transition: background .2s,color .2s;
    }
    .btn-menu-top:hover {
      background: #ffeedc;
      color: #F03500;
    }
    .logo-main {
      max-width: 340px;
      margin: 24px auto 0 auto;
      display: block;
    }
    .banner-principal {
      margin-top: 20px;
      margin-bottom: 30px;
      gap: 2.5rem;
    }
    .banner-principal .card-banner {
      background: linear-gradient(143deg, #fa7813 0%, #ffdfa7 92%);
      border-radius: 32px;
      color: #fff;
      padding: 34px 38px 38px 38px;
      box-shadow: 0 7px 32px 0 rgba(0,0,0,.03);
      min-width: 300px;
      max-width: 420px;
       font-family: 'Mosvita', sans-serif !important;
    }
    .btn-test {
      background: #fc6e23;
      color: #fff;
      border: none;
      padding: 11px 36px;
      border-radius: 18px;
      font-size: 1.07rem;
      margin-top: 11px;
      font-weight: 600;
      box-shadow: 0 2px 17px 0 rgba(252,110,35,.12);
      transition: background .2s;
       font-family: 'Mosvita', sans-serif !important;
    }
    .btn-test:hover {
      background: #e04d12;
      color: #fff;
    }
    .gradient-bg {
      background: linear-gradient(90deg, #fa7813 20%, #fffdfa 100%);
      padding: 36px 0 36px 0;
      margin-bottom: 28px;
      border-radius: 30px;
    }
    .text-gradient-orange {
      color: #F03500;
      font-weight: bold;
      font-size: 2.4em;
font-family: 'coolvetica', sans-serif; line-height: 1.1;   }

    .btn-link-orange {
      color: #F03500;
      font-weight: 700;
    
      background: none;
      border: none;
      margin-left: 10px;
       font-family: 'Mosvita', sans-serif !important;
      text-align: left;
    }
    .test-btn {
      background: #fff;
      color: #F03500;
      border: solid 1.8px #F03500;
      border-radius: 24px;
      padding: 8px 32px;
       font-family: 'Mosvita', sans-serif !important;
      font-size: 1.07rem;
      font-weight: 600;
      transition: background .2s, color .2s;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }


.toggle-btn {

   background-color: #f03500 !important;
    border: none;
    color: #fff;
    font-weight: 900;
    font-size: 20pt;
    border-radius: 60% !important;
    height: 2em !important;
    width: 2em !important;
    z-index: 999999;
    float: inline-end;
    margin-top: -19%;
    position: relative;
    cursor: pointer;

}


.extra-content {
    text-align: left;
    margin-top: -9% !important;
    z-index: 999;
    width: 100%;
    position: relative;
    border-radius: 25px !important;
}

.toggle-btn:hover {
  
    background-color: #f03500;
   opacity: 0.8;
   transition: 0.4s;}


.owl-theme .owl-nav {
  display: none !important; 
}

.toggle-btn .arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.toggle-btn.rotated .arrow {
  transform: rotate(180deg);
}

    .test-btn:hover {
      background: #fff4ea;
      color: #ff6600;
    }
    .three-steps-title {
      color: #F03500;
      font-size: 1.45rem;
      font-weight: bold;
         margin-bottom: 2% !important;
          margin-top: 6% !important;  
      display: flex;
      align-items: center;
      font-family: 'coolvetica', sans-serif; 
      gap: 16px;
    }
    .steps-bar {
      margin-bottom: 28px;
    }
    .steps-bar .step-btn {
      background: linear-gradient(90deg, #fd560f  0%, #ffb138 100%);
      color: #fff;
      font-weight: 700;
      font-size: 1.4rem;
      border: none;
      flex: 1 1 0;
      margin: 0 8px;
      padding: 9px 0;
      border-radius: 0 0 20px 20px;
      font-family: 'Mosvita', sans-serif !important;
      transition: background .2s;
      line-height: 1.1;
    }
    .steps-bar .step-btn.inactive {
      background: #fff;
      color: #fa7813;
      border: 1.5px solid #ff8017;
      font-weight: 600;
    }
    .steps-bar .step-btn:last-child {
      margin-right: 0;
    }
    .cards-steps img {
      border-radius: 11px 11px 0 0;
    }
    .cards-steps .card-title {
      color: #f67f16;
      font-weight: bold;
      font-size: 1rem;
      margin-top: 8px;
      margin-bottom: 0;
    }
    .section-cards .card {
      min-height: 380px;
      border-radius: 24px;
      box-shadow: 0 2px 17px 0 rgba(252,110,35,.08);
      margin-bottom: 32px;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 0 0 10px 0;
      border: none;
    }
    .section-cards .card img {
      border-radius: 14px 14px 0 0;
      width: 100%;
      max-height: 148px;
      object-fit: cover;
    }
    .section-cards .btn-card {
      background: linear-gradient(90deg, #fd560f  0%, #ffb138 100%);
      font-family: 'Mosvita', sans-serif !important;
      color: #fff;
      border-radius: 18px;
      font-size: 12pt;
      border: none;
      padding: 7px 18px;
      margin-top: 12px;
      font-weight: 600;
      transition: background .2s;
    }
    .section-cards .btn-card:hover {
     opacity: 0.5;
     transition: 0.4s;
    }
    /* Footer */
    .footer-orange {
      background: linear-gradient(90deg, #fd560f  0%, #ffb138 100%);
      color: #fff;
      padding-top: 28px;
      margin-top: 40px;
      border-radius: 0 50px 0 0;
    }
    .footer-orange .footer-title {
      font-size: 2rem;
      color: #fff;
      font-weight: bold;
      margin-bottom: .5rem;
    }
    .footer-orange a, .footer-orange .small, .footer-orange .footer-links {
      color: #fff;
    }
    .footer-orange .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: .97rem;
    }
    .footer-orange .footer-links li {
      margin: 0 0 7px 0;
    }
    .footer-logos img {
      margin-right: 18px;
    }
    .footer-bottombar {
      background: #e44e17;
      color: #fff;
      font-size: .97rem;
      padding: 13px 0 8px 0;
    }
    .footer-orange .policy-btn {
      background: #fff;
      color: #F03500;
      border: none;
      padding: 7px 22px;
      border-radius: 16px;
      font-weight: bold;
      font-size: 1.06rem;
      margin-top: 13px;
    }
    .footer-orange .policy-btn:hover {
      background: #F03500;
      color: #fff;
    }





a:hover {

  opacity: 0.7;
  transition: 0.3s;
}
 


.bg-inicio  {
      padding-top: 14% !important;
        background: url(img/fondo-inicio.webp);
            background-size: contain;

}

.bg-diabetes  {
     
        background: url(img/fondo-diabetes.webp);
            background-size: cover;

}


.bg-cardiaca  {
     
       background: url(img/fondo-cardiaca.webp);
    background-size: 100%;
    padding: 6% ! IMPORTANT;
    background-position-y: 25% !important;
    background-position: center;

}

.bg-renal  {
     
    background-size: 100%;
    background-position-y: 26% !important;
    background-position: right;

}


.bg-white {
     
    background-size: cover;
    margin-top: -5%;
    background-color: #f0f8ff00 !important;
    padding-top: 9% !important;
    padding-bottom: 6% !important;

}

#col-ban{
  padding: 4% !important;
}

/* 1️⃣ Carga de la fuente Mosvita localmente */
@font-face {
  font-family: 'Mosvita';
  src: url('Mosvita-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}






/* ============================= */
/* 📲 TABLET (768px a 1200px)      */
/* ============================= */


@media (min-width: 768px) and (max-width: 1200px) {


  .erc-cover-left,
.erc-cover-right {
  height: 48vh;
  max-height: 800px; /* Limita el exceso en iPad Pro */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

    .erc-cover-title {
    font-size: 2.12rem;
  }

.erc-cover-right {
  position: relative;
  height: 100vh; /* o puedes dejar height: auto si prefieres */
  max-height: 41em; /* ✅ evita que en iPad Pro se dispare la altura */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(img/Recurso\ 38.png);
background-size: cover;
        background-position: initial;
        overflow: hidden;
        background-repeat: round;
        padding: 0;
}

  .erc-cover-left {
  width: 100%;
}

  .cont-rosa {
max-width: 100%;
padding: 0 !important;
  }

    .menu-link {
    font-size: 1.3rem;
  }

  .menu-content h2 {
    font-size: 1.6rem;
  }


  .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  background: url(img/fondo-menu.webp) no-repeat bottom center;
  z-index: 999999999;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0.95);
}


      .container, .container-md, .container-sm {
        max-width: 770px !important;
        padding-right: 0 !important;
    padding-left: 0 !important;}

.btn-footer {
    font-size: 0.5rem !important;
    padding: 8px 14px;
}

.gap-4 {
    gap: 0.5rem !important;
    align-items: center;
}

  .responsive-slide {
    min-height: 110vh !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
  }

  .slider-item img {
    max-height: 70vh;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

#tex1 {
  display: block;
  width: 100% !important ;
}

  .row.text-center {
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: center !important;
  }
  .col-lg-4.mb-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .az-titulo {
    display: inline-block;
    position: relative;
    color: #E34266;
    font-weight: 700;
    font-size: 1.14rem;
    margin-bottom: 12px;
    padding-right: 36px; /* espacio para la flecha */
    text-align: center;
    width: 100%;
  }
  /* Flecha después del primer y del segundo título SOLAMENTE */
  .col-lg-4:nth-child(1) .az-titulo::after,
  .col-lg-4:nth-child(2) .az-titulo::after {
    content: "→";
    color: #E34266;
    font-size: 1.4rem;
    font-weight: bold;
    position: absolute;
    right: -32px; /* ajusta para centrar si es necesario */
    top: 0;
    transform: translateY(0);
    display: block;
  }



  .bg-inicio  {
      padding-top: 4% !important;
        background: url(img/fondo-inicio-mob.webp);
            background-size: cover;

}

.bg-diabetes  {
     
        background: url(img/fondo-diabetes-mob.webp);
             background-size: cover;
padding-top: 18% !important;
}


.bg-cardiaca  {
     
       background: url(img/fondo-cardiaca-mob.webp);
     background-size: cover;
    padding: 6% ! IMPORTANT;
    background-position-y: 25% !important;
    background-position: center;

}

.bg-renal  {
     
            background: url(img/fondo-cardiaca-mob.webp);
    background-size: cover;
    background-position-y: 26% !important;
    background-position: right;

}


.bg-white {
     
 background: url(img/fondo-blanco-mob.webp);
    background-size: cover;
    margin-top: -5%;
    background-color: #f0f8ff00 !important;
    padding-top: 30% !important;
    padding-bottom: 6% !important;

}


.slider-full-section {
  padding: 0;
  margin: 0;
}

.slider-wrapper {
  position: relative;
  width: 100%;
}

.slider-track {
  display: flex;
  scroll-behavior: smooth;
  cursor: grab;
  height: auto !important;
}

.slider-track.grabbing {
  cursor: grabbing;
}

.slider-item {
  flex: 0 0 100%;
  max-width: 100%;
  scroll-snap-align: start;
}

/* Flechas dentro del slider */
.slider-arrows-inside {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  z-index: 999999;
}

.slider-arrow.arrow-rounded {
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  background-color: white;
  color: #212529;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.2s;
}

.gap-4 {
    gap: 1.5rem ;
    align-items: center;
}

.slider-arrow.arrow-rounded:hover {
  background-color: #eaeaea;
}

/* ============================= */
/* ⬇️ FOOTER CON CURVA Y BOTONES */
/* ============================= */

 .footer-rosa {
    position: fixed !important;
    background: url(img/footer-fondo.png) no-repeat bottom center !important;
    background-size: cover !important;
    padding: 10% 0 3% 0 !important;
    margin-bottom: 0 !important;
  }

.btn-footer {
  background-color: #007b9e;
  color: white;
  border-radius: 8px;
  padding: 10px 18px;
  font-weight: bold;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
      font-size: 13pt;
    text-decoration: underline;
}

.btn-footer:hover {
  background-color: #005f77;
}


.menu-list-horizontal {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.menu-btn-full {
  background-color: white;
  color: #d13057;
  font-size: 1.2rem;
  font-family: 'coolvetica', sans-serif;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 30px;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  width: 99%;
}

.menu-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submenu-fixed {
  list-style: none;
  margin: 12px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.submenu-item {
  border: solid 1pt #fff;
  color: #fff;
  font-size: 1rem;
  font-family: 'coolvetica', sans-serif;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 23px;
  margin-top: -2%;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: block;
}

.icon-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: white;
  color: #d13057;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.2rem;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: background-color 0.3s, color 0.3s;
}

.icon-circle:hover {
  background-color: #f3f3f3;
  color: #c0284c;
}

/* Opcional: si quieres darles un color especial */
.icon-circle.facebook i {
  font-size: 1.2rem;
}

.icon-circle.youtube i {
  font-size: 1.3rem;
} 
.menu-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submenu-fixed {
  list-style: none;
  margin: 22px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8% !important;
}

.submenu-item {
  border: solid 1pt #fff;
  color: #fff;
  font-size: 1rem;
  font-family: 'coolvetica', sans-serif;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 22px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: block;
  margin-top: -12%;
}


.footer .btn.btn-default {
    color: #ffffff;
    line-height: inherit;
    display: block;
    white-space: normal;
    border: 1px solid #9db0ac;
    border-radius: 2px;
}

.menu-content {
width: 90%;
  }
/* 2️⃣ H1–H3 utilizan Coolvetica desde Adobe Fonts */
h1, h2, h3, a, ul,button .btn-footer, div {
  font-family: 'coolvetica', sans-serif;
}

h1 {
  font-size: 2em !important;
}

/* 3️⃣ H4–H6 y párrafos utilizan Mosvita local */
h4, h5, h6, p, small {
  font-family: 'Mosvita', sans-serif;
}

.menu-overlay.active {
  display: flex;
  opacity: 1;
  transform: scale(1);
}

.close-menu {
  z-index: 10001;
}


.slide-bg-1 {
  background-image: url('img/Fondo1.webp');
}
.slide-bg-2 {
  background-image: url('img/Fondo2.webp');
}
.slide-bg-3 {
  background-image: url('img/Fondo3.webp');
}
.slide-bg-4 {
  background-image: url('img/Fondo4.webp');
}
.slide-bg-5 {
  background-image: url('img/Fondo5.webp');
}





}









.menu-list-horizontal {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.menu-btn-full {
  background-color: white;
  color: #d13057;
  font-size: 1.2rem;
  font-family: 'coolvetica', sans-serif;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 30px;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  width: 99%;
}

.menu-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submenu-fixed {
  list-style: none;
  margin: 12px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.submenu-item {
  border: solid 1pt #fff;
  color: #fff;
  font-size: 1rem;
  font-family: 'coolvetica', sans-serif;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 23px;
  margin-top: -2%;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: block;
}

.icon-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: white;
  color: #d13057;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.2rem;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: background-color 0.3s, color 0.3s;
}

.icon-circle:hover {
  background-color: #f3f3f3;
  color: #c0284c;
}

/* Opcional: si quieres darles un color especial */
.icon-circle.facebook i {
  font-size: 1.2rem;
}

.icon-circle.youtube i {
  font-size: 1.3rem;
} 
.menu-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submenu-fixed {
  list-style: none;
  margin: 22px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8% !important;
}

.submenu-item {
  border: solid 1pt #fff;
  color: #fff;
  font-size: 1rem;
  font-family: 'coolvetica', sans-serif;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 22px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: block;
  margin-top: -12%;
}


.menu-content {
width: 90%;
  }
/* 2️⃣ H1–H3 utilizan Coolvetica desde Adobe Fonts */
h1, h2, h3, a, ul, .btn-footer {
  font-family: 'coolvetica', sans-serif;
}

/* 3️⃣ H4–H6 y párrafos utilizan Mosvita local */
h4, h5, h6, p {
  font-family: 'Mosvita', sans-serif;
}

.menu-overlay.active {
  display: flex;
  opacity: 1;
  transform: scale(1);
}

.close-menu {
  z-index: 10001;
}


.slide-bg-1 {
  background-image: url('img/Fondo1.webp');
}
.slide-bg-2 {
  background-image: url('img/Fondo2.webp');
}
.slide-bg-3 {
  background-image: url('img/Fondo3.webp');
}
.slide-bg-4 {
  background-image: url('img/Fondo4.webp');
}
.slide-bg-5 {
  background-image: url('img/Fondo5.webp');
}

/* 🧩 Común para todos los slides con fondo */
.responsive-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.hide-hamburger {
  display: none !important;
}

.menu-content ul li {
  margin: 15px 0;
}

.menu-link {
  font-size: 1.5rem;
  text-decoration: none;
  color: #212529;
  font-weight: bold;
  transition: color 0.3s ease;
}

.menu-link:hover {
  color: #0d6efd;
}

.social-icons a {
  color: #212529;
  text-decoration: none;
  font-weight: 500;
}

.social-icons a:hover {
  text-decoration: underline;
}

/* ============================= */
/* 🎞️ SLIDER SIN MÁRGENES       */
/* ============================= */

.slider-full-section {
  padding: 0;
  margin: 0;
}

.slider-wrapper {
  position: relative;
  width: 100%;
}

.slider-track {
  display: flex;
  scroll-behavior: smooth;
  cursor: grab;
      height: 84vh;
}

.slider-track.grabbing {
  cursor: grabbing;
}

.slider-item {
  flex: 0 0 100%;
  max-width: 100%;
  scroll-snap-align: start;
}

/* Flechas dentro del slider */
.slider-arrows-inside {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  z-index: 999999;
}

.slider-arrow.arrow-rounded {
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  background-color: white;
  color: #212529;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.2s;
}

.card-text {
text-align: left !important;
font-size: 10pt !important;
}


.gap-4 {
    gap: 1.5rem ;
    align-items: center;
}

.slider-arrow.arrow-rounded:hover {
  background-color: #eaeaea;
}

/* ============================= */
/* ⬇️ FOOTER CON CURVA Y BOTONES */
/* ============================= */

.footer-rosa {
position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(img/footer-fondo.png) no-repeat bottom center;
    background-size: cover;
    z-index: 1000;
    padding: 9% 0 2% 0 !important;
    margin-bottom: 0%;
}
.btn-footer {
  background-color: #007b9e;
  color: white;
  border-radius: 8px;
  padding: 10px 18px;
  font-weight: bold;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
      font-size: 13pt;
    text-decoration: underline;
}

.btn-footer:hover {
  background-color: #005f77;
}

/* ============================= */
/* 📱 CELULAR (menor a 576px)     */
/* ============================= */
@media (max-width: 575.98px) {

  .erc-cover-left,
.erc-cover-right {
  height: 40vh;
  max-height: 800px; /* Limita el exceso en iPad Pro */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

    .erc-cover-title {
    font-size: 1.5rem;
    margin-top: 20%;
  }

  .erc-cover-right {
  position: relative;
height: 20em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Fondo imagen de la derecha */
  background: url('img/Recurso 38.png');
  background-repeat: round;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
}

  .erc-cover-left {
  width: 100%;
}


  .menu-wrap-custom {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 0 8px;
  }
  .btn-menu-top-custom {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    font-size: 2rem;
    border-radius: 30px;
    padding: 13px 0;
    display: block;
  }
.slider-track {
  display: flex;
  scroll-behavior: smooth;
  cursor: grab;
          height: 95vh;

}



#tex1 {
  display: none;
}

.bg-inicio  {
      padding-top: 116% !important;
        background: url(img/fondo-inicio-mob.webp);
            background-size: contain;
background-position-y: 10%;
}

.bg-diabetes  {
     
        background: url(img/fondo-diabetes-mob.webp);
            background-size: cover;
                    padding-top: 20% !important;

}


.bg-cardiaca  {
     
       background: url(img/fondo-cardiaca-mob.webp);
    background-size: 100%;
    padding: 6% ! IMPORTANT;
    background-position-y: 25% !important;
    background-position: center;

}

.bg-renal  {
     
            background: url(img/fondo-cardiaca-mob.webp);
        background-size: 120%;
        background-position-y: 76% !important;
        background-position: bottom;
        padding-top: 20% !important;

}


.bg-white {
     
background: url(img/fondo-blanco-mob.webp);
        background-size: cover;
        margin-top: -11%;
        background-color: #f0f8ff00 !important;
        padding-top: 29% !important;
        padding-bottom: 12% !important;

}

#col-ban{
  padding: 4% !important;
}


  .az-titulo {
    display: inline-block;
    position: relative;
    color: #E34266;
    font-weight: 700;
    font-size: 1.14rem;
    margin-bottom: 12px;
    padding: 0 25px 0 0;
  }
  /* Flecha después del primer y del segundo título SOLAMENTE */
  .col-lg-4:nth-child(1) .az-titulo::after,
  .col-lg-4:nth-child(2) .az-titulo::after {
    content: "→";
    color: #E34266;
    font-size: 1.4rem;
    font-weight: bold;
    position: absolute;
    right: -35px;
    top: 0; 
  
}


 .az-titulo::after {
    content: none !important;
  }

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/fondo-menu.webp) no-repeat bottom center;
    z-index: 999999999;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0.95);
            overflow: scroll;
}




  .slider-arrows-inside {
    position: absolute;
    bottom: 54px;
    left: 50%;
    transform: translateX(-50%);
    display: flex
;
    gap: 20px;
    z-index: 999999;
}

  .footer-rosa {
             position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url(img/footer-fondo-mob.png);
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: 1000;
        background-position: left;
        top: 83%;
        height: 30em;
        padding-top: 29% !important;
}


.slide-bg-1 {
    background-image: url('img/Fondo1-mob.webp');padding-bottom: 35% !important;
  }

  .slide-bg-2 {
    background-image: url('img/Fondo2-mob.webp');padding-bottom: 35% !important;
  }

  .slide-bg-3 {
    background-image: url('img/Fondo3-mob.webp');padding-bottom: 35% !important;
  }

  .slide-bg-4 {
    background-image: url('img/Fondo4-mob.webp');padding-bottom: 35% !important;
  }

  .slide-bg-5 {
    background-image: url('img/Fondo5-mob.webp');padding-bottom: 35% !important;
  }
}


  .slider-item {
    padding: 0;
  }

  .arrow-rounded {
    font-size: 1.2rem;
    width: 42px;
    height: 42px;
  }

  .menu-link {
    font-size: 1.1rem;
  }

  .menu-content h2 {
    font-size: 1.3rem;
  }

  .social-icons a {
    display: block;
    margin: 8px 0;
  }

  .menu-content button {
    font-size: 1rem;
  }

  .btn-footer {
    font-size: 1.3rem;
    padding: 8px 14px;
  }
}



/* === Estilos Test Renal Integrados === */

    @import url("https://use.typekit.net/wvx0isq.css");

    

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

    p b,
    p strong {
      
    }

    /* VARIABLES GLOBALES */

    :root {
      --navy: #002E66;
      --navy2: #0B2C50;
      --lila: #6D49F2;
      --lilaDark: #6D49F2;
      --cyan: #12C6C1;
      --cyanDark: #3FA3A7;
      --naranja: #FF8700;
      --naranjaDark: #DE9104;
      --renal: #FF4B00;
      --renal2: #F3901D;
      --renalDark: #D96501;
      --renalDark2: #F95E4B;
      --verde: #28DD39;
      --verdeDark: #4C9109;
      --rojo: #FF2742;
      --rojoDark: #C91A37;
      --coral: #FFEBD5;
      --celeste: #20BCB9;
      --celeste2: #12C6C1;
      --lightblue: #3FA3A7;
      --white: #fff;
      --gray: #4E4E4E;
      --black: #333333;
      --text-xxs: 0.6rem;
      --text-xs: 0.8rem;
      --text-s: 0.9rem;
      --text-r: 1.1rem;
      --text-m: 1.2rem;
      --text-ml: 1.4rem;
      --text-l: 1.6rem;
      --text-xl: 2rem;
      --text-xxl: 2.4rem;
      --text-xxxl: 3rem;
      --text-xxxxl: 3.6rem;
  
    }

    .bg-lightblue {
      background-color: var(--lightblue);
    }

    .bg-white {
      background-color: var(--white);
    }

    .bg-celeste {
      background-color: var(--celeste);
    }

    .bg-celeste2 {
      background-color: var(--celeste2);
    }

    .bg-navy {
      background-color: var(--navy);
    }

    .bg-lila {
      background-color: var(--lila);
    }

    .bg-liladark {
      background-color: var(--lilaDark);
    }

    .bg-cyan {
      background-color: var(--cyan);
    }

    .bg-naranja {
      background-color: var(--naranja);
    }

    .bg-renal {
      background-color: var(--renal);
    }

    .bg-renalDark {
      background-color: var(--renalDark);
    }

    .bg-renalDark2 {
      background-color: var(--renalDark2);
    }

    .bg-coral {
      background-color: var(--coral);
    }

    .bg-rojo {
      background-color: var(--rojo);
    }

    .bg-verde {
      background-color: var(--verde);
    }

    .bg-cyanDark {
      background-color: var(--cyanDark);
    }

    .bg-rojoDark {
      background-color: var(--rojoDark);
    }

    .bg-verdeDark {
      background-color: var(--verdeDark);
    }

    .text-white {
      color: var(--white);
    }

    .text-lightblue {
      color: var(--lightblue);
    }

    .text-celeste2 {
      color: var(--celeste2);
    }

    .text-celeste {
      color: var(--celeste);
    }

    .text-black {
      color: var(--black);
    }

    .text-navy {
      color: var(--navy);
    }

    .text-lila {
      color: var(--lila);
    }

    .text-cyan {
      color: var(--cyan);
    }

    .text-naranja {
      color: var(--naranja);
    }

    .text-renal {
      color: var(--renal);
    }

    .text-renal2 {
      color: var(--renal2);
    }

    .text-cyan {
      color: var(--cyan);
    }

    .text-rojo {
      color: var(--rojo);
    }

    .text-verde {
      color: var(--verde);
    }

    .text-lilaDark {
      color: var(--lilaDark);
    }

    .text-cyanDark {
      color: var(--cyanDark);
    }

    .text-naranjaDark {
      color: var(--naranjaDark);
    }

    .text-cyanDark {
      color: var(--cyanDark);
    }

    .text-rojoDark {
      color: var(--rojoDark);
    }

    .text-verdeDark {
      color: var(--verdeDark);
    }

    .text-coral {
      color: var(--coral);
    }

    .text-gray {
      color: var(--gray) !important;
    }


    .text-s {
      font-size: var(--text-s);
    }

    .text-m {
      font-size: var(--text-m);
    }

    .text-ml {
      font-size: var(--text-ml);
    }

    .text-l {
      font-size: var(--text-l);
    }

    .text-xl {
      font-size: var(--text-xl);
    }

    .text-xxl {
      font-size: var(--text-xxl) !important;
      line-height: 1.3;
    }

    .text-xxxl {
      font-size: var(--text-xxxl) !important;
      line-height: 1.3;
    }

    .text-xxxxl {
      font-size: var(--text-xxxxl) !important;
      line-height: 1.3;
    }

    .text-xl-impulsa {
      font-size: 6rem;
    }

    .text-300 {
      font-weight: 300;
    }

    .text-400 {
      font-weight: 400;
    }

    .text-500 {
      font-weight: 500;
    }

    .text-600 {
      font-weight: 600;
    }


    .text-800 {
      font-weight: 800;
    }



    .text-impulsa {
      font-family: var(--font-impulsa);

    }

    .w-fit {
      width: fit-content;
    }

    a {
      text-decoration: none;
    }

    /* GENERAL */
    .red {
      color: #ef7861 !important;
    }

    .aqua {
      color: #6fc8bb !important;
    }

    .drop-shadow {
      -webkit-box-shadow: 10px 10px 15px 0px rgba(173, 173, 173, 1);
      -moz-box-shadow: 10px 10px 15px 0px rgba(173, 173, 173, 1);
      box-shadow: 10px 10px 15px 0px rgba(173, 173, 173, 1);
      padding-top: 15px;
      padding-left: 15px;
      margin: 0, 30px, 0, 30px;
    }

    .vc_general.vc_cta3.vc_cta3-color-blue.vc_cta3-style-flat {
      background-color: #3a41a3;
    }

    .pricing-table-flat .plan h3 {
      text-shadow: none !important;
    }

    .pricing-table h3 .desc {
      font-size: 18px;
      padding: 0 15px;
    }

    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
      color: #3a41a3 !important;
    }

    /* PARTNERS LOGOS*/
    .partners {
      background: white;
      padding: 15px;
      text-align: center;
      border-radius: 10px;
    }

    .partners img {
      padding: 10px !important;
    }

    /* accordions-background styling */
    .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body,
    .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {
      border-radius: 8px !important;
    }

    .wpb-js-composer .vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body,
    .wpb-js-composer .vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) {
      border-radius: 10px !important;
    }

    .wpb-js-composer .vc_tta.vc_tta-shape-round .vc_tta-panel-body,
    .wpb-js-composer .vc_tta.vc_tta-shape-round {
      border-radius: 10px !important;
    }

    .wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
      margin-top: 5px;
      margin-bottom: 5px;
    }


    /* toggles in accordions*/
    .toggle>label:hover {
      background: #000;;
    }

    .toggle-sm .toggle>label {
      font-size: 17px;
    }

    .toggle-sm .toggle>label:hover {
      color: #ef7861;
    }

    .toggle>.toggle-content {
      background: white;
      border-radius: 4px;
    }

    .toggle>.toggle-content>p {
      margin-bottom: 0;
      padding: 20px;
    }

    .toggle-sm .toggle>.toggle-content>ol,
    .toggle-sm .toggle>.toggle-content>ul {
      font-size: 0.9em;
    }

    html .toggle-primary .toggle.active>label {
      color: #000;;
      font-weight: 600;
    }

    @media (min-width: 1350px) {

      body.boxed .vc_row[data-vc-stretch-content],
      body.boxed #header.sticky-header .header-main.sticky,
      body.boxed #header.sticky-header .main-menu-wrap,
      body.boxed #header.sticky-header .header-main.sticky,
      #header-boxed #header.sticky-header .header-main.sticky,
      body.boxed #header.sticky-header .main-menu-wrap,
      #header-boxed #header.sticky-header .main-menu-wrap {
        max-width: 1350px
      }

      .col-xl-1-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
      }

      .col-xl-2-5 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
      }

      .col-xl-3-5 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
      }

      .col-xl-4-5 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
      }
    }

    #header .separator {
      border-left: 1px solid rgba(255, 255, 255, .09)
    }

    #header .header-top .separator {
      border-left-color: rgba(0, 0, 0, .04)
    }

    #header .header-top .share-links>a:not(:hover) {
      background: none
    }

    #mini-cart .cart-popup {
      color: #000;
    }

    .fixed-header #header .header-main {
      background-color: rgba(255, 255, 255, 0.8)
    }

    .fixed-header #header .header-top {
      background-color: rgba(244, 80, 80, 0.8)
    }

    @media (min-width: 992px) {
      .header-wrapper.header-side-nav.fixed-header #header {
        background-color: rgba(255, 255, 255, 0.8)
      }
    }

    #header.sticky-header .header-main,
    .fixed-header #header.sticky-header .header-main {
      background-color: rgba(255, 255, 255, 1)
    }

    #header.sticky-header .main-menu-wrap,
    .fixed-header #header.sticky-header .main-menu-wrap {
      background-color: rgba(255, 255, 255, 1)
    }

    .fixed-header #header .searchform {
      background-color: rgba(255, 255, 255, 0.5);
      border-color: rgba(238, 238, 238, 0.5)
    }

    @media (max-width: 991px) {
      .fixed-header #header .searchform {
        background-color: rgba(255, 255, 255, 1)
      }
    }

    .fixed-header #header .searchform-popup .searchform {
      background-color: rgba(255, 255, 255, 1)
    }

    .fixed-header #header .main-menu-wrap {
      box-shadow: none
    }

    .fixed-header #header .main-menu {
      box-shadow: none
    }

    #header .searchform,
    .fixed-header #header.sticky-header .searchform {
      background: rgba(255, 255, 255, .95);
      border-color: #eeeeee
    }

    .fixed-header #header.sticky-header .searchform {
      border-radius: 0
    }

    #header,
    #header .header-main .header-contact .nav-top>li>a,
    #header .top-links>li.menu-item:before {
      color: #ffffff
    }

    #header .header-main .header-contact a,
    #header .tooltip-icon,
    #header .top-links>li.menu-item>a,
    #header .searchform-popup .search-toggle,
    #header .custom-html a:not(.btn),
    #header .my-account,
    #header .my-wishlist {
      color: #ef7861
    }

    #header .tooltip-icon {
      border-color: #ef7861
    }

    #header .header-main .header-contact a:hover,
    #header .top-links>li.menu-item:hover>a,
    #header .top-links>li.menu-item>a.active,
    #header .top-links>li.menu-item>a.focus,
    #header .top-links>li.menu-item.has-sub:hover>a,
    #header .searchform-popup .search-toggle:hover,
    #header .custom-html a:not(.btn):hover,
    #header .my-account,
    #header .my-wishlist {
      color: #e55d42
    }

    #header .header-top,
    .header-top .top-links>li.menu-item:after {
      color: #777777
    }

    #header .header-top .header-contact a,
    #header .header-top .custom-html a,
    #header .header-top .top-links>li.menu-item>a,
    .header-top .welcome-msg a {
      color: #0088cc
    }

    #header .header-top .header-contact a:hover,
    #header .header-top .custom-html a:hover,
    #header .header-top .top-links>li.menu-item.active>a,
    #header .header-top .top-links>li.menu-item:hover>a,
    #header .header-top .top-links>li.menu-item>a.active,
    #header .header-top .top-links>li.menu-item.has-sub:hover>a,
    .header-top .welcome-msg a:hover {
      color: #0099e6
    }

    #header .header-main .top-links>li.menu-item.has-sub:hover>a,
    #header .header-bottom .top-links>li.menu-item.has-sub:hover>a {
      background-color: transparent
    }

    #header .top-links .narrow ul.sub-menu,
    #header .main-menu .wide .popup>.inner,
    .side-nav-wrap .sidebar-menu .wide .popup>.inner,
    .sidebar-menu .narrow ul.sub-menu {
      background-color: #3a41a3
    }

    .sidebar-menu .menu-custom-block a:hover,
    .sidebar-menu .menu-custom-block a:hover+a {
      border-top-color: #3a41a3
    }

    #header .top-links .narrow li.menu-item>a,
    #header .main-menu .wide li.sub li.menu-item>a,
    .side-nav-wrap .sidebar-menu .wide li.menu-item li.menu-item>a,
    .sidebar-menu .wide li.sub li.menu-item>a,
    .sidebar-menu .narrow li.menu-item>a,
    .porto-popup-menu .sub-menu a {
      color: #ffffff
    }

    #header .top-links .narrow li.menu-item:hover>a,
    .porto-popup-menu .sub-menu a:hover {
      color: #ef7861
    }

    #header .top-links .narrow li.menu-item:hover>a,
    #header .sidebar-menu .narrow .menu-item:hover>a,
    .main-sidebar-menu .sidebar-menu .narrow .menu-item:hover>a,
    .main-menu .wide li.menu-item li.menu-item>a:hover {
      background-color: transparent
    }

    .side-nav-wrap .sidebar-menu .wide li.menu-item li.menu-item>a:hover {
      background-color: transparent;
      color: #ef7861
    }

    @media (min-width: 768px) {
      #header-boxed {
        max-width: 750px
      }
    }

    @media (min-width: 992px) {
      #header-boxed {
        max-width: 990px
      }
    }

    @media (min-width: 1350px) {
      #header-boxed {
        max-width: 1350px
      }
    }

    #header .header-top .top-links>li.menu-item>a {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px
    }

    #header .header-top .top-links .narrow li.menu-item:hover>a {
      text-decoration: none
    }

    #header .top-links>li.menu-item:after {
      content: none
    }

    #header .header-top .gap {
      visibility: hidden
    }

    .header-top {
      border-bottom: 1px solid #ededed;
      background-color: #f45050
    }

    .main-menu-wrap {
      background-color: transparent;
      padding: 0 0 15px 0
    }

    #header.sticky-header .main-menu-wrap,
    #header.sticky-header .header-main.sticky .header-left,
    #header.sticky-header .header-main.sticky .header-right {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 0;
      padding-right: 0
    }

    #header.sticky-header .header-main.sticky .header-center {
      padding-top: 8px;
      padding-bottom: 8px
    }

    .main-menu-wrap .main-menu .wide .popup,
    .main-menu-wrap .main-menu .wide .popup>.inner,
    .main-menu-wrap .main-menu .wide.pos-left .popup,
    .main-menu-wrap .main-menu .wide.pos-right .popup,
    .main-menu-wrap .main-menu .wide.pos-left .popup>.inner,
    .main-menu-wrap .main-menu .wide.pos-right .popup>.inner,
    .main-menu-wrap .main-menu .narrow .popup>.inner>ul.sub-menu,
    .main-menu-wrap .main-menu .narrow.pos-left .popup>.inner>ul.sub-menu,
    .main-menu-wrap .main-menu .narrow.pos-right .popup>.inner>ul.sub-menu {
      border-radius: 0 0 2px 2px
    }

    .main-menu-wrap .main-menu>li.menu-item>a .tip {
      right: 16px;
      top: -5px
    }

    #header .main-menu-wrap .main-menu .menu-custom-block a,
    #header .main-menu-wrap .main-menu .menu-custom-block span {
      padding: 10px 16px 10px 16px
    }

    @media (max-width: 1349px) {
      .main-menu-wrap .main-menu>li.menu-item>a .tip {
        right: 14px;
        top: -6px
      }

      #header .main-menu-wrap .main-menu .menu-custom-block a,
      #header .main-menu-wrap .main-menu .menu-custom-block span {
        padding: 9px 14px 9px 14px
      }
    }

    #header .main-menu-wrap .main-menu .menu-custom-block .tip {
      right: 16px;
      top: -5px
    }

    #header .main-menu>li.menu-item>a {
      font-family: Basier-circle-regular-webfont, sans-serif;
      font-size: 17px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0;
      color: #000;;
      padding: 10px 16px 10px 16px
    }

    #header .main-menu>li.menu-item.active>a {
      background-color: transparent;
      color: #ef7861
    }

    #header .main-menu>li.menu-item.active:hover>a,
    #header .main-menu>li.menu-item:hover>a {
      background-color: transparent;
      color: #ef7861
    }

    #header .main-menu .popup a,
    .side-nav-wrap .sidebar-menu .popup,
    .main-sidebar-menu .sidebar-menu .popup,
    .porto-popup-menu .sub-menu {
      font-family: Basier-circle-regular-webfont;
      font-size: 12.8px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: -0.5px
    }

    #header .main-menu .wide .popup,
    #header .sidebar-menu .wide .popup {
      border-width: 0
    }

    #header .main-menu .wide .popup>.inner {
      border-radius: 2px
    }

    #header .main-menu .wide.pos-left .popup>.inner {
      border-radius: 0 2px 2px 2px
    }

    #header .main-menu .wide.pos-right .popup>.inner {
      border-radius: 2px 0 2px 2px
    }

    #header .main-menu .wide li.sub>a,
    .side-nav-wrap .sidebar-menu .wide li.sub>a {
      color: #ffffff
    }

    #header .main-menu .narrow ul.sub-menu {
      background-color: #3a41a3
    }

    #header .main-menu .narrow li.menu-item>a {
      color: #ffffff;
      border-bottom-color: #4149b6
    }

    #header .main-menu .narrow li.menu-item:hover>a {
      color: #ef7861;
      background-color: transparent
    }

    #header .menu-custom-block,
    #header .menu-custom-block span {
      color: #000;
    }

    #header .menu-custom-block span,
    #header .menu-custom-block a {
      font-family: Basier-circle-regular-webfont;
      font-size: 17px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0
    }

    #header .menu-custom-block a {
      text-transform: uppercase;
      color: #000;
    }

    #header .menu-custom-block a:hover {
      color: #ef7861
    }

    #header .porto-view-switcher>li.menu-item:before,
    #header .porto-view-switcher>li.menu-item>a {
      color: #777777
    }

    #header .porto-view-switcher>li.menu-item>a {
      background-color: transparent
    }

    #header .porto-view-switcher .narrow ul.sub-menu {
      background: #ededed
    }

    #header .porto-view-switcher .narrow li.menu-item>a {
      color: #777777
    }

    #header .porto-view-switcher .narrow li.menu-item>a.active,
    #header .porto-view-switcher .narrow li.menu-item:hover>a {
      color: #777777;
      background: #e1e1e1
    }

    #header .searchform input,
    #header .searchform select,
    #header .searchform button,
    #header .searchform .selectric .label,
    #header .searchform .selectric-items li,
    #header .searchform .selectric-items li:hover,
    #header .searchform .selectric-items li.selected,
    #header .searchform .autocomplete-suggestion .yith_wcas_result_content .title {
      color: #555555
    }

    #header .searchform input:-ms-input-placeholder {
      color: #555555
    }

    #header .searchform input::-ms-input-placeholder {
      color: #555555
    }

    #header .searchform input::placeholder {
      color: #555555
    }

    #header .searchform input,
    #header .searchform select,
    #header .searchform .selectric,
    #header .searchform .selectric-hover .selectric,
    #header .searchform .selectric-open .selectric,
    #header .searchform .autocomplete-suggestions,
    #header .searchform .selectric-items {
      border-color: #eeeeee
    }

    #header .searchform button {
      color: #333333
    }

    #header .searchform select option,
    #header .searchform .autocomplete-suggestion,
    #header .searchform .autocomplete-suggestions,
    #header .searchform .selectric-items {
      color: #555555;
      background-color: #ffffff
    }

    #header .searchform .selectric-items li:hover,
    #header .searchform .selectric-items li.selected {
      background-color: #e6e6e6
    }

    #header .searchform .autocomplete-suggestion:hover {
      background-color: #f8f8f8
    }

    #header .searchform-popup .search-toggle:after {
      border-bottom-color: #cccccc
    }

    #header .search-popup .searchform {
      border-color: #cccccc
    }

    @media (max-width: 991px) {
      #header .searchform {
        border-color: #cccccc
      }

      .btn-calc-renal {
        width: 80%;
      }
    }

    #header.sticky-header .searchform-popup .search-toggle {
      color: #777777
    }

    #header.sticky-header .searchform-popup .search-toggle:hover {
      color: #0088cc
    }

    #header .mobile-toggle {
      color: #000;;
      background-color: transparent;
      font-size: 20px
    }

    #header .mobile-toggle:first-child {
      padding-left: 1px
    }

    @media (max-width: 1349px) {
      #header .main-menu-wrap .main-menu .menu-custom-block .tip {
        right: 14px;
        top: -6px
      }

      #header .main-menu>li.menu-item>a {
        padding: 9px 14px 9px 14px
      }

      #header .main-menu>li.menu-item>a {
        font-size: 17px;
        letter-spacing: 0;
        line-height: 18px
      }
    }

    #header.sticky-header .searchform-popup {
      display: none !important
    }

    #header.sticky-header #mini-cart {
      display: none !important
    }

    #mini-cart .cart-popup {
      border: 1px solid transparent
    }

    #mini-cart .cart-popup:after {
      border-bottom-color: transparent
    }

    .sticky-header #mini-cart .cart-popup {
      border: 1px solid transparent
    }

    .sticky-header #mini-cart .cart-popup:after {
      border-bottom-color: transparent
    }

    #mini-cart {
      background: transparent;
      border-radius: 4px
    }

    .sticky-header #mini-cart {
      background: transparent;
      border-radius: 4px
    }

    #mini-cart .cart-subtotal,
    #mini-cart .minicart-icon {
      color: #444444
    }

    #mini-cart .cart-items,
    #mini-cart .cart-items-text {
      color: #ffffff
    }

    .sticky-header #mini-cart .cart-subtotal,
    .sticky-header #mini-cart .minicart-icon,
    .sticky-header #mini-cart.minicart-arrow-alt .cart-head:after {
      color: #444444
    }

    .sticky-header #mini-cart .cart-items,
    .sticky-header #mini-cart .cart-items-text {
      color: #ffffff
    }

    #nav-panel .mobile-nav-wrap {
      background-color: transparent
    }

    #nav-panel .menu-custom-block a:hover {
      background-color: transparent
    }

    #nav-panel,
    #nav-panel .welcome-msg,
    #nav-panel .accordion-menu,
    #nav-panel .menu-custom-block,
    #nav-panel .menu-custom-block span {
      color: #000;
    }

    #nav-panel .accordion-menu li {
      border-bottom-color: transparent
    }

    #nav-panel .accordion-menu .sub-menu li:not(.active):hover>a {
      background: transparent
    }

    #nav-panel .accordion-menu li.menu-item>a,
    #nav-panel .accordion-menu .arrow,
    #nav-panel .menu-custom-block a {
      color: #000;
    }

    #nav-panel .accordion-menu>li.menu-item>a,
    #nav-panel .accordion-menu>li.menu-item>.arrow {
      color: #000;
    }

    #nav-panel .accordion-menu li.menu-item.active>a {
      background-color: #000;
    }

    #nav-panel .mobile-nav-wrap::-webkit-scrollbar-thumb {
      background: rgba(204, 204, 204, 0.5)
    }

    #nav-panel .accordion-menu li.menu-item:hover>a,
    #nav-panel .accordion-menu .arrow:hover,
    #nav-panel .menu-custom-block a:hover {
      color: #ef7861
    }

    .fixed-header #nav-panel .mobile-nav-wrap {
      padding: 15px !important
    }

    .single-portfolio .related-portfolios {
      background-color: #f7f7f7
    }

    .footer-wrapper.fixed #footer .footer-bottom {
      box-shadow: none
    }

    #footer .footer-bottom,
    #footer .footer-bottom p,
    #footer .footer-bottom .widget>div>ul li,
    #footer .footer-bottom .widget>ul li {
      color: #000;
    }

    body,
    ul.list.icons li a,
    .pricing-table li,
    .pricing-table h3 .desc,
    .pricing-table .price,
    .pricing-table .plan,
    .home-intro .get-started a:not(.btn),
    .color-body,
    .color-body a,
    .color-body a:hover,
    .color-body a:focus,
    .mobile-sidebar .sidebar-toggle,
    .page-top .product-nav .product-popup,
    .thumb-info-bottom-info .thumb-info-title,
    .thumb-info-bottom-info .thumb-info-title a,
    .thumb-info-bottom-info .thumb-info-title a:hover,
    .tabs.tabs-simple .nav-tabs>li .nav-link,
    .tabs.tabs-simple .nav-tabs>li .nav-link:hover,
    .tabs.tabs-simple .nav-tabs>li .nav-link:focus,
    .tabs.tabs-simple .nav-tabs>li.active .nav-link,
    .tabs.tabs-simple .nav-tabs>li.active .nav-link:hover,
    .tabs.tabs-simple .nav-tabs>li.active .nav-link:focus,
    .porto-links-block li.porto-links-item>a,
    .porto-links-block li.porto-links-item>span,
    .vc_general.vc_cta3.vc_cta3-color-white.vc_cta3-style-flat,
    .mega-menu .wide .popup,
    .mega-menu .wide li.menu-item li.menu-item>a,
    .sidebar-menu .popup,
    .testimonial.testimonial-style-2 blockquote,
    .testimonial.testimonial-style-3 blockquote,
    .testimonial.testimonial-style-4 blockquote,
    .testimonial.testimonial-style-5 blockquote,
    .testimonial.testimonial-style-6 blockquote,
    .testimonial.testimonial-with-quotes blockquote,
    .sort-source-style-3>li>a {
      color: #000;
    }

    .widget_recent_entries>ul li,
    .widget_recent_comments>ul li,
    .widget_pages>ul li,
    .widget_meta>ul li,
    .widget_nav_menu>div>ul li,
    .widget_archive>ul li,
    .widget_categories>ul li,
    .widget_rss>ul li,
    .widget_recent_entries>ul li>a,
    .widget_recent_comments>ul li>a,
    .widget_pages>ul li>a,
    .widget_meta>ul li>a,
    .widget_nav_menu>div>ul li>a,
    .widget_archive>ul li>a,
    .widget_categories>ul li>a,
    .widget_rss>ul li>a {
      color: #232761
    }

    .widget .rss-date,
    .widget .post-date,
    .widget .comment-author-link {
      color: #363c94
    }

    .alternative-font,
    a,
    .color-primary,
    article.post .post-title,
    ul.list.icons li i,
    ul.list.icons li a:hover,
    .list.list-icons li i,
    .list.list-ordened li:before,
    ul[class^="wsp-"] li:before,
    .fontawesome-icon-list>div:hover,
    .sample-icon-list>div:hover,
    .fontawesome-icon-list>div:hover .text-muted,
    .sample-icon-list>div:hover .text-muted,
    .accordion .card-header a,
    .accordion .card-header a i,
    section.toggle label,
    .porto-concept strong,
    .fc-slideshow nav .fc-left i,
    .fc-slideshow nav .fc-right i,
    .circular-bar.only-icon .fas,
    .circular-bar.only-icon .fab,
    .circular-bar.only-icon .far,
    .home-intro p em,
    .home-intro.light p,
    .featured-box .porto-sicon-header h3.porto-sicon-title,
    .featured-box .wpb_heading,
    .feature-box[class *="feature-box-style-"] .feature-box-icon i,
    .mobile-sidebar .sidebar-toggle:hover,
    .page-top .sort-source>li.active>a,
    .owl-carousel.nav-style-1 .owl-nav [class *="owl-"],
    .master-slider .ms-container .ms-nav-prev,
    .master-slider .ms-container .ms-nav-next,
    .master-slider .ms-container .ms-slide-vpbtn,
    .master-slider .ms-container .ms-video-btn,
    .resp-tabs-list li,
    h2.resp-accordion,
    .tabs ul.nav-tabs a,
    .tabs ul.nav-tabs a:hover,
    .tabs ul.nav-tabs li.active a,
    .tabs ul.nav-tabs li.active a:hover,
    .tabs ul.nav-tabs li.active a:focus,
    .wpb_wrapper .porto-sicon-read,
    .vc_custom_heading em,
    .widget .widget-title a:hover,
    .widget .widgettitle a:hover,
    .widget li>a:hover,
    .widget li.active>a,
    .widget_wysija_cont .showerrors,
    .sidebar-menu>li.menu-item.active>a,
    article.post .post-date .day,
    .post-item .post-date .day,
    section.timeline .timeline-date h3,
    .post-carousel .post-item.style-5 .cat-names,
    .post-grid .post-item.style-5 .cat-names,
    .post-timeline .post-item.style-5 .cat-names,
    .post-carousel .post-item.style-5 .post-meta .post-views-icon.dashicons,
    .post-grid .post-item.style-5 .post-meta .post-views-icon.dashicons,
    .post-timeline .post-item.style-5 .post-meta .post-views-icon.dashicons,
    .portfolio-info ul li a:hover,
    article.member .member-role,
    .tm-extra-product-options .tm-epo-field-label,
    .tm-extra-product-options-totals .amount.final,
    html #topcontrol:hover,
    .single-post .entry-title,
    .sort-source-style-3>li.active>a,
    ul.portfolio-details h5,
    .page-not-found h4,
    article.post .sticky-post,
    .owl-carousel.dots-style-1 .owl-dot.active span,
    .owl-carousel.dots-style-1 .owl-dot:hover span,
    .label-pre-order {
      color: #000;
    }

    a:hover,
    .wpb_wrapper .porto-sicon-read:hover {
      color: #33398d
    }

    a:active,
    a:focus {
      color: #262a68
    }

    .slick-slider .slick-dots li.slick-active i,
    .slick-slider .slick-dots li:hover i {
      color: #242864 !important
    }

    .list.list-icons li i,
    .list.list-ordened li:before,
    .pricing-table .most-popular,
    section.toggle.active>label,
    .timeline-balloon .balloon-time .time-dot:before,
    .featured-box .icon-featured:after,
    .feature-box.feature-box-style-3 .feature-box-icon,
    .owl-carousel.dots-color-primary .owl-dots .owl-dot,
    .master-slider .ms-slide .ms-slide-loading:before,
    .widget_sidebar_menu .widget-title .toggle:hover,
    .pagination span.current,
    .page-links span.current,
    .products-slider.owl-carousel .owl-dot:hover span,
    .products-slider.owl-carousel .owl-dot.active span,
    .porto-process .process-step-circle {
      border-color: #000;
    }

    .products-slider.owl-carousel .owl-dot span {
      border-color: rgba(17, 19, 48, .4)
    }

    section.toggle label,
    .resp-vtabs .resp-tabs-list li:hover,
    .resp-vtabs .resp-tabs-list li:focus,
    .resp-vtabs .resp-tabs-list li.resp-tab-active,
    .sidebar-menu .wide .popup,
    .wp-block-pullquote blockquote {
      border-left-color: #000;
    }

    .tabs.tabs-vertical.tabs-left ul.nav-tabs li .nav-link:hover,
    .tabs.tabs-vertical.tabs-left ul.nav-tabs li.active .nav-link,
    .tabs.tabs-vertical.tabs-left ul.nav-tabs li.active .nav-link:hover,
    .tabs.tabs-vertical.tabs-left ul.nav-tabs li.active .nav-link:focus {
      border-left-color: #000;
    }

    .thumb-info-ribbon:before,
    .right-sidebar .sidebar-menu .wide .popup {
      border-right-color: #181b42
    }

    .tabs.tabs-vertical.tabs-right ul.nav-tabs li .nav-link:hover,
    .tabs.tabs-vertical.tabs-right ul.nav-tabs li.active .nav-link,
    .tabs.tabs-vertical.tabs-right ul.nav-tabs li.active .nav-link:hover,
    .tabs.tabs-vertical.tabs-right ul.nav-tabs li.active .nav-link:focus {
      border-right-color: #000;
    }

    .porto-history .featured-box .box-content,
    body.boxed .page-wrapper,
    .master-slider .ms-loading-container .ms-loading:before,
    .master-slider .ms-slide .ms-slide-loading:before,
    #fancybox-loading:before,
    #fancybox-loading:after,
    .slick-slider .slick-loading .slick-list:before,
    .fullscreen-carousel>.owl-carousel:before,
    .fullscreen-carousel>.owl-carousel:after,
    .porto-loading-icon,
    .resp-tabs-list li:hover,
    .resp-tabs-list li:focus,
    .resp-tabs-list li.resp-tab-active,
    .tabs ul.nav-tabs a:hover,
    .tabs ul.nav-tabs a:focus,
    .tabs ul.nav-tabs li.active a,
    .tabs ul.nav-tabs li.active a:hover,
    .tabs ul.nav-tabs li.active a:focus,
    .tabs ul.nav-tabs.nav-justified .nav-link:hover,
    .tabs ul.nav-tabs.nav-justified .nav-link:focus,
    .sidebar-content .widget.widget_wysija .box-content,
    .mega-menu .wide .popup,
    .sidebar-menu>li.menu-item:hover>a,
    .sort-source-style-2>li.active>a:after {
      border-top-color: #000;
    }

    .testimonial .testimonial-arrow-down {
      border-top-color: #33398d
    }

    .page-top .product-nav .product-popup:before,
    .tabs.tabs-bottom ul.nav-tabs li .nav-link:hover,
    .tabs.tabs-bottom ul.nav-tabs li.active a,
    .tabs.tabs-bottom ul.nav-tabs li.active a:hover,
    .tabs.tabs-bottom ul.nav-tabs li.active a:focus,
    .tabs.tabs-simple .nav-tabs>li .nav-link:hover,
    .tabs.tabs-simple .nav-tabs>li .nav-link:focus,
    .tabs.tabs-simple .nav-tabs>li.active .nav-link,
    .sort-source-style-3>li.active>a {
      border-bottom-color: #000;
    }

    article.post .post-date .month,
    article.post .post-date .format,
    .post-item .post-date .month,
    .post-item .post-date .format,
    .list.list-icons.list-icons-style-3 li i,
    .list.list-ordened.list-ordened-style-3 li:before,
    html .list-primary.list-ordened.list-ordened-style-3 li:before,
    html .list-secondary.list-ordened.list-ordened-style-3 li:before,
    html .list-tertiary.list-ordened.list-ordened-style-3 li:before,
    html .list-quaternary.list-ordened.list-ordened-style-3 li:before,
    html .list-dark.list-ordened.list-ordened-style-3 li:before,
    html .list-light.list-ordened.list-ordened-style-3 li:before,
    ul.nav-pills>li.active>a,
    ul.nav-pills>li.active>a:hover,
    ul.nav-pills>li.active>a:focus,
    section.toggle.active>label,
    .toggle-simple section.toggle>label:after,
    div.wpb_single_image .porto-vc-zoom .zoom-icon,
    .img-thumbnail .zoom,
    .thumb-info .zoom,
    .img-thumbnail .link,
    .thumb-info .link,
    .pricing-table .most-popular h3,
    .pricing-table-flat .plan h3,
    .pricing-table-flat .plan-price,
    .pricing-table-classic .most-popular h3 strong,
    .timeline-balloon .balloon-time .time-dot:after,
    section.exp-timeline .timeline-box.right:after,
    .floating-menu .floating-menu-btn-collapse-nav,
    .icon-featured,
    .featured-box .icon-featured,
    .featured-box-effect-3:hover .icon-featured,
    .feature-box .feature-box-icon,
    .inverted,
    .master-slider .ms-container .ms-bullet,
    .share-links a,
    .thumb-info .thumb-info-type,
    .thumb-info .thumb-info-action-icon,
    .thumb-info-ribbon,
    .thumb-info-social-icons a,
    .widget_sidebar_menu .widget-title .toggle:hover,
    .mega-menu>li.menu-item.active>a,
    .mega-menu>li.menu-item:hover>a,
    .mega-menu .narrow ul.sub-menu,
    .sidebar-menu>li.menu-item:hover,
    .sidebar-menu .menu-custom-block a:hover,
    .pagination span.current,
    .page-links span.current,
    .member-item.member-item-3 .thumb-info:hover .thumb-info-caption,
    .sort-source-style-2,
    .mega-menu.menu-hover-line>li.menu-item>a:before,
    .products-slider .owl-dot:hover span:after,
    .products-slider .owl-dot.active span:after,
    .blog-posts-hover_info2 .thumb-info-type a {
      background-color: #000;
    }

    div.wpb_single_image .porto-vc-zoom .zoom-icon:hover,
    .img-thumbnail .zoom:hover,
    .thumb-info .zoom:hover,
    .img-thumbnail .link:hover,
    .thumb-info .link:hover,
    .mega-menu .narrow li.menu-item:hover>a,
    .testimonial blockquote {
      background-color: #33398d
    }

    .owl-carousel .owl-dots .owl-dot.active span,
    .owl-carousel .owl-dots .owl-dot:hover span {
      background-color: #242864
    }

    .featured-box-effect-2 .icon-featured:after {
      box-shadow: 0 0 0 3px #000;
    }

    .featured-box-effect-3 .icon-featured:after {
      box-shadow: 0 0 0 10px #000;
    }

    section.toggle.active>label,
    .pricing-table .most-popular h3,
    .pricing-table .most-popular h3 .desc,
    .pricing-table-flat .plan h3,
    .pricing-table-flat .plan h3 .desc,
    .pricing-table-flat .price,
    ul.nav-pills>li.active>a,
    ul.nav-pills>li.active>a:hover,
    ul.nav-pills>li.active>a:focus,
    .tparrows.tparrows-carousel.tp-leftarrow:before,
    .tparrows.tparrows-carousel.tp-rightarrow:before,
    .thumb-info .thumb-info-action-icon i,
    .thumb-info-ribbon,
    .thumb-info-social-icons a i,
    .portfolio-item .thumb-info .thumb-info-type .portfolio-like i,
    .portfolio-item .thumb-info .thumb-info-type .portfolio-liked i,
    .member-item.member-item-3 .thumb-info:hover .thumb-info-caption,
    .member-item.member-item-3 .thumb-info:hover .thumb-info-caption * {
      color: #ffffff
    }

    .member-item.member-item-3 .thumb-info:hover .thumb-info-social-icons {
      border-color: #ffffff
    }

    .member-item.member-item-3 .thumb-info:hover .share-links a {
      background-color: #ffffff;
      color: #000;
    }

    @media (min-width: 992px) {
      .floating-menu .floating-menu-nav-main nav>ul>li>a:after {
        background-color: #000;
      }
    }

    /* typo */
    h1 .vc_custom_heading .align-left {
      font-family: Basier-circle-bold-webfont, sans-serif;
      font-weight: 400;
      font-size: 40px !important;
      line-height: 60px;
      letter-spacing: .5px;
      color: #6fc8bb;
    }

    html .porto-sicon-header h3.porto-sicon-title {
      letter-spacing: 0.8px;
    }

    h2 {
      text-transform: none;
      border-bottom: none;
      padding-bottom: none;
    }

    h4 {
      font-size: 17px;
    }

    h6 {
      letter-spacing: 0.7px;
    }




    /* ICONS LISTS */
    .list.list-icons {
      padding-left: 30px;
    }

    .list.list-icons.list-icons-sm li i {
      font-size: 15px;
      top: 7px;
      left: -6px;
    }

    /* Call-to-action*/
    .vc_general.vc_cta3 h2 {
      border: none;
    }

    /* topnav */

    #header .header-top {
      background-color: #000;;
    }

    #header .header-top .top-links>li.menu-item:after {
      content: "•";
      padding-left: 5px;
      color: #ffffff !important;
    }

    #header .header-top .top-links>li.menu-item:last-child:after {
      color: #000; !important;
      margin-right: -20px;
    }

    #header .header-top .top-links>li.menu-item>a {
      color: #ffffff !important;
      font-size: 1em !important;
      padding: 10px 5px 11px;
    }

    #header .header-top .top-links>li.menu-item>a:hover {
      color: #EF7861 !important;
    }

    #header.sticky-header .header-main.change-logo .logo img {
      transform: scale(1.6);
    }

    /* main nav */

    #header .header-main .header-left {
      padding: 20px 0;
    }

    #header .menu-item-has-children>a:after {
      content: " ";
      width: 5px;
      padding: 0 8px 0 8px;
      color: #EF7861 !important;
      background: url('https://bk.theisn.org/wp-content/uploads/2020/07/dropdown.png') no-repeat right 8px;
    }

    #header .search-toggle .fa,
    #header .search-toggle .fas {
      color: #000; !important;
    }

    /* sub-menu */

    #header .main-menu .narrow ul.sub-menu {
      border-radius: 4px !important;
      box-shadow: 4 8 10 rgba(0, 0, 0, .2);
    }

    #header .main-menu .narrow ul.sub-menu:before {
      content: "\A";
      border-style: solid;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #3A41A3 transparent;
      position: absolute;
      top: -5px;
      left: 48%;
    }

    .mega-menu .wide .popup>.inner>ul.sub-menu:before {
      content: "\A";
      border-style: solid;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #3A41A3 transparent;
      position: absolute;
      top: -5px;
      left: 48%;
    }

    #header .main-menu .narrow li.menu-item>a {
      font-size: 13px;
      line-height: 18px;
    }

    /* Top nav with submenus */
    #header .main-menu .wide li.sub>a,
    .side-nav-wrap .sidebar-menu .wide li.sub>a {
      border-bottom: 1px solid white;
      margin-bottom: 8px;
    }

    #header .main-menu .wide li.sub li.menu-item>a {
      padding: 4px 10px 2px 20px;
    }

    #header .main-menu .popup a {
      line-height: 18px;
    }

    /* big sub menu */
    @media only screen and (max-width: 1024px) {
      .accordion-menu .big-sub-menu ul.sub-menu {
        display: block;
        margin-left: 0px !important;
      }

      .big-sub-menu .arrow {
        display: none;
      }

      #header .menu-item-has-children>a:after {
        display: none;
      }

      .accordion-menu {
        border-bottom: 1px dotted #000;;
        margin-bottom: 10px;
      }

      .img-menu {
        display: none;
      }
    }

    @media only screen and (min-width: 1024px) {
      .big-sub-menu ul li a {
        font-weight: 600 !important;
        font-family: Basier-circle-regular-webfont;
        font-size: 12.8px;
        color: #ffffff !important;
        margin-bottom: 8px !important;
        margin-left: -20px !important;
        text-transform: uppercase;
        margin-left: 5px !important;
        margin-top: 5px !important;
        border-radius: 0px !important;
        border-bottom: 1px #4149b6 solid;
        padding-left: 0px !important;
      }
    }

    /* left-menu*/

    .left-menu-space-top {
      margin-top: 10px !important;
      border-top: 3px solid #eaeaea;
      background: none !important;
    }

    .left-menu-icon {
      margin-left: -15px;
    }

    /* page title */
    .page-top {
      margin-bottom: 50px;
      padding: 0;
    }

    .page-top {
      background-color: #596675 !important;
      background-blend-mode: overlay !important;
    }

    .page-title-wrap {
      padding: 150px 0;
    }

    .page-top .page-title {
      font-size: 60px;
      line-height: 60px;
      letter-spacing: 1px;
    }

    .page-top .page-title {
      font-size: 60px;
      line-height: 60px;
      letter-spacing: 1px;
      padding-left: 30px;
    }

    .page-top .page-sub-title {
      padding-left: 30px;
    }

    .page-top .page-title-wrap {
      background-image: none;
      background-repeat: no-repeat;
      background-position: -50px -110px;
      background-size: 60%;
    }

    .page-top>.container {
      padding: 0;
    }

    .page-title-wrap {
      padding: 170px 0;
    }

    @media only screen and (max-width: 1024px) {
      .page-top .page-title-wrap {
        background-position: -30px -110px;
        background-size: 80%;
      }
    }

    @media only screen and (max-width: 768px) {
      .page-top .page-title-wrap {
        background-size: 70%;
        background-position: -40px -30px;
      }
    }

    @media only screen and (max-width: 600px) {
      .page-top .page-title-wrap {
        background-position: -25px -30px;
        background-size: 80% !important;
      }
    }

    @media only screen and (max-width: 480px) {
      .page-top .page-title-wrap {
        background-position: -50px 0px;
        background-size: 110% !important;
      }
    }

    /* main */
    @media only screen and (min-width: 768px) {
      #main:before {
        width: 414px;
        height: 684px;
        content: " ";
        /* background: transparent url(https://bk.theisn.org//wp-content/uploads/2020/07/kidney-green.png) no-repeat left top;*/
        background-size: cover;
        display: block;
        position: fixed;
        right: -150px;
        top: 500px;
        z-index: -1;
      }

      #main:after {
        width: 500px;
        height: 738px;
        content: " ";
        /*background: transparent url(https://bk.theisn.org//wp-content/uploads/2020/07/kidney-yellow.png) no-repeat left top;*/
        background-size: cover;
        display: block;
        position: fixed;
        left: -200px;
        top: 150px;
        z-index: -1;
      }

      #main {
        background-color: transparent;
        overflow: hidden;
      }
    }

    @media only screen and (max-width: 1349px) {
      #header .main-menu>li.menu-item>a {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 10px;
      }
    }

    /*sidebar */
    .widget_sidebar_menu {
      background-color: #3A41A3;
      border-radius: 4px;
      -webkit-box-shadow: 4px 8px 10px 0px rgba(14, 18, 65, 0.2);
      -moz-box-shadow: 4px 8px 10px 0px rgba(14, 18, 65, 0.2);
      box-shadow: 4px 8px 10px 0px rgba(14, 18, 65, 0.2);
      padding-top: 5px;
      padding-bottom: 5px;
    }

    .main-sidebar-menu .sidebar-menu>li.menu-item {
      background: url(https://bk.theisn.org//wp-content/uploads/2020/07/arrow-right.png) no-repeat 20px center;
    }

    .main-sidebar-menu .sidebar-menu>li.menu-item>a {
      color: #ffffff;
      text-transform: none;
      font-family: Basier-circle-bold-webfont, sans-serif;
      letter-spacing: 1px;
      font-size: 15px;
      border: none;
      padding-left: 25px;
    }

    .main-sidebar-menu .sidebar-menu>li.menu-item:hover {
      background-color: transparent !important;
      color: #EF7861;
    }

    .main-sidebar-menu .sidebar-menu>li.menu-item>a:hover {
      background-color: none;
      color: #EF7861;
    }

    .main-sidebar-menu .sidebar-menu>li.menu-item.active a {
      color: #EF7861;
    }

    /* SiDEBAR NEW MENU*/
    .menu-60th-anniversary-container,
    .menu-toolkit-container {
      background: #3a41a3;
      border-radius: 2px;
    }

    .porto-porto-custom-sidebar-60thanniversary .widget>div>ul li,
    .porto-porto-custom-sidebar-toolkit .widget>div>ul li {
      color: #ef7861;
      border-bottom: 1px white solid;
    }

    .porto-porto-custom-sidebar-60thanniversary .widget>div>ul li:last-child,
    .porto-porto-custom-sidebar-toolkit .widget>div>ul li:last-child {
      border-bottom: none;
    }

    .porto-porto-custom-sidebar-60thanniversary .widget>div>ul li:before,
    .porto-porto-custom-sidebar-toolkit .widget>div>ul li:before {
      padding-left: 5px;
    }

    .porto-porto-custom-sidebar-60thanniversary .widget_nav_menu>div>ul li>a,
    .porto-porto-custom-sidebar-toolkit .widget_nav_menu>div>ul li>a {
      color: white;
    }

    /* accordion */
    .accordion-isn .vc_tta-panel-heading {
      background-color: #3A41A3 !important;
      border-radius: 50px !important;
    }

    .accordion-isn .vc_tta-panel-heading .vc_tta-panel-title a {
      color: #ffffff !important;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .accordion-isn .vc_tta-controls-icon-plus {
      background-color: #FFFFFF;
      border: 8px solid #FFFFFF;
      height: 24px !important;
      width: 24px !important;
      border-radius: 16px;
      right: 14px;
    }

    .accordion-isn .vc_tta-controls-icon-plus::before,
    .accordion-isn .vc_tta-controls-icon-plus::after {
      border-color: #EF7861 !important;
    }

    /* blue box */

    .box-blue-isn {
      padding: 0;
      background-size: cover;
      color: white;
      margin-bottom: 40px;
    }

    .box-blue-isn:first-child {
      border-left: none !important;
    }

    .box-blue-isn>.wpb_wrapper {
      background-color: rgba(44, 49, 122, 0.8);
      transition: background 0.2s;
      padding: 85px 30px 60px 20px !important;
      height: 100%;
      border-left: 1px solid white;
    }

    .box-blue-isn:hover>.wpb_wrapper {
      background-color: rgba(44, 49, 122, 0.95);
    }

    /* events */
    .event-row article {
      -webkit-box-shadow: 0px 20px 20px 0px rgba(44, 49, 122, 0.10);
      -moz-box-shadow: 0px 20px 20px 0px rgba(44, 49, 122, 0.10);
      box-shadow: 0px 20px 20px 0px rgba(44, 49, 122, 0.10);
    }

    .event-row .thumb-info-wrapper {
      border-radius: 0px;
    }

    .event-row .custom-event-infos ul {
      background-color: #6FC8BB;
      color: #ffffff;
      padding: 20px;
      margin-left: 30px;
      font-size: 1rem;
      font-family: Basier-circle-bold-webfont, sans-serif;
      display: inline;
    }

    .custom-event-infos ul li i {
      color: #ffffff;
    }

    .event-row .thumb-info-caption-text {
      margin-top: 20px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 30px;
    }

    .event-row .thumb-info-caption-text .post-excerpt {
      line-height: 1.6;
    }

    .event-row .thumb-info-caption-text h4 {
      font-size: 1.6rem;
      line-height: 1;
    }

    /* members list */

    .member-item .thumb-info-type {
      background-color: #6FC8BB;
      line-height: 1.5;
      border-radius: 0;
    }

    .m-b-sm {
      padding-top: 10px;
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 2px !important;
    }

    .thumb-info-social-icons:first-child {
      padding: 4px 0 30px 0;
      font-size: 16px;
    }

    /*hide phone from staff*/
    .share-phone {
      display: none;
    }

    /* posts list */
    .img-thumbnail img {
      border-radius: 2px;
    }

    .post-item-small {
      border: none !important;
      background-color: #ffffff;
      padding: 0;
    }

    .post-item-small .post-date {
      color: #6fc8bb !important;
      text-transform: uppercase;
      font-size: 12px;
    }

    .post-item-small .post-item-title {
      color: #000;;
      font-size: 1.4rem;
      line-height: 1;
    }

    article.post {
      -webkit-box-shadow: 10px 20px 20px 10px rgba(44, 49, 122, 0.10);
      -moz-box-shadow: 10px 20px 20px 10px rgba(44, 49, 122, 0.10);
      box-shadow: 10px 20px 20px 10px rgba(44, 49, 122, 0.10);
      padding: 20px;
      background-color: #ffffff;
    }

    .btn-default.btn {
      background: #ff675b;
      color: white;
      text-transform: none !important;
      font-size: 14px !important;
      border: none;
      border-radius: 20px;
      padding: 5px 15px;
    }

    /* POST-LIST LEFT SIDEBAR */
    .left-sidebar {
      background: white;
    }

    h5.post-item-title a {
      color: #3a41a3;
      font-size: 14px;
    }

    h5.post-item-title a:hover {
      color: #ef7861;
    }

    .widget .rss-date,
    .widget .post-date,
    .widget .comment-author-link {
      color: #3c3c3b;
      font-size: 13px;
    }

    .post-carousel .post-item-small {
      padding: 10px;
      max-width: 95%;
    }

    /* POSTS ON HOMEPAGE */
    .posts-container .post-item-small {
      -webkit-box-shadow: 10px 10px 15px 0px rgba(173, 173, 173, 1);
      -moz-box-shadow: 10px 10px 15px 0px rgba(173, 173, 173, 1);
      box-shadow: 10px 10px 15px 0px rgba(173, 173, 173, 1);
      padding: 15px 15px 10px 15px;
    }

    .post-item-small:first-child {
      padding-bottom: 5px !important;
    }

    .blog-posts .post-item-small .post-item-title {
      line-height: 19px;
    }

    .post-item-small {
      margin: 10px;
      max-width: 47%;
      border-radius: 1px !important;
    }

    .blog-posts-widget {
      overflow: visible;
    }

    .posts-container .post-item-small .post-image img {
      width: 80px !important;
    }

    @media only screen and (max-width: 768px) {
      .post-item-small {
        max-width: 100%;
      }
    }

    /* POSTS ON GRANTS PAGE (ISN'S IMPACT)*/
    .blog-posts article.post-grid {
      border-width: 0;
      margin-bottom: 10px;
      padding-bottom: 0;
      box-shadow: none !important;
    }

    .blog-posts-padding .grid-box {
      border: none;
      background: #6fc8bb9e;
      border-radius: 10px;
    }

    /*.blog-posts-padding .grid-box .entry-title 
{font-size:20px !important;
font-weight:300;
    border: 0;
color: #fff;
margin: 0;
padding: 2.5rem 4rem 2.5rem 4.5rem;
position: relative;
font-family: Playfair Display,Georgia,serif;
}*/
    .blog-posts-padding .grid-box .meta-date,
    .blog-posts-padding .grid-box .post-meta {
      display: none;
    }

    .blog-posts-padding .grid-box .entry-title a {
      color: #ffffff !important;
    }

    .blog-posts-padding .grid-box .entry-title a:hover {
      color: #ef7861 !important;
    }

    .blog-posts-padding .grid-box .post-excerpt {
      color: white;
    }

    /*.blog-posts-padding .grid-box .post-excerpt:before {left: 20px;
top: 20px;
content: "“";
font-size: 80px;
font-style: normal;
line-height: 1;
position: absolute;font-family: Playfair Display,Georgia,serif;
}*/
    .blog-posts-padding .grid-box .btn-default.btn {
      margin-bottom: 10px;
    }

    /* SINGLE POST */
    .post-large-alt .owl-carousel .img-thumbnail {
      display: none;
    }

    /* Blog */
    .blog-posts .post-full .entry-title,
    .blog-posts .post-large .entry-title,
    .blog-posts .post-large-alt .entry-title {
      font-size: 20px;
    }

    .blog-posts .post .entry-title {
      font-size: 23px;
      text-transform: none;
    }

    h2.entry-title a {
      color: #000;;
    }

    h2.entry-title a:hover {
      color: #ef7861;
    }

    /* Timeline */
    section.timeline .timeline-box.right:before {
      margin-left: -8px;
    }

    section.timeline .timeline-box.left:before {
      margin-right: -8px;
    }

    section.timeline .timeline-box.right {
      position: relative;
      clear: both;
      margin-top: 0px;
    }

    section.timeline .timeline-box.left {
      margin-top: 0px;
    }

    section.timeline .timeline-box {
      margin-bottom: 30px;
    }

    section.timeline .timeline-item-title {
      line-height: 22px;
    }


    /* buttons */

    .btn-primary {
      border-radius: 25px !important;
      border: none;
      font-family: Basier-circle-bold-webfont, sans-serif;
      text-transform: none;
      font-size: 15px;
      letter-spacing: 0.9px;
      background-color: #ef7861 !important;
      color: white !important;
    }

    .btn-primary:hover {
      background-color: #C96552 !important;
    }

    .btn-primary:after {
      display: inline-block;
      padding-left: 8px;
      color: #ffffff;
      content: "\0279E";
    }

    /* forms */

    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="url"],
    .form-control {
      border: 1px solid #3A41A3;
      border-radius: 0;
      padding: 10px 12px;
      font-size: 18px;
      color: #3A41A3;
    }

    input[type="email"]:placeholder,
    input[type="number"]:placeholder,
    input[type="password"]:placeholder,
    input[type="search"]:placeholder,
    input[type="tel"]:placeholder,
    input[type="text"]:placeholder,
    input[type="url"]:placeholder,
    .form-control {
      color: #9DA0D1;
      font-family: Basier-circle-regular-italic-webfont, sans-serif;
    }

    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="text"]:focus,
    input[type="url"]:focus,
    .form-control:focus {
      background-color: #DCDFFF;
      border: 1px solid #3A41A3;
      color: #3A41A3;
    }

    form label,
    form label.text-dark {
      color: #000; !important;
      text-transform: uppercase;
      font-size: 15px;
      font-family: Basier-circle-bold-webfont, sans-serif;
      padding-left: 20px;
    }

    /* Visual composer */

    .wpb_wrapper vc_column-inner,
    .vc-hoverbox-wrapper {
      -webkit-box-shadow: 0px 20px 20px 0px rgba(44, 49, 122, 0.1);
      -moz-box-shadow: 0px 20px 20px 0px rgba(44, 49, 122, 0.1);
      box-shadow: 0px 20px 20px 0px rgba(44, 49, 122, 0.1);
    }


    progress {
      border: none;
      width: 320px;
      height: 10px;
      background: #f2f2f2;
      border-radius: 16px;
    }

    progress {
      color: #FF4B00;
      border-radius: 16px;
    }

    progress::-moz-progress-bar {
      background: #f2f2f2;
      border-radius: 16px;
    }

    progress::-webkit-progress-value {
      background: #FD7500;
      border-radius: 16px;
    }

    progress::-webkit-progress-bar {
      background: #f2f2f2;
      border-radius: 16px;
    }

    .robot-calc {

      transform: translatey(0px);
      -webkit-animation: float 2s ease-in-out infinite;
      animation: float 2s ease-in-out infinite;
      position: absolute;
      top: 145px;
      /* left: 160px; */
    }

    .rinon {
      position: absolute;
      top: 220px;
      right: 150px;

    }

    label.option-label {
      background-color: #fff;
      border: 1px solid #FF4B00;
      padding: 12px 10px;
      width: 150px;
      border-radius: 10px;
      color: #333333;
      font-weight: 800;
      min-width: 218px;
    }

    #height-metres,
    #weight-kgs,
    #age-input {
      background-color: #fff;
      border: 1px solid #FF4B00;
      padding: 12px 10px;
      width: 126px;
      border-radius: 10px;
      color: #333333;
      font-weight: 400;
      font-size: 16px;
    }

    label.option-label:hover {
      cursor: pointer;
    }


    label.option-label input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 213px;
    }

    .option-label input{
    display:none;
    }

    label.question-label, .main-label {
      width: 200px;
      margin-left: 0;
      text-align: left;
      font-weight: 800;
      color: #333333;
    }

    /* #height-metres, #weight-kgs, #age-input{
    border: 3px solid #FD7500;
    border-radius: 50px;
} */

    /*input:checked {
    border: 3px solid #FD7500;
    background: #FD7500;
    border-radius: 50%;
  }*/

    header .title-calc-renal {
      font-size: 1.8rem !important;
      background-color: #FF4B00;
      padding: 10px 158px;
      color: white;
      text-align: center;
      border-radius: 20px;
    }

    .question-title {
      color: #333333 !important;
      font-size: 1.5rem !important;
      font-weight: bold !important;
    }

    .question-title span {
      color: #333333 !important;
      font-size: 1.5rem !important;
      /* font-weight: bold!important; */
    }

    .btn-siguiente {
      background-color: #FF4B00 !important;
      color: #fff !important;
      font-size: 14px;
      padding: 10px 85px;
      border-radius: 10px;
      min-width: 435px;
    }

    .vc_btn3.vc_btn3-size-md {
      font-size: 14px !important;
    }

    #cero-riesgo {
      background-color: #fff;
      /* padding: 3rem;
      border-radius: 1rem;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    }

    /* #cero-riesgo .card-descarga {
      background-color: #fff;
      border: 3px solid #FD7500;
      border-radius: 1.5rem;
      padding: 3rem;
      display: flex;
      align-items: center;
      flex-direction: column;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
      margin-top: 5rem;
      margin-right: 10px;
      margin-left: 10px;
    } */


    #con-riesgo {
      background-color: #fff;
      /* padding: 3rem; */
      /* border-radius: 1rem; */
      /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    }

    /* #con-riesgo .card-descarga {
      background-color: #fff;
      border: 3px solid #FD7500;
      border-radius: 1.5rem;
      padding: 3rem;
      display: flex;
      align-items: center;
      flex-direction: column;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
      margin-top: 5rem;
      margin-right: 10px;
      margin-left: 10px;
    } */

    #con-riesgo .card-descarga, #cero-riesgo .card-descarga {
    background-color: #fff;
    border: 3px solid #FD7500;
    border-radius: 15px;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 5rem;
    min-width: 400px;
    }
    
    /*
  #con-riesgo #my-details-box{
    display: none;
  }*/



    .btn-calc-renal {
      color: white !important;
      font-weight: 600;
      background-color: var(--renal);
      padding: 12px 15px;
      border-radius: 10px;
      /* box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; */
      margin-top: 20px;
    }

    .pasos {
      position: absolute;
      top: 190px;
      left: 360px;
    }

    .line {
      height: 3px;
      width: 350px;
      background-color: #FD7500;
      margin-top: 1rem;
    }

    .step-1 {
      border: none;
      background: none;
      width: 50px;
    }

    .step-2 {
      border: none;
      background: none;
      width: 50px;
    }

    #referencias-resultado {
      margin-top: -3rem !important;
    }






    /* mobile */

    @media only screen and (max-width: 990px) {
      #footer {
        background: none;
      }

      .footer-main .col-lg-6 {
        background-color: #EF7861;
      }

      #follow-us-widget-3 {
        margin-top: 0;
      }

      #contact-info-widget-4 {
        padding-top: 0px;
      }


      #footer .footer-bottom .footer-right {
        margin-top: -120px;
      }

      .menu-item-has-children>a:after {
        width: 0;
        padding: 0;
        background: none;
      }
    }

    @media only screen and (max-width: 768px) {
      .page-top .page-title {
        font-size: 40px;
        line-height: 40px;
      }

      .box-blue-isn:last-child {
        border-bottom: none;
      }

      .box-blue-isn {
        margin-bottom: 0;
        border-left: none;
        border-bottom: 1px solid white;
      }

      #header .header-top .top-links>li.menu-item>a {
        padding-left: 0px;
      }

      header .title-calc-renal {
        text-align: center;
        font-size: 1.3rem;
        padding: 1rem;

      }

      header .calculadora-renal-icon {
        margin-top: 2rem;
      }

      .robot-calc,
      .rinon {
        display: none;
      }

      progress {
        width: revert;
      }

      #referencias p {
        word-wrap: break-word;
      }

      #cero-riesgo,
      #con-riesgo {
        width: 90%;
        margin: 10px 20px !important;
      }

      .title-calc-renal {
        flex-direction: column !important;
      }

      #title-calc-renal .title-calc-renal {
        padding: 16px !important;
      }


    }

    .img-menu a {
      height: 100%;
      color: rgba(45, 45, 45, 0.1);
    }

    #header .header-top .top-links>.no-caps a {
      text-transform: initial;
    }

    .wpb_heading {
      line-height: 1.2;
    }

    .feedback-button {
      padding: 10px !important;
    }

    .feedback-button a {
      color: white !important;
    }


    .bs-example {
      margin: 20px;
    }

    .accordion .fa {
      margin-right: 0.5rem;
    }

    /* iri css */

    .col-calc {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      padding-top: 40px;
    }

    .quiz-new {
      background-color: #FFE8CE;
      max-width: fit-content;
      padding: 30px;
      border-radius: 20px;
      min-width: 435px;
    }

    .row.row-quiz {
    display: flex;
    justify-content: center;
    gap: 10px;
    }

    .b-radius {
      border-radius: 20px;
    }

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

    .cosas, .cosas1, .cosas2, .cosas3, .cosas4 {
      gap: 10px;
      background-color: #FFEBD5;
      border-radius: 20px;
      padding: 30px;
    }

    .cosas5 {
      gap: 10px;
      background-color: var(--renal);
      border-radius: 20px;
      padding: 30px;
    }

    .cosas{
      min-height: 196px;
    }

    .cosas1 {
      min-height: 350px;
    }

    .cosas2 {
      min-height: 640px;
    }

    .cosas3 {
      min-height: 218px;
    }

    .cosas4, .cosas5 {
      min-height: 308px;
    }

    .cosas img, .cosas1 img, .cosas2 img, .cosas3 img, .cosas4 img, .cosas5 img {
      max-width: 20%;
      height: 20%;
    }

    .cosas p, .cosas1 p, .cosas2 p, .cosas3 p, .cosas4 p, .cosas5 p {
      margin: 0;
    }

    .weight-box {
    padding-bottom: 20px;
    }

    .holder-test2{
      color: #333333;
      font-weight: 800;
      padding: 0 5px;
    }

    .bi-download{
      background-color: var(--naranja);
      padding: 10px;
      border-radius: 50px;
      margin: 10px;
      color: white !important;
    }

    .desc:active, .desc:hover{
    color: var(--renal);
        cursor: pointer;
    }

    .reviselo{
    line-height: 0.8;
    padding-left: 15px;
    border-left: 1.5px solid var(--naranja);
    margin-left: 15px;
    }

    .riesgo-img{
      position: absolute;
    }

    .riesgo-img img{
    width: 80%;
    transform: translateY(-90px);
    }

    .informacion{
      background-color: var(--renal);
      width: fit-content;
      border-radius: 5px;
      padding: 5px 20px;
    }

    .container-test {
      max-width:1100px;
      margin: 0 auto;
    }

    @media (max-width: 992px) {
      .row.row-quiz {
        gap: 0;
      }
      .image-rinon img {
        max-width: 200px;
      }
      .riesgo-img{
      position: unset;
      padding-top: 20px;
      }
      .riesgo-img img{
      width: 100%;
      transform: none;
      }
    }
  

    #my-details-box-0,
    #my-details-box {
      width: 100% !important;
      background-color: white;
      background: white;
    }

    #my-details-box .page-1,
    #my-details-box .page-2,
    #my-details-box-0 .page-1,
    #my-details-box-0 .page-2 {
      background-color: white;
      background: white;
      width: 100% !important;
      position: relative;
      padding: 20px;
    }

    #my-details-box footer,
    #my-details-box-0 footer {
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 100%;
    }

    #my-details-box-0 .text-xxs,
    #my-details-box .text-xxs {
      font-size: 0.6rem;
      margin-top: 300px;
    }
  

/* ============================= */
/* 🔧 FIX: Evitar que calculadora afecte todo el sitio */
/* ============================= */

/* Reset globales del renal deshabilitados */
.calculadora-renal * {
  font-family: 'Mosvita', sans-serif !important;
  box-sizing: border-box;
}

/* Reglas específicas SOLO dentro de calculadora */
.calculadora-renal .text-xxl,
.calculadora-renal .text-xxxl,
.calculadora-renal .text-xxxxl {
  font-size: inherit;
  line-height: 1.3;
}

/* ============================= */
/* 🔧 FIX: Restaurar Owl Carousel */
/* ============================= */
.owl-carousel .item {
  padding: 0 5px;
  height: auto !important;
}

.owl-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

/* ============================= */
/* 🔧 FIX: Restaurar desplegables (Aprende en 3 pasos) */
/* ============================= */
.cards-steps .extra-content {
  display: none !important;
  
  margin-top: 10px !important;
  padding: 15px !important;
  border-radius: 16px !important;
  transition: all 0.3s ease !important;
}





.cards-steps .toggle-btn.rotated {
  transform: rotate(180deg);
}


.cards-steps .extra-content.d-flex {
  display: flex !important;
}


.cards-steps .extra-content {
  display: none !important; /* manda la parada */
}

.cards-steps .extra-content.open {
  display: flex !important;
}


/* ===== Toggle: rotación SOLO de la flecha (no de todo el botón) ===== */
.cards-steps .toggle-btn {
  background: #f03500 !important;
  border: none !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 20pt !important;
  border-radius: 50% !important;
  height: 2em !important;
  width: 2em !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  /* IMPORTANTE: NO usar transform aquí para evitar conflictos */
  transform: none !important;
      font-style: normal !important;
}

/* La flecha interna será el elemento que rote */
.cards-steps .toggle-btn .arrow {
  display: inline-block;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform .22s ease;
  /* Asegura que el glyph no cambie de posición al rotar */
  line-height: 1;
  font-style: normal !important;
}

/* Cuando el botón tenga la clase .rotated, la flecha apunta hacia arriba */
.cards-steps .toggle-btn.rotated .arrow {
  transform: rotate(180deg);
}

.btn-card.active {
  background-color: #f03500 !important;
  color: #fff !important;
}


.cards-steps .toggle-btn:hover {
  opacity: 0.8;
  transition: 0.3s;
}