/* Fuentes */
@import url('https://fonts.cdnfonts.com/css/made-tommy-soft-outline');

@font-face {
  font-family: 'Gotham Bold';
  src: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/Gotham-Bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/Gotham%20Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Impulsa';
  src: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/Impulsa-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.made {
  font-family: 'MADE Tommy Soft', sans-serif;
}

.gotham {
  font-family: 'Gotham Rounded', sans-serif !important;
}

p .impulsa {
  font-family: 'Impulsa' !important;
}

.gotham-book {
  font-family: 'Gotham Rounded Book', sans-serif !important;
  font-weight: 400;
}

.gotham-bold {
  font-family: 'Gotham Rounded Book', sans-serif !important;
  font-weight: 400;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Gotham Rounded', sans-serif!important;
}

:root {
  /*Colores*/
  --black: #3E3E3E;
  --lightgrey: #f5f5f5;
  --white: #ffffff;
  --darkblue: #194D75;
  --blue: #065F9B;
  --lightblue: #0089C6;
  --celeste: #CEE7F2;
  --celesteclaro: #EBF7FF;
  --pinkred: #E00352;
  --lightpink: #FCE4EC;
  --orange: #E87924;
  --lightorange: #FEEFE3;
  --green: #12C6C1;
  --lightgreen: #DDF3F2;
  --aquagreen: #E8F5F4;
  --lightgrey2: #F8F8F8;
  /*Border Radius*/
  --br-20: 20px;
  --br-32: 32px;
  --br-50: 50px;
  --br-60: 60px;
}

/*Paddings y Margins*/
.mt-1 {
  margin-top: 10px;
}

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

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px!important;
}

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

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

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

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

.mb-4 {
  margin-bottom: 40px!important;
}

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

@media(max-width:768px) {
  .mb-5-mob {
    margin-bottom: 10px;
  }

  #container-columnas-mqg {
    padding: 20px;
  }

  #embed-03b44d3d1b .home-section3,
#embed-6aa2abf718 .home-section3 {
    padding: 20px;
  }

  #embed-d610da5222 .bg-blue {
    padding: 20px;
  }

  #embed-751b880e63 .contenedor-tips .tip {
    margin-bottom: 25px;
  }

  .btn-rinones2 {
    max-width: 100% !important;
  }

  #embed-384759024c .box-card-factores {
    padding: 20px;
    line-height: 1.2;
  }
}

/*------------------------*/
.pt-1 {
  padding-top: 10px;
}

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

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

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

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

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

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

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

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

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



/*Border Radius*/
.br-10 {
  border-radius: 10px;
}

.br-20 {
  border-radius: var(--br-20);
}

.br-32 {
  border-radius: var(--br-32);
}

.br-50 {
  border-radius: var(--br-50);
}

.br-60 {
  border-radius: var(--br-60);
}

/*Text Colors*/
.text-black {
  color: var(--black);
}

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

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

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

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

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

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

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

.fw-bold {
  font-weight: bold!important;
}

/*Background Colors*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*estilos bootstrap*/
.d-flex {
  display: flex;
}

.justify-content-start {
  display: flex;
  justify-content: start;
}

.fit-contain {
  object-fit: contain!important;
}
/* Containers  */

/*Container main */
.container-main {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Tamanos para diferentes puntos de quiebre */
@media (min-width: 576px) {
  .container-main {
    max-width: 800px;
  }
}

@media (min-width: 768px) {
  .container-main {
    max-width: 900px;
  }
}

@media (min-width: 992px) {
  .container-main {
    max-width: 1200px;
  }

  .container-volver {
    margin-left: -50px;
  }
}

@media (min-width: 1200px) {
  .container-main {
    max-width: 1300px;
  }
}

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


/* Container mqg */

.container-mqg {
  width: 100%;
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-right: auto;
  margin-left: auto;
}

/* Tamanos para diferentes puntos de quiebre */
@media (min-width: 576px) {
  .container-mqg {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-mqg {
    max-width: 600px;
  }
}

@media (min-width: 992px) {
  .container-mqg {
    max-width: 860px;
  }
}

@media (min-width: 1200px) {
  .container-mqg {
    max-width: 991px;
  }
}

.container-mqg {
  max-width: 1100px;
}

a {
  text-decoration: none !important;
}

.bold {
  font-weight: bold;
}

.gotham-bold {
  font-family: 'Gotham Bold' sans-serif;
}

h1 {
  margin: 0;
}

.w-100 {
  width: 100%;
}

.fs-h1 {
  font-size: 160px;
  font-weight: normal;
  line-height: 0.8;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
  line-height: 1.4;
}

.fs-18 {
  font-size: 18px;
  line-height: 1.3;
}

.fs-20 {
  font-size: 20px;
}

.fs-30 {
  font-size: 30px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.mx-auto {
  margin: 0 auto;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.flex {
  display: flex;
}

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

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

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

.flex-row {
  display: flex;
  flex-direction: row;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.gap-30 {
  gap: 30px;
}

.gap-50 {
  gap: 50px;
}

.gap-80 {
  gap: 80px;
}

.gap-120 {
  gap: 120px;
}

@media(max-width:992px) {

  .gap-80-mob {
    gap: 40px !important;
  }

  .gap-0-mob {
    gap: 0px !important;
  }
}


/* Flex column y row responsive */


/* Pantallas chicas (min-width: 576px) */
@media (min-width: 576px) {
  .flex-column-sm {
    display: flex;
    flex-direction: column;
  }

  .flex-row-sm {
    display: flex;
    flex-direction: row;
  }
}

/* Pantallas Medianas (min-width: 768px) */
@media (min-width: 768px) {
  .flex-column-md {
    display: flex;
    flex-direction: column;
  }

  .flex-row-md {
    display: flex;
    flex-direction: row !important;
  }
}

/* Pantallas Grandes (min-width: 992px) */
@media (min-width: 992px) {
  .flex-column-lg {
    display: flex;
    flex-direction: column;
  }

  .flex-row-lg {
    display: flex;
    flex-direction: row;
  }
}

/* Pantallas Extra Grandes (min-width: 1200px) */
@media (min-width: 1200px) {
  .flex-column-xl {
    display: flex;
    flex-direction: column;
  }

  .flex-row-xl {
    display: flex;
    flex-direction: row;
  }
}

/* Pantallas Extra Extra Grandes (min-width: 1400px) */
@media (min-width: 1400px) {
  .flex-column-xxl {
    display: flex;
    flex-direction: column;
  }

  .flex-row-xxl {
    display: flex;
    flex-direction: row;
  }
}


/* Home */

.ul-blue {
  list-style-type: disc;
  padding-left: 14px;
}

.ul-blue li::marker {
  color: #065F9B;
}

.home-subtitle {
  max-width: 430px;
}

.box-white {
  padding: 25px;
  max-width: 380px;
}

.box-pinkred {
  margin-top: 5rem;
  position: relative;
  z-index: 10;
}

.icon-1 {
  width: 40px;
}

.icon-2 {
  width: 30px;
}

.icon-3 {
  width: 60px;
}

.icon-4 {
  width: 40px;
  height: 40px;
}

.home-section1 {
  margin-top: -7.6rem;
  padding-top: 5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media(max-width:991px) {
  .home-section1 {
    padding-bottom: 50px;
  }
}

@media(min-width:400px) {
  .home-section1 {
    margin-top: -8.6rem;
  }
}

@media(min-width:568px) {
  .home-section1 {
    margin-top: -9.5rem;
  }
}

@media(min-width:768px) {
  .home-section1 {
    margin-top: -10.3rem;
  }
}

@media(min-width:991px) {
  .home-section1 {
    margin-top: -15.6rem;
  }
}

@media(min-width:1200px) {
  .home-section1 {
    margin-top: -12.3rem;
  }
}

@media(min-width:1400px) {
  .home-section1 {
    margin-top: -13.2rem;
  }
}

@media(max-width:991px) {
  .home-section1 {
    padding-bottom: 50px;
    margin-top: -9.6rem;
  }

  .img-banner {
    max-width: 320px;
  }
}

.img-banner {
  transform: scale(1.1);
  margin-top: 1.5rem;
}

.woman-img {
  width: 100%;
  margin-left: -45px;
  margin-bottom: -3px;
  margin-top: -60px !important;
}

.woman-img2 {
  display: none;
}

.home-section3 {
  padding: 50px;
}

.btn-icon {
  margin-left: 4rem;
  margin-bottom: 4px;
  width: 15px;
}

.mapa-card {
  background-image: url("/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/home/worldmap2.png");
  background-size: cover;
  padding: 20px 60px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.glass-card {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
  backdrop-filter: blur(9.6px);
  -webkit-backdrop-filter: blur(9.6px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  padding: 20px 60px;
  margin-top: 20px;
}

.stat-glass {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 2rem;
  border: 1px solid #BDD8E7;
  padding: 15px 10px;
  background-color: #EBF6FA;
}

@media(max-width:480px) {
  .stat-glass {
    align-items: flex-start;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 30px;
  }
}

.home-section4 {
  padding: 70px 0;
}

.home-section4 {
  padding: 70px 0;
}

.p-20 {
  padding: 20px;
}

.img-circles {
  width: 90%;
  margin-top: -1.5rem;
}

.home-section5 {
  padding-top: 60px;
  padding-bottom: 40px;
}

.btn-red {
  padding: 20px 15px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  min-width: 200px;
  max-height: 35px;
  justify-content: space-between;
}

@media(max-width:992px) {
  .btn-red {
    padding-left: 15px;
  }

  .btn-red>span {
    margin: 0;
  }

  .menu-item {
    display: flex;
    flex-direction: column;
  }

  .submenu {
    text-align: center;
  }
}

.btn-icon2 {
  margin-left: 2rem;
}

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

.img-woman3 {
  width: 250px;
}

.accordion {
  background-color: transparent;
  color: #194D75;
  cursor: pointer;
  width: 100%;
  /*display: flex;*/
  justify-content: space-between;
  padding: 40px 16px;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.arrow-accordion {
  width: 15px;
  height: 12px;
  font-weight: 600;
  color: #194D75;
  transition: transform 400ms;
}

.active,
.accordion:hover {
  background-color: transparent;
}

.panel {
  padding: 0 18px;
  height: fit-content;
  background-color: transparent;
  opacity: 0;
  overflow: hidden;
}

.display-none {
  display: none;
}

.rotate-arrow-up {
  animation: arrowrotateup 300ms both;
  transition: 400ms;
}

.rotate-arrow-down {
  animation: arrowrotatedown 300ms both;
}

.accordion-disappear {
  animation: disappear 300ms both;
}

.accordion-appear {
  animation: appear 400ms both;
}

@keyframes appear {
  0% {
    display: none;
    opacity: 0;
    transform: translateY(90px);
  }

  100% {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes disappear {
  0% {
    display: flex;
    opacity: 1;
    transform: translateY(0px);
    height: fit-content;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    display: none;
    opacity: 0;
    transform: translateY(-18px);
  }
}

@keyframes arrowrotateup {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(90deg);
  }
}

@keyframes arrowrotatedown {
  0% {
    transform: rotate(90deg);
  }

  100% {
    transform: rotate(0);
  }
}

.referencias-text {
  line-height: 1.4;
}



/* Home responsive */



@media(max-width:991px) {
  .fs-h1 {
    font-size: 130px;
    margin-top: 1rem;
  }

  .home-subtitle {
    font-size: 25px;
    max-width: 340px !important;
  }

  .container-banner-img {
    text-align: center !important;
  }

  .home-section1 {
    /*padding-bottom: 50px;*/
    padding-bottom: 0px !important;
    margin-top: -9.3rem;
  }

  .box-pinkred {
    margin-top: 2rem;
  }

  .woman-img {
    display: none;
  }

  .woman-img2 {
    display: flex;
    width: 450px;
    margin: auto;
  }

  .btn-red {
    max-width: 400px;
    margin: auto;
  }

  .home-section3 {
    padding: 20px 5px;
  }

  .mapa-card {
    padding: 0 20px;
    padding-bottom: 20px;
  }

  .glass-card {
    padding: 10px 20px;
  }

  .stat-glass {
    border-radius: 20px;
  }

  .img-circles {
    max-width: 350px;
    margin: 0 auto;
  }

  .items-start-lg {
    align-items: start;
  }

  .gap-30 {
    gap: 20px;
  }
}

@media(max-width:480px) {
  .woman-img2 {
    margin-left: -20px;
    margin-top: -35px !important;
  }
}

@media(max-width:390px) {
  .btn-red {
    font-size: 25px;
  }
}

@media (min-width: 600px) and (max-width: 990px) {
  .fs-h1 {
    text-align: center;
    margin-bottom: 5px;
  }

  .home-subtitle {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .box-white {
    margin: 0 auto;
  }

  .container-banner-img {
    text-align: center !important;
  }
}

@media (min-width: 991px) and (max-width: 1200px) {
  .box-pinkred {
    margin-top: 7rem;
  }
}

@media(min-width: 991px) {

  .img-circles {
    width: 400px !important;
    height: 380px !important;
  }
}




/**/



/* Page  - Tu espacio */
.h1-section {
  font-size: 130px;
  margin-top: 1rem;
}

.btn-banner {
  font-size: 16px;
  border-radius: 50px;
  padding: 15px 10px;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.img-banner-estudio {
  transform: scale(1.3);
  margin-left: -2.1rem;
  margin-top: -1.5rem;
}

.estudio-section1 {
  padding: 50px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: -6rem;
}

.box-blue {
  margin-top: 5rem;
  background-color: #194D75;
  padding: 20px 20px;
  border-radius: 15px;
  font-size: 16px;
}

.btn-blue {
  padding: 20px 20px;
  padding-right: 30px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  min-width: 200px;
  max-height: 35px;
  justify-content: space-between;
  border-radius: 50px;
  font-size: 30px;
}




















/* Footer */



.footer-container {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-blue {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-blue img {
  max-width: 200px;
}

.footer-contacto {
  margin-right: 200px;
}

.footer-redes {
  display: flex;
  gap: 30px;
}

.footer-redes img {
  width: 40px;
  height: 40px;
}

.cont-redes {
  display: flex;
  gap: 1rem;
}

@media(max-width:768px) {
  .footer-contacto {
    margin-right: 0;
  }

  .footer-redes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .w-100-mb {
    width: 100%;
  }

  .top-20-mb {
    margin-top: 20px;
  }
}

.footer-links {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media(max-width:992px) {
  .footer-links {
    align-items: center;
  }

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

/*animaciones*/

.btn-blue:hover .anim-jelly,
.btn-blue:hover img,
.btn-red:hover .anim-jelly,
.btn-red:hover img,
.icon-1:hover,
.icon-2:hover,
.icon-4:hover {
  animation: jelly .5s 1;
}

@keyframes jelly {
  from,
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(.9, 1.1);
    transform: scale(.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, .9);
    transform: scale(1.1, .9);
  }

  75% {
    -webkit-transform: scale(.95, 1.05);
    transform: scale(.95, 1.05);
  }
}

.hover-up:hover {
  animation: hoverUp 0.2s ease-in-out;
}

@keyframes hoverUp {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-5px);
  }
}

.hover-up {
  transition: transform .2s ease-in-out;
}

.aparecer-anim {
  animation: show 1s ease-out both;
}

@keyframes show {
  from {
    opacity: 0;
    transform: scale(0.25);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.aparecer-slide-left {
  animation: appearSlideLeft 1s ease-out both;
}

@keyframes appearSlideLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.aparecer-slide-right {
  animation: appearSlideRight 1s ease-out both;
}

@keyframes appearSlideRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (max-width:992px) {
  .container-estudio {
    display: flex;
    flex-direction: column;
  }

  .box-blue {
    margin: 0px;
  }

  .padding-mobile {
    padding: 20px;
  }

  .img-banner-estudio {
    transform: scale(1.2);
    margin-left: 1.5rem;
    margin-top: -1.5rem;
  }
}

.section-diabetes {
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/espacio/studio-bg.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 250px auto;
  padding: 1px;
}

@media (max-width: 768px) {
  .section-diabetes {
    background-image: none;
  }
}

.section-sintomas .content-columns {
  display: flex;
  justify-content: center;
  margin-bottom: -30px;
  gap: 40px;
}

.section-sintomas .left-column {
  flex: 1;
  margin-right: 20px;
  margin-top: 30px;
}

.section-sintomas .right-column {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mqg-line {
  border: 0;
  height: 2px;
  background: linear-gradient(to right, #00A1E0 10%, #d3d3d3 10%);
}

.section-sintomas .symptom-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.section-sintomas .symptom-card {
  display: flex;
  align-items: center;
  background-color: #f0f8ff;
  padding: 15px;
  border-radius: 10px;
  flex: 1 1 calc(25% - 10px);
  text-align: left;
}

.section-sintomas .note {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

@media (max-width: 768px) {
  .section-sintomas .content-columns {
    flex-direction: column;
    text-align: center;
  }

  .section-sintomas .left-column {
    margin-right: 0;
  }

  .section-sintomas .symptom-cards {
    flex-direction: column;
  }
}

.section-sintomas .symptom-card img.icon-2 {
  margin-right: 10px;
  width: 25px;
  height: auto;
}

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

@media (max-width:992px) {
  .section-sintomas .symptom-question-section {
    margin-top: 45px;
  }
}

.section-sintomas-tipos .content-columns {
  margin-bottom: 0px;
}

.section-sintomas-tipos .left-column {
  margin-top: 0px;
}

.box-card-factores {
  background-color: white;
  padding: 50px;
  border-radius: 10px;
}

.factores-riesgo-lista li hr {
  margin-top: 20px;
}

.factores-riesgo-lista hr {
  width: 100%;
  border: none;
  border-top: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 20px;
}

.cmp-container__backgroundImage--enabled {
  margin: 0px !important;
}

.factores-riesgo-lista li img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  margin-right: 10px;
}

@media (max-width:768px) {
  .section-sintomas-tipos .content-columns {
    gap: 20px;
    text-align: left;
  }

  .box-card-factores {
    padding: 25px;
  }
}

#container-columnas-mqg {
  max-width: 1100px !important;
  margin: auto;
  margin-top: 35px;
  margin-bottom: 35px;
}

#container-medico {
  max-width: 1100px !important;
  margin: auto;
  margin-top: 35px;
  margin-bottom: 35px;
}

@media (min-width: 576px) {
  #container-columnas-mqg {
    max-width: 540px !important;
  }

  #container-medico {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {

  #container-columnas-mqg,
  #container-medico {
    max-width: 600px !important;
  }
}

@media (min-width: 992px) {

  #container-columnas-mqg,
  #container-medico {
    max-width: 860px !Important;
  }
}

@media (min-width: 1200px) {

  #container-columnas-mqg,
  #container-medico {
    max-width: 991px !important;
  }
}

#container-columnas-mqg .azcl-column-par2,
#container-medico .azcl-column-par2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#container-columnas-mqg img,
#container-medico img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

img.icon-box-blue {
  width: 40px !important;
  height: 40px;
}

.box-section-blue {
  /*padding-top: 30px;
  padding-bottom: 10px;*/
  padding: 30px 40px 10px 30px !important;
}

@media (max-width:992px) {
  .box-section-blue {
    padding: 30px 20px 10px 20px !important;
  }
}

@media (max-width:768px) {

  #container-columnas-mqg,
  #container-medico {
    margin: 20px;
  }
}

.box-blue1 {
  margin-top: 1rem;
  background-color: #194D75;
  padding: 20px 20px;
  border-radius: 15px;
  font-size: 16px;
}

img.image-ajustando {
  margin-top: -80px !important;
}

.seccion-bajar-indice .contenedor-tips {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.seccion-bajar-indice .tip {
  width: 48%;
  display: flex;
  align-items: flex-start !important;
  gap: 15px;
  align-items: center;
  margin-bottom: 50px;
}

.seccion-bajar-indice .tip img {
  width: 50px;
  height: 50px;
}

@media (max-width: 768px) {
  .seccion-bajar-indice .tip {
    width: 100%;
    flex-direction: column;
  }
}

.seccion-mitos {
  padding: 30px;
}

.seccion-mitos .factores-riesgo-lista img {
  width: 30px;
  height: 30px;
}

.image-70 {
  width: 70%;
  display: block;
  margin: auto;
}

.image-80 {
  width: 80%;
  display: block;
  margin: auto;
}

.image-90 {
  width: 90%;
  display: block;
  margin: auto;
}

@media (max-width:768px) {

  .image-90,
  .image-80,
  .image-70 {
    width: 100%;
  }
}

.icon-center {
  position: relative;
  top: 0px;
  right: 10px;
  vertical-align: middle;
}

.imagen-centrada {
  margin: auto;
  display: block;
}

.margin-menos35 {
  margin-bottom: -35px;
}

.box-lightblue {
  margin-top: 5rem;
  background-color: #0089C6;
  padding: 20px 20px;
  border-radius: 15px;
  font-size: 16px;
}

.item-riesgo img {
  margin-right: 20px;
  width: 30px;
}

.item-riesgo {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}

.container-factores img {
  width: 90%;
  position: relative;
  top: -50px;
  left: 5%;
  margin-bottom: 0;
}

.img-banner-rinones {
  transform: scale(1.3) !important;
  position: relative;
  top: 124px;
  left: -180px;
}

.orange-line {
  border: 0;
  height: 2px;
  background: linear-gradient(to right, #E87924 10%, #d3d3d3 10%);
}

.data-item {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.data-icon {
  width: 30px;
  margin-right: 10px;
}

/* fondo rinones */
#embed-d5eac8a9e4,
#embed-dd8c4498e9,
#embed-cc4e4556c9,
#embed-58956b8997 {
  background: #FEEFE3;
}

.info-container-sabias-que {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff3e6;
  border: 1px solid #f7a94a;
  border-radius: 10px;
  padding: 20px;
  margin: 20px 0;
  position: relative;
}

.info-header-sabias-que {
  background-color: #f78a1d;
  color: white;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 20px;
  position: absolute;
  top: -20px;
  left: 20px;
}

.info-header-sabias-que p {
  margin: 0;
}

.info-content-sabias-que {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

.info-text-sabias-que::before {
  content: '';
  position: absolute;
  left: 33%;
  top: 20%;
  width: 1.5px;
  height: 70%;
  background-color: #f78a1d;
}

@media (max-width: 992px) {
  .info-container-sabias-que {
    padding: 0px 0px 20px 20px;
  }

  .info-text-sabias-que::before {
    display: none;
  }

  .info-content-sabias-que {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
  }
}

.cards-numbers {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.card-number {
  background-color: #E3F7FF;
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  position: relative;
}

.card-number img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid white;
}

@media (max-width:992px) {
  .cards-numbers {
    display: flex;
    flex-direction: column;
  }

  .card-number {
    margin-top: 20px;
  }
}

@media (max-width:768px) {
  .title-banner-mb {
    text-align: center;
    font-size: 80px;
  }

  .text-mb {
    font-size: 16px;
  }

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

  .super-small-txt {
    font-size: 12px;
  }

  img.image-ajustando {
    margin: 0px !important;
    width: 100% !important;
  }

  .img-banner-rinones {
    transform: scale(1.2) !important;
    position: relative;
    top: 61px;
    left: -60px;
  }
}

small,
.new {
  display: none;
}

.img-banner-corazon {
  transform: scale(1.1) !important;
  position: relative;
  top: 8%;
  left: 0%;
}

.items-start {
  align-items: flex-start;
}

.info-container-saberlo {
  margin-top: 50px;
  background-color: #FCE4EC;
  border: 1px solid #E00352;
  padding: 40px 30px;
}

.info-text-saberlo::before {
  content: '';
  position: absolute;
  left: 45.5%;
  top: 20%;
  width: 1px;
  height: 70%;
  background-color: #E00352;
}

.info-text-saberlo p {
  width: 480px;
}

.info-header-saberlo {
  background-color: #E00352;
}

@media (max-width:992px) {

  .info-text-saberlo p {
    width: 100%;
  }

  .info-container-saberlo {
    padding: 30px;
  }
}

@media (max-width:1030px) {

  .info-text-sabias-que::before {
    display: none;
  }
}

.btn-margin {
  margin-top: -90px !Important;
}

@media (max-width:1030px) {
  .btn-margin {
    margin-top: 0px !Important;
    min-width: 100% !Important;
  }
}

@media (max-width:700px) {
  .btn-margin {
    margin-top: 10px !Important;
  }
}

@media (max-width:768px) {
  .icon-mb {
    width: 30px !important;
    height: 30px;
  }

  .no-margin-mb {
    margin: 0px;
  }
}

@media (max-width:768px) {

  .gap-120 {
    gap: 20px;
  }
}

#header-main .main-menu .active {
  color: #E00352;
  font-weight: bold;
}

#page-0b0e95a3e4 #header-main,
#page-0b0e95a3e4 #header-main .container-main,
#page-4ae313f566 #header-main,
#page-4ae313f566 #header-main .container-main {
  background-color: var(--lightorange) !important;
}

#page-2a3a7068ad #header-main,
#page-2a3a7068ad #header-main .container-main,
#page-6906930685 #header-main,
#page-6906930685 #header-main .container-main {
  background-color: var(--lightpink) !important;
}

body {
  overflow-x: hidden;
}

.container {
  overflow: hidden;
}

/*cards tus rinones*/


.card-container-rinones {
  display: flex;
  gap: 20px;
  padding: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.card {
  background-color: #FEEFE3;
  border-radius: 10px;
  padding: 20px;
  width: 250px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
}

.card-icon-rinones img {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}

.card h3 {
  font-size: 16px;
  color: #3E3E3E;
  margin-bottom: 10px;
  margin-bottom: 20px;
}

.card-content-rinones {
  display: none;
  font-size: 14px;
  color: #5A5A5A;
  margin-bottom: 20px;
  transition: max-height 0.3s ease;
}

.card[data-expanded="true"] .card-content-rinones {
  display: block;
}

.card-arrow-rinones span {
  transition: transform 0.3s ease;
}

.card[data-expanded="true"] .card-arrow-rinones span img {
  transform: rotate(180deg);
}

.card-arrow-rinones {
  cursor: pointer;
}

.carousel-container {
  position: relative;
  width: 50%;
  margin: auto;
  overflow: show;
  border-radius: 20px;
}

.carousel-track-container {
  overflow: hidden;
  width: 100%;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.card {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #FFEFE5;
  border-radius: 10px;
  text-align: center;
  position: relative;
}

.carousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #E87924;
  cursor: pointer;
  font-size: 24px;
}

.carousel-button.left {
  left: -50px;
}

.carousel-button.right {
  right: -50px;
}

@media (max-width:768px) {
  .carousel-container {
    width: 100%;
  }

  .carousel-button.left {
    left: 10px;
  }

  .carousel-button.right {
    right: 10px;
  }
}

@media (max-width:768px) {
  .img-banner-corazon {
    transform: scale(1) !important;
    position: relative;
    top: 25px;
    left: 10%;
  }

  .banner-mb-corazon {
    margin-top: -90px;
  }

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

  .mt-90-mb {
    margin-top: 90px;
  }

  .justify-center-mb {
    justify-content: center;
  }

  .gap-mb-0 {
    gap: 0px;
  }

  .margin-mb {
    margin: 20px;
  }
}

@media (min-width:768px) and (max-width:992px) {
  .img-banner-corazon {
    transform: scale(1.2) !important;
    position: relative;
    top: 75px;
    left: 15%;
  }
}

.bg-buttons {
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/recursos/bg-btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center calc(100% + 50px);
}

.mqg-line-pink {
  border: 0;
  height: 2px;
  background: linear-gradient(to right, #E00352 10%, #d3d3d3 10%);
}

.icon-20 {
  width: 20px !important;
  height: 20px !important;
}

.icon-30 {
  width: 30px !important;
  height: 30px !important;
}

.bg-lightblue2 {
  background-color: #E3F7FF;
}

.bg-lightorange2 {
  background-color: #FFF8F2;
}

.card-recursos {
  width: 100%;
  max-width: 300px;
  overflow: hidden;
}

.card-image-recursos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-content-recursos {
  padding: 25px;
  border-radius: 0 0 10px 10px;
  min-height: 90px;
}

.section-sintomas .left-column.left-column-recursos {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
}

@media (max-width:992px) {
  .content-columns-recursos {
    display: flex;
    gap: 30px;
    align-items: center;
  }
}

.flecha-ref {
  display: flex;
}

#acc-noticias {
  max-width: 1100px;
  margin: auto;
}

#acc-noticias .cmp-accordion__title {
  font-size: 20px;
  position: relative;
}

#acc-noticias .cmp-accordion__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #065F9B;
  position: absolute;
  bottom: -15px;
  left: 0;
}

.cmp-accordion__icon::before {
  display: none;
}

.cmp-accordion__button::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/noticias/flecha-acc.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.cmp-accordion__button[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

#acc-noticias .cmp-accordion__item {
  margin-bottom: 60px;
}

#embed-ac011ce171,
#embed-7ad2f4b3a4,
#embed-cf8ec74ed0,
#embed-1868f52bf6,
#embed-43f34613ab,
#embed-6833ddd439,
#embed-66ca0d9f1b,
#embed-0a1dcf203e {
  background-color: #E3F7FF !important;
}

.icon-55 {
  width: 55px;
  height: 55px;
}

.lista-color-bullet li::before {
  content: "\2022";
  color: #E00352;
  font-size: 1.2em;
  margin-right: 8px;
}

.submenu-toggle {
  display: none;
}

.container-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

.hamburger {
  display: none;
}

.main-menu {
  display: flex;
  gap: 20px;
}

@media (max-width: 768px) {
  .main-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background-color: #EBF7FF;
    z-index: 1000;
  }

  #menu-toggler:checked~.main-menu {
    display: flex;
  }

  .hamburger {
    display: block;
    cursor: pointer;
  }

  #header-main .main-menu .item {
    display: block;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .main-menu {
    display: flex;
    flex-direction: row;
  }

  .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 53%;
    width: 250px;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    text-align: right;
  }

  .menu-item:hover .submenu {
    display: flex;
    flex-direction: column;
  }

  .container-mitos .justify-content-end {
    display: flex;
    justify-content: flex-end;
  }

  .container-mitos {
    margin-top: -120px!important;
  }
}

.submenu li {
  list-style: none;
  padding: 8px 0;
  border-top: 1px solid #F8F8F8;
}

.person-actividad {
  position: relative;
  top: -160px;
  right: 50px;
}

@media (max-width: 768px) {
  .person-actividad {
    position: relative;
    top: -150px;
    right: 6px;
    z-index: -1;
    scale: 1.3;
  }
}

.blue-blur::after {
  content: "";
  position: absolute;
  bottom: -120px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/noticias/blue-blur.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: -1;
  opacity: 1;
}

.blue-blur {
  position: relative;
}

.contenedor-texto-mente {
  padding: 50px;
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 50px;
}

.contenedor-texto-mente ul {
  padding-left: 20px;
  margin-bottom: 15px;
}

.contenedor-texto-mente ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}

.contenedor-texto-mente p {
  margin-bottom: 10px;
  line-height: 1.6;
}

.contenedor-texto ul li::before {
  content: "\2022";
  color: #00BFFF !important;
  font-size: 1.2em;
  position: absolute;
  left: 0;
  top: 0;
}

#embed-66e1402d79,
#embed-dd2d92f471 {
  background: #F5F5F5;
}

@media (max-width:768px) {
  .contenedor-texto-mente {
    padding: 20px;
  }
}

.box-orange {
  margin-top: 5rem;
  background-color: #E87924;
  padding: 20px 20px;
  border-radius: 15px;
  font-size: 16px;
}

.icon-40 {
  width: 40px;
  height: 40px;
}

.p-10 {
  padding: 10px;
}

/*css cuestinario danis*/

.quiz-question-group {
  display: flex;
}

.d-none {
  display: none !important;
}

/*cuestionario renal*/

#embed-ca3cdb942a {
  background-color: #F8F8F8;
}

.title-calc-renal {
  display: none;
}

.question-title {
  font-size: 20px !important;
  font-weight: bold;
  color: #004E74;
  text-align: left;
}

.quiz-question-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.option-label input {
  display: none;
}

.btn-siguiente {
  font-family: 'Impulsa' !important;
  font-size: 28px;
  padding: 10px 20px !Important;
}

.col-calc {
  display: flex;
  flex-direction: column;
}

.image-rinon img {
  width: 100%;
  max-width: 260px;
}

.progress-new {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.quiz-new {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.option-label {
  min-width: 190px;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #FF7F50;
  border-radius: 25px;
  color: #004E74;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: -4px;
  background: white;
}

.option-label:hover {
  background-color: #FD7500;
  color: white;
}

.boton-quiz-new .btn-siguiente {
  background-color: #FF7F50;
  color: white;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s;
  cursor: pointer;
  min-width: 160px;
}

/*elements relative*/

.title-quiz-new {
  position: relative;
  left: 265px;
  width: 600px;
  margin: auto;
}

.quiz-new {
  position: relative;
  display: inline-block;
  text-align: center;
}

.boton-quiz-new {
  position: relative;
  margin-top: 20px;
  display: inline-block;
}


/*fin elements relative*/




.quiz-new {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.boton-quiz-new {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  justify-content: flex-start;
}

/*.progress-new {
  position: relative;
  bottom: 45px;
  left: 310px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}*/

.col-md-6 {
  margin-top: 10px;
}

.progress-new .col-md-6 label {
  font-size: 14px;
  font-weight: bold;
  color: #004E74;
}

.question1-next {
  position: relative;
  padding-right: 30px;
}

.question1-next::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/arrow-right.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.main-label {
  width: 100%;
}

.weight-box {
  display: flex;
  align-items: center;
}

.weight-box .main-label {
  color: #262626;
}

.weight-kgs,
#age-input,
.height-metres {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1.5px solid #E2DFDF;
  border-radius: 30px;
  margin: 0px;
}

.weight-box {
  margin: 20px 0;
}

.holder-test {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1.5px solid #E87924;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}

.holder-test:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #E87924;
  border-radius: 50%;
}

.weight-box p {
  display: flex;
  gap: 10px;
}

.weight-box p label {
  display: flex;
  gap: 10px;
  align-items: center;
}

#my-details-bo#my-details-box .page-1 .row {
  background-color: #f9f9f9;
  padding: 3rem;
  border-radius: 30px;
}

#my-details-box p.text-black {
  line-height: 2.5;
}

#age-result,
#sex-result,
#bmi-result {
  color: white;
  background: #065F9B;
  padding: 2px 10px;
  border-radius: 10px;
}

.riesgo h3 {
  color: #194D75;
  font-size: 20px;
  margin-bottom: 30px;
}

#question1-result,
#question2-result,
#question3-result,
#question4-result,
#question5-result,
#question6-result,
#question7-result {
  color: white !important;
  background: #E87924;
  padding: 2px 10px;
  border-radius: 10px;
}

.wpb_text_column.wpb_content_element {
  background: #FEEFE3;
}

.cosas1 {
  max-width: 500px;
}

.cosas1 p {
  line-height: 20px !important;
}

#my-details-box .impulsa {
  font-size: 32px;
  letter-spacing: 1px;
}

.cosas1 .text-renal {
  color: #3E3E3E;
}

.quiz-new {
  display: block;
  text-align: left;
}

.question8-next {
  width: 100%;
  max-width: 190px;
}

.question2-next,
.question3-next,
.question4-next,
.question5-next,
.question6-next,
.question7-next,
.question8-next {
  position: relative;
}

.question2-next::after,
.question3-next::after,
.question4-next::after,
.question5-next:after,
.question6-next:after,
.question7-next::after,
.question8-next:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.riesgo #my-details-box .page-1 .row {
  background-color: rgb(249, 249, 249);
  padding: 3rem;
  border-radius: 30px;
}

.riesgo #my-details-box .page-1 .text-left {
  margin-top: 50px;
}

/*Botones quiz rinones*/

.box-btns {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 30px 0px !important;
}

.card-descarga {
  background-color: #E87924;
  color: white;
  padding: 20px;
  border-radius: 30px;
  height: 45px;
  display: flex;
  align-items: center;
}

.btn-comenzar button {
  background-color: #065F9B;
  color: white;
  padding: 20px;
  border-radius: 30px;
  height: 45px;
  display: flex;
  align-items: center;
}

.btn-compartir {
  background-color: #194D75;
  color: white;
  padding: 20px;
  border-radius: 30px;
  height: 45px;
  display: flex;
  align-items: center;
}

/*Estilos 14/11/24*/
.box-results-rinones {
  padding: 3rem;
}

.container-results-rinones {
  padding: 3rem;
}

.container-results-rinones .container-mqg {
  border-radius: 30px;
}

.box-results-rinones {
  padding: 3rem;
}

.container-results-rinones {
  padding: 3rem;
}

.container-results-rinones .container-mqg {
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width:992px) {
  .img-rinones {
    position: relative;
    width: 100%;
    max-width: 250px;
  }

  .img-rinones img {
    position: relative;
    top: 0px;
    left: -150px;
  }
}

@media (max-width:992px) {
  .container-results-rinones .container-mqg {
    display: flex;
    flex-direction: column;
  }

  .img-rinones {
    display: none;
  }
}

@media (max-width:768px) {
  .box-btns {
    display: flex;
    flex-direction: column;
  }

  .btn-comenzar button {
    width: 100%;
  }

  .box-btns {
    padding: 0px !important;
  }

  .container-results-rinones {
    padding: 1rem;
  }
}

.container-results-txt {
  background-color: white;
  margin-top: -100px;
}

.contenido-results-txt {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 20px;
}

.impulsa {
  font-family: 'Impulsa', sans-serif !important;
}

.card-descarga .desc,
.btn-comenzar #comenzarNuevamente,
.btn-compartir .impulsa {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 40px;
  font-size: 20px;
  text-decoration: none;
}

.card-descarga .desc::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-descarga.png');
  background-size: cover;
  position: absolute;
  right: 5px;
}

.btn-comenzar #comenzarNuevamente::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-comenzar-nuevamente.png');
  background-size: cover;
  position: absolute;
  right: 15px;
}

.btn-compartir .impulsa::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-compartir.png');
  background-size: cover;
  position: absolute;
  right: 5px;
}

.p-3rem {
  padding: 3rem;
}

.cosas1 .text-renal {
  color: black;
}

.no-riesgo-text ul li {
  list-style-type: none !important;
  position: relative;
  text-indent: 0px !Important;
  margin: 0px !Important;
}

.no-riesgo-text ul {
  padding: 0px !important;
  line-height: 24px;
  margin: 15px 0px;
}

#cero-riesgo {
  background-color: #E87924;
  padding: 3rem;
}

.box-no-riesgo-rinones {
  padding: 3rem;
  border-radius: 30px;
  background: white;
}

.no-riesgo-text ul li::before {
  content: "\25CF";
  color: #E87924;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.btn-aprende-rinones {
  background-color: #E87924;
  color: white;
  padding: 15px 25px;
  border-radius: 30px;
  margin-top: 10px;
}

.bg-grey {
  background: #F5F5F5;
}

@media (max-width:768px) {
  .btns-cero-riesgo {
    margin: 30px 0px;
  }

  .btns-cero-riesgo .btn-compartir {
    margin-bottom: 30px;
  }

  #cero-riesgo {
    padding: 3rem .5rem;
  }
}

.btn-anterior {
  background-color: #FF7F50;
  color: white;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s;
  cursor: pointer;
  min-width: 160px;
  font-size: 28px;
  gap: 10px;
}

.btn-anterior::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/back-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
}

/*MODAL*/


.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 90%;
  max-width: 500px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #065F9B;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 10px;
  display: none;
}

.modal--visible {
  display: block;
}

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

.modal__closeLabel {
  display: none;
}

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

.modal-box__content {
  padding: 10px;
}

.exit-ramp-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #194D75;
}

.exit-ramp-body {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.exit-ramp-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exit-ramp-continue {
  text-decoration: none;
  font-size: 14px;
  padding: 8px 15px;
  color: #ffffff;
  background-color: #E87924;
  border: 1px solid #E87924;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.exit-ramp-continue:hover {
  background-color: #c35e1b;
}

.exit-ramp-cancel {
  cursor: pointer;
  font-size: 14px;
  color: #065F9B;
  text-decoration: underline;
}

/*FIN MODAL*/
.btn-compartir a {
  color: white;
}

.box-btns {
  cursor: pointer;
}

.container-test {
  display: flex;
  justify-content: center;
  gap: 120px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.container-test .col-calc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 500px;
}

.question-title {
  width: 100%;
  line-height: 28px;
}

input[data-tracking-id="btn-test-renal-check-sinespecificar"] {
  width: 25px;
}

@media (max-width:768px) {
  .weight-box p {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .boton-quiz-new .btn-siguiente {
    max-width: 100%;
  }

  .image-rinon {
    display: none;
  }

  input[data-tracking-id="btn-test-renal-check-sinespecificar"] {
    width: 20px;
  }

  .option-label {
    min-width: 100%;
  }
}

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

.weight-box.validate9 .input-container label {
  margin-right: 8px;
}

@media(max-width:768px) {
  .quiz-new {
    margin: 0px 10px;
  }

  .input-container {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }

  .weight-box {
    justify-content: center;
  }
}

/*Fin test de rinones*/

/*Test Diabetes*/

#embed-6f27b661c8 {
  background-color: #F8F8F8;
}

.questions-diabetes {
  display: flex;
  justify-content: center;
  gap: 120px;
}

.questions-diabetes .option-label {
  min-width: 400px;
  border: 2px solid #12C6C1;
  padding: 15px 20px !important;
}

.questions-diabetes .boton-quiz-new .btn-siguiente,
.questions-diabetes .option-label:hover {
  background-color: #12C6C1;
}

.questions-diabetes .boton-quiz-new .btn-atras {
  background-color: #12C6C1;
  color: white;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s;
  cursor: pointer;
  min-width: 160px;
  font-family: 'Impulsa' !important;
  font-size: 28px;
  position: relative;
}

.questions-diabetes .boton-quiz-new .btn-atras::before {
  content: '';
  display: inline-block;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-comenzar-nuevamente.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 50px;
}

.questions-diabetes .content-columns {
  display: flex;
  gap: 30px;
}

.questions-diabetes .content-columns .option-label {
  min-width: 200px;
}

.questions-diabetes .content-columns .left-column .weight-box .input-container {
  display: flex;
  flex-direction: column;
}

.questions-diabetes .content-columns .left-column .weight-box .input-container label {
  margin-bottom: 15px;
}

.questions-diabetes .content-columns .question-title {
  font-size: 16px !important;
  color: #12C6C1;
  font-weight: 400;
}

.questions-diabetes .content-h-m {
  gap: 100px;
}

.questions-diabetes .content-columns .weight-kgs,
#age-input,
.height-metres {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1.5px solid transparent;
  border-radius: 30px;
  margin: 0px;
  border-color: #E2DFDF;
}

.questions-diabetes .option-label4 {
  min-width: 230px;
}

/*Resultados quiz diabetes*/

.result-diabetes {
  background-color: #DDF3F2;
  border-radius: 30px;
  padding: 3rem;
}

.result-diabetes .result-content1 {
  display: flex;
  gap: 30px;
  align-items: center;
}

.result-diabetes .result-content1 .card-descarga {
  background-color: transparent;
  border: 1.5px solid #12C6C1;
  color: white;
  padding: 20px;
  border-radius: 30px;
  height: 45px;
  display: flex;
  align-items: center;
  cursor: pointer !important;
}

.result-diabetes .result-content1 .card-descarga a {
  color: #12C6C1;
}

.result-diabetes .result-content1 .card-descarga .desc {
  font-size: 14px;
}

.result-diabetes .result-content1 .card-descarga .desc::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-diabetes/download.png);
  background-size: cover;
  position: absolute;
  right: 5px;
}

.result-diabetes .result-section h1 {
  font-size: 20px;
  color: #194D75;
}

.result-diabetes .result-text {
  font-size: 48px;
  color: #12C6C1;
  font-weight: regular;
}

.result-diabetes .result-text p {
  color: #194D75;
  font-weight: regular;
}

.result-diabetes .card-descarga {
  margin-top: 10px;
}

.result-diabetes .card-descarga i {
  font-size: 24px;
  color: #00b593;
  margin-right: 10px;
}

.result-diabetes .card-descarga a {
  font-size: 18px;
  text-decoration: none;
  color: #00b593;
}

.result-diabetes .actions {
  display: flex;
  gap: 20px;
  margin: 30px 0;
}

.result-diabetes .actions button,
.actions a {
  padding: 10px;
  background-color: #12C6C1;
  color: white;
  border: none;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}

.result-diabetes .actions .btn-compartir {
  background-color: #12C6C1;
}

.result-diabetes .actions #comenzarNuevamente {
  min-width: 220px;
}

.result-diabetes .actions button i {
  margin-right: 5px;
}

.result-diabetes .tips {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: -20px 0;
}

.result-diabetes .tip {
  flex: 1;
  padding: 40px 30px;
  background: #FFFFFF;
  border-radius: 20px;
}

.result-diabetes .tip img {
  width: 30px;
  margin-bottom: 10px;
}

.result-diabetes .info-section .content-columns {
  display: flex;
}

.result-diabetes .info-section .content-columns .left-column {
  max-width: 700px;
}

.result-diabetes .info-section .content-columns .right-column img {
  max-width: 180px;
  margin-top: -200px;
}

.result-diabetes .txt-quiz-bajo {
  display: flex;
  gap: 20px;
}

.questions-diabetes .quiz-question-group .option-label:has(input[type="radio"]:checked) {
  background-color: #12C6C1;
  color: white;
}

/*headers color*/

/*calculadora renal*/
#embed-58956b8997 #header-main {
  background: #FEEFE3 !important;
}

#embed-58956b8997 #header-main .container-main {
  background: #FEEFE3 !important;
}


/*calculadora diabetes*/
#embed-686e3f158a #header-main {
  background: #E8F5F4 !important;
}

#embed-686e3f158a #header-main .container-main {
  background: #E8F5F4 !important;
}

/*calculadora cardiaca*/

#page-cbcf16e9ab #header-main,
#page-cbcf16e9ab #header-main .container-main {
  background-color: var(--lightpink) !important;
}



/*fin headers color*/
#embed-e9ed167f65 {
  background: #F8F8F8;
  padding: 30px 0px;
}

/*calculadora imc*/

#calculadora-imc .box {
  border-radius: 3rem;
  border: solid 1.5px #12C6C1;
  padding: 3rem 2rem;
}

#calculadora-imc #swiper-wrapper-f5bbf2cf66b98706 {
  display: flex;
  justify-content: center;
  gap: 20px;
}

#calculadora-imc .swiperCalculadora .wrapper-calcu input {
  padding: 10px;
  border: solid 1px #b7b7b7;
  border-radius: 2rem;
}

#calculadora-imc .swiperCalculadora .wrapper-calcu p {
  font-size: 16px;
}

#calculadora-imc .row-imc {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

#calculadora-imc .box-calcu img {
  width: 250px;
  height: auto;
  display: block;
  margin-bottom: 50px;
}

#calculadora-imc .swiperCalculadora .wrapper-calcu button {
  margin-top: 2rem;
}

#calculadora-imc button.btn.bg-verde {
  background-color: #12C6C1;
  border: solid 2px #12C6C1;
}

#calculadora-imc .btn-calculo-imc {
  cursor: pointer;
  font-size: 19px;
  border-radius: 3rem;
  color: #fff;
  border: none;
  padding: .7rem 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
  max-width: 230px;
  margin: auto;
}

/* #calculadora-imc .btn-calculo-imc:hover {
    color: #12C6C1;
    background: white !Important;
}*/

#calculadora-imc .su-imc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 150px;
  margin: auto;
  margin-top: 30px;
}

#calculadora-imc .box-calcu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#calculadora-imc .row-imc input {
  max-width: 200px;
  max-height: 100%;
  margin: auto;
}

@media (min-width: 768px) {
  .box-calcu:not(.active) {
    filter: saturate(0);
    opacity: .25;
    cursor: pointer;
  }

  .column-mobile {
    display: flex!important;
    align-items: flex-start;
  }
}

#embed-b3b94b216c {
  background: #F8F8F8;
}

.results-imc .card-descarga {
  background-color: transparent;
  border: 1.5px solid #12C6C1;
  color: white;
  padding: 20px;
  border-radius: 30px;
  height: 45px;
  display: flex;
  align-items: center;
  color: #12C6C1;
  max-width: 230px;
}

.results-imc .card-descarga a {
  font-size: 14px;
}

.card-descarga .desc::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-imc/icon-download.png);
  background-size: cover;
  position: absolute;
  right: 5px;
}

.results-imc {
  padding: 3rem;
}

.content-results-imc {
  padding: 3rem;
  border-radius: 30px;
}

.br-30 {
  border-radius: 30px;
}

.text-darkblue {
  color: #0B2C50;
}

.results-imc-btns .content-columns .actions .btn-compartir {
  background-color: white;
}

.results-imc-btns .content-columns .actions #comenzarNuevamente {
  background: #12C6C1;
}

.results-imc-btns .content-columns .actions {
  display: flex;
}

#calculadora-imc {
  padding: 0rem 0rem 5rem 0rem;
}

.img-medic {
  max-width: 220px;
  height: auto;
  margin: 0px 0px -500px -30px;
}

.contenedor-results-high .img-medic {
  max-width: 270px !important;
  height: auto;
  margin: 0px 0px -200px -60px;
}

.contenedor-results-high .results-imc-btns .content-columns .left-column p {
  max-width: 400px;
}

.contenedor-results-high .row-result-high {
  display: flex;
}

.contenedor-results-high .card {
  padding: 0px;
  background-color: white;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  min-width: auto;
}

.contenedor-results-high .card img {
  width: 75px;
}

.contenedor-results-high .row-result-high {
  display: flex;
  gap: 10px;
}

.contenedor-results-high .row-tips .left-column {
  max-width: 340px;
  margin-right: 0px;
}

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

@media (max-width:768px) {
  .questions-diabetes {
    display: flex;
    gap: 0px;
  }

  .questions-diabetes .option-label {
    min-width: -webkit-fill-available;
  }

  .questions-diabetes .boton-quiz-new .btn-atras::before {
    margin-right: auto;
  }

  .questions-diabetes .content-columns {
    display: block;
  }

  .questions-diabetes .input-container {
    gap: 0px;
  }

  .questions-diabetes .quiz-question-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .result-diabetes .result-content1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .result-diabetes img {
    display: none;
  }

  .result-diabetes .actions {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0;
  }

  .result-diabetes .tips {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    margin: 20px 0;
  }

  .result-diabetes .actions button,
  .actions a {
    padding: 0px;
  }

  .result-diabetes .btn-compartir a {
    padding: 0px;
  }

  .result-diabetes .btn-compartir .impulsa::after {
    right: -45px;
  }

  .result-diabetes #comenzarNuevamente {
    padding: 15px;
  }
}

.questions-diabetes {
  padding-bottom: 50px;
}

/*calculadora cardiaca*/

#calculadora-cardiaca .image-rinon img {
  width: 100%;
  max-width: 380px;
}

#calculadora-cardiaca .image-rinon img {
  margin-top: -35px;
}

#calculadora-cardiaca .quiz-question-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
  min-height: 120px;
}

#calculadora-cardiaca .option-label {
  min-width: 110px;
  padding: 18px;
  color: black;
  border: 2px solid #E7E7E8;
}

#calculadora-cardiaca .boton-quiz-new .btn-siguiente {
  background-color: #E00352;
  padding: 5px 20px !important;
}

#calculadora-cardiaca .option-label:hover {
  background-color: #E21E64;
  color: white;
  border: 2px solid #E21E64;
}

#embed-59f8b208a1 {
  background: #F8F8F8;
}

#calculadora-cardiaca .question-title {
  display: flex;
  justify-content: center;
  margin: 0px;
}

#calculadora-cardiaca .container-test {
  display: flex;
  justify-content: space-evenly;
  gap: 0px;
}

#calculadora-cardiaca .boton-quiz-new .btn-anterior {
  background-color: #E00352;
  padding: 5px 20px !important;
}

.results-cardiaca-btn .content-columns {
  display: flex;
  justify-content: space-between;
}

.results-cardiaca-btn .content-columns .left-column .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.results-cardiaco .content-columns {
  display: flex;
  gap: 120px;
}

.results-cardiaco .content-columns .right-column img {
  max-width: 200px;
  margin-bottom: -10px;
}

.results-cardiaco .card-descarga {
  background-color: #F5F5F5;
  color: #E00352;
  padding: 20px;
  border-radius: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  border: 1.5px solid #E00352;
  cursor: pointer;
}

.results-cardiaco .card-descarga a {
  font-size: 14px;
}

.results-cardiaco .card-descarga .desc::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-cardiaca/download.png);
  background-size: cover;
  position: absolute;
  right: 5px;
}

#embed-26106025e7 {
  background: #F5F5F5;
}

.results-cardiaca-btn .container-mqg {
  padding: 20px;
}

.results-cardiaca-btn #comenzarNuevamente,
.results-cardiaca-btn .btn-compartir,
.results-cardiaca-btn .btn-compartir a {
  background-color: #E00352;
}

.results-cardiaca-btn #comenzarNuevamente {
  min-width: 250px;
}

.results-cardiaca-btn #comenzarNuevamente,
.results-cardiaca-btn .btn-compartir a {
  font-size: 24px;
}

.results-cardiaca-btn .btn-comenzar #comenzarNuevamente::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-comenzar-nuevamente.png);
  background-size: cover;
  position: absolute;
  right: 25px;
  bottom: 20px;
}

.results-cardiaco {
  padding-top: 50px;
}

.flex-end {
  justify-content: end;
}

#calculadora-cardiaca .container-test {
  padding-bottom: 80px;
}

#calculadora-cardiaca .option-label {
  font-family: 'MADE Tommy Soft', sans-serif;
}

#calculadora-cardiaca label:has(input[type="radio"]:checked) {
  background-color: #E00352 !important;
}

#calculadora-cardiaca .boton-quiz-new {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}

#calculadora-cardiaca .btn-anterior::before {
  margin-right: 40px;
}

#calculadora-cardiaca .flex-end-question1 {
  display: flex;
  justify-content: end;
}

#calculadora-cardiaca .progress-bar img {
  max-width: 400px;
}

#calculadora-cardiaca .progress-bar {
  margin: auto;
  margin-top: 25px;
}

.results-cardiaca-btn .btn-compartir a,
.results-cardiaca-btn #comenzarNuevamente {
  font-size: 24px !important;
}

#calculadora-cardiaca .question8-next {
  max-width: 160px;
}

/*botones siguiente cardiaco*/

#calculadora-cardiaca .question9-next:after,
#calculadora-cardiaca .question15-next:after,
#calculadora-cardiaca .question16-next:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 45px;
}

#calculadora-cardiaca .question10-next:after,
#calculadora-cardiaca .question11-next:after,
#calculadora-cardiaca .question14-next:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 95px;
}

#calculadora-cardiaca .question12-next:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 68px;
}

#calculadora-cardiaca .question13-next:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 48px;
}

.results-cardiaca-btn #comenzarNuevamente {
  cursor: pointer;
}

/*fin botones siguiente cardiaco*/

#page-cbcf16e9ab #nav-tu-corazon {
  color: #E00352;
  font-weight: bold;
}

.banner-mb-corazon {
  margin-top: -80px;
}

@media (min-width:768px) {
  .img-banner-corazon-mb {
    display: none;
  }
}

@media (max-width:768px) {
  .img-banner-corazon {
    display: none;
  }
}

@media (max-width: 768px) {
  .banner-mb-corazon {
    margin-top: -200px;
  }

  .banner-mb-corazon {
    margin-top: -300px;
  }

  .img-banner-corazon-mb {
    position: relative;
    left: 35%;
    top: 15px;
  }

  .title-corazon-mb {
    text-align: left;
    margin-bottom: 90px;
  }
}

@media (min-width:440px) {
  .img-banner-corazon-mb {
    position: relative;
    left: 50% !important;
    top: 30px !important;
  }
}

@media (max-width:768px) {
  #calculadora-cardiaca .container-test {
    flex-wrap: nowrap;
  }

  #calculadora-cardiaca .container-test .col-calc {
    display: flex;
    flex-direction: column;
    align-items: normal;
    gap: 20px;
  }

  #calculadora-cardiaca .image-rinon-mb img {
    position: relative;
    right: 20%;
  }

  .btn-anterior::before,
  .btn-siguiente::after {
    display: none !important;
  }

  .boton-quiz-new .btn-siguiente,
  .boton-quiz-new .btn-anterior {
    min-width: 130px;
  }

  .results-cardiaco .content-columns {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .results-cardiaco .contenedor-revise-mb {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .results-cardiaco .content-columns .right-column {
    display: none;
  }

  .results-cardiaca-btn .content-columns,
  .results-cardiaca-btn .content-columns .left-column .actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .results-cardiaca-btn .actions .btn-comenzar,
  .results-cardiaca-btn .actions .btn-compartir {
    width: 100%;
    display: flex;
  }

  .results-cardiaca-btn .btn-comenzar #comenzarNuevamente::after,
  .btn-compartir .impulsa::after {
    display: none;
  }

  .title-result-cardiaco {
    line-height: 1.4 !important;
    margin-bottom: 20px;
  }
}

@media (min-width:768px) {
  .image-rinon-mb {
    display: none;
  }
}

@media (max-width:440px) {
  #calculadora-cardiaca .container-test {
    display: block;
    margin: 0px 5px;
  }
}

@media (min-width:1030px) {
  #calculadora-imc {
    position: relative;
  }

  #calculadora-imc::after {
    content: '';
    position: absolute;
    top: 0%;
    right: -20%;
    transform: translateY(-50%);
    width: 50%;
    height: 50%;
    background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-imc/grafico-imc.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.resultado-imprimir {
  position: absolute;
  z-index: -1;
  max-width: 350px;
}

#page-7bc146e4ed #nav-recursos {
  color: var(--pinkred);
  font-weight: bold;
}

#embed-f06e35e3cc #header-main {
  background: #E8F5F4 !important;
}

#embed-f06e35e3cc #header-main .container-main {
  background: #E8F5F4 !important;
}

#embed-1bf76efc70 {
  background: #F8F8F8;
}

input:disabled {
  background-color: #c9c9c999;
  cursor: not-allowed;
}

.flex-start {
  display: flex;
  align-items: flex-start !important;
}

.resultado-imprimir {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.resultado-imprimir .text-verde {
  color: #12C6C1;
}

.resultado-imprimir .text-xl {
  font-size: 2.2rem;
  font-family: 'Impulsa' !important;
}

.resultado-imprimir .text-l {
  font-size: 1.2rem;
}

.resultado-imprimir .text-ml {
  font-size: 1.5rem;
}

.resultado-imprimir .bg-verde {
  background-color: #12C6C1;
}

.resultado-imprimir .rounded-pill {
  border-radius: 30px;
  padding: 15px;
  display: flex;
}

.resultado-imprimir .rounded-pill .pb-2 {
  padding: 0px;
}

.resultado-imprimir .col-6 {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

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

.resultado-imprimir .text-m {
  font-size: 14px;
}

.resultado-imprimir {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: auto;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-imc/fondo-tarjeta-imc.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.5rem;
  z-index: -1;
  pointer-events: none;
}

.resultado-imprimir .content {
  background-color: #fff;
  border-radius: 2rem;
  padding: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

#resultados-imc #comenzarNuevamente,
#resultados-imc .card-descarga {
  cursor: pointer;
}

@media(max-width:768px) {
  .content-results-imc .flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .content-results-imc .flex .mb-4 {
    margin-bottom: 0px;
  }

  .content-results-imc .card-descarga {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .content-results-imc .card-descarga a {
    width: 100%;
  }

  .content-results-imc .img-medic-container {
    display: none;
  }

  .results-imc-btns .content-columns .actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .results-imc-btns .content-columns .actions .btn-compartir {
    background: #12C6C1;
  }

  .results-imc-btns .btn-comenzar #comenzarNuevamente::after {
    display: none;
  }
}

@media(max-width:768px) {

  #calculadora-imc #swiper-wrapper-f5bbf2cf66b98706 {
    display: flex;
    flex-direction: column;
  }
}

body {
  overflow-x: hidden;
}

#acciones-high .row-result-high {
  display: flex;
}

#acciones-high .row-result-high .card {
  min-width: auto;
  box-sizing: border-box;
  padding: 20px;
  background-color: white;
  border-radius: none;
  text-align: center;
  position: relative;
  box-shadow: none;
}

#acciones-high .content-columns {
  display: flex;
}

#acciones-high .content-columns .left-column {
  min-width: 100px;
}

#acciones-high .row-result-high {
  max-width: 600px;
  margin-top: -40px;
}

#acciones-high .content-columns-btns {
  display: block;
}

#acciones-high .card {
  background: transparent !important;
}

.img-medic-container {
  margin-top: -80px;
}

@media (max-width:768px) {
  #acciones-high .content-columns.row-tips {
    display: flex;
    flex-direction: column;
  }

  #acciones-high .row-result-high {
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.box-results-rinones .card-descarga .desc::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-descarga.png);
  background-size: cover;
  position: absolute;
  right: 5px;
}

.btns-cero-riesgo .card-descarga .desc::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-renal/icon-descarga.png);
  background-size: cover;
  position: absolute;
  right: 5px;
}

/*ajustes mobile*/


.ocultar-en-pc {
  display: none;
}

@media screen and (max-width: 768px) {
  .ocultar-en-pc {
    display: block;
  }
}

.mostrar-en-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .mostrar-en-pc {
    display: none;
  }

  .mobile-reverse {
    display: flex;
    flex-direction: column-reverse!important;
  }

  .mt-mobile {
    margin-top: 20px;
  }
}

#calculadora-cardiaca .riesgo #my-details-box .page-1 .row {
  padding: 0rem;
}

#page-35486a9d5f #nav-tu-espacio {
  color: #E00352;
  font-weight: bold;
}

#page-6906930685 #nav-tu-corazon {
  color: #E00352;
  font-weight: bold;
}

#page-5f59d87ca5 #nav-recursos {
  color: #E00352;
  font-weight: bold;
}

#embed-9f75d73967 #header-main {
  background: #E8F5F4 !important;
}

#embed-9f75d73967 #header-main .container-main {
  background: #E8F5F4 !important;
}

#page-aa8a8c0a50 #nav-recursos {
  color: #E00352;
  font-weight: bold;
}

#embed-3c32e03e10 #header-main {
  background: #E8F5F4 !important;
}

#embed-3c32e03e10 #header-main .container-main {
  background: #E8F5F4 !important;
}

#page-aa8b54e464 #nav-tus-rinones {
  color: #E00352;
  font-weight: bold;
}

@media (max-width:768px) {
  .align-start-mb {
    display: flex;
    align-items: flex-start;
  }

  .tu-espacio-pasos img {
    display: none;
  }

  .ver-grafico {
    color: white;
    padding: 13px 30px;
    border: none;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    width: 100%;
  }

  .contenedor-ver-grafico {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .img-banner-estudio-mb {
    transform: scale(1.2);
    margin-top: -400px;
    margin-left: 110px;
  }

  .header-title-mb {
    text-align: left;
   /* margin-bottom: 200px;*/
    ;
  }

  #container-a6cf7b28ae .image.parbase {
    display: none;
  }

  .btn-relevantes span {
    font-size: 18px;
  }

  .img-relevantes {
    margin-top: 30px !important;
  }

  .img-banner-rinones-mb {
    transform: scale(1);
    margin-top: -180px;
    margin-left: 20px;
  }

  #embed-c52c55a33e,
  #embed-e150d57c21,
  #embed-58beffe104 {
    margin-top: 24px;
  }

  #embed-384759024c .item-riesgo {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 20px;
  }

  #embed-341563fd93 .data-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  #embed-22d38a4c0f .item-riesgo {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 20px;
  }

  .img-preguntas-mb {
    margin-left: 5px;
  }

  .img-banner-corazon-mb {
    transform: scale(1.2);
    margin-top: 0px;
    margin-left: -10px;
  }

  .mb-mobile-30 {
    margin-bottom: 130px;
  }

  .data-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .img-banner-recursos-mb {
    margin-top: -80px;
  }

  .questions-diabetes .image-rinon {
    display: block;
  }

  .questions-diabetes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }

  .questions-diabetes .boton-quiz-new .btn-atras::before {
    display: none;
  }

  .questions-diabetes .boton-quiz-new .btn-siguiente {
    width: 100%;
    justify-content: center;
  }

  .questions-diabetes .boton-quiz-new .btn-atras {
    justify-content: center;
  }

  .img-banner-renal-mb {
    margin-top: -80px;
    margin-left: 50px;
  }

  #embed-ca3cdb942a .image-rinon {
    display: block;
  }

  #embed-ca3cdb942a .container-test {
    gap: 30px;
  }

  #embed-ca3cdb942a .option-label {
    padding: 15px 20px;
  }

  #embed-ca3cdb942a .boton-quiz-new {
    justify-content: center;
  }

  #embed-ca3cdb942a .boton-quiz-new .btn-siguiente {
    width: auto;
  }

  .box-results-rinones .card-descarga .desc::after {
    display: none;
  }

  .box-results-rinones .card-descarga .desc,
  .box-results-rinones .btn-compartir {
    padding: 0px;
  }

  .box-results-rinones .btn-comenzar #comenzarNuevamente::after {
    display: none;
  }

  .box-results-rinones .btn-comenzar #comenzarNuevamente {
    cursor: pointer;
    display: flex;
    justify-content: center;
  }

  .container-results-rinones .box-btns .card-descarga,
  .container-results-rinones .box-btns .btn-comenzar,
  .container-results-rinones .box-btns .btn-compartir {
    width: 100%;
    justify-content: center;
  }

  #embed-ca3cdb942a #my-details-box p.text-black {
    display: flex;
    flex-direction: column;
  }

  #embed-ca3cdb942a #age-result,
  #sex-result,
  #bmi-result,
  #embed-ca3cdb942a #question1-result,
  #question2-result,
  #question3-result,
  #question4-result,
  #question5-result,
  #question6-result,
  #question7-result {
    border-radius: 30px;
    text-align: center;
  }

  .item-riesgo {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .btns-cero-riesgo .card-descarga .desc::after,
  .btn-comenzar #comenzarNuevamente::after {
    display: none;
  }

  .btns-cero-riesgo .card-descarga .desc {
    padding: 0px;
  }

  .btns-cero-riesgo .card-descarga,
  .btns-cero-riesgo .btn-comenzar,
  .btns-cero-riesgo .btn-compartir {
    width: 100%;
  }

  .btns-cero-riesgo .btn-comenzar #comenzarNuevamente {
    cursor: pointer;
  }
}

@media (min-width:1030px) {
  #embed-cd020b269d .home-section3 {
    position: relative;
  }

  #embed-cd020b269d .home-section3::after {
    content: "";
    position: absolute;
    background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/calculadora-diabetes/deco-diab.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    top: 0px;
    right: -35px;
    z-index: 1;
  }
}

#page-4ae313f566 #nav-tus-rinones {
  color: #E00352;
  font-weight: bold;
}

#page-4ae313f566 #nav-tus-rinones {
  color: #E00352;
  font-weight: bold;
}

#page-d51961e449 #nav-noticias,
#page-d51961e449 #nav-preguntas {
  color: #E00352;
  font-weight: bold;
}

#page-d51961e449 #nav-noticias,
#page-d51961e449 #nav-preguntas {
  color: #E00352;
  font-weight: bold;
}

#page-13402b73d7 #nav-noticias,
#page-13402b73d7 #nav-plato-saludable {
  color: #E00352;
  font-weight: bold;
}

#page-f7a73e4561 #nav-noticias,
#page-f7a73e4561 #nav-plan-alimentacion {
  color: #E00352;
  font-weight: bold;
}

#page-7cfa9d858c #nav-noticias,
#page-7cfa9d858c #nav-plan-alimentacion {
  color: #E00352;
  font-weight: bold;
}

#page-590115c1c8 #nav-noticias,
#page-590115c1c8 #nav-mente-positiva {
  color: #E00352;
  font-weight: bold;
}

#page-ac54cb4e44 #nav-noticias,
#page-ac54cb4e44 #nav-actividad-fisica {
  color: #E00352;
  font-weight: bold;
}

/*carousel rinones*/


.cmp-carousel-infinite-slider .cmp-carousel__content .cmp-carousel__item {
  width: calc(100vw / 3);
  cursor: pointer;
  float: left;
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 10px;
  justify-content: center;
}

#carousel-c19dd286a7 .card {
  width: 500px;
  height: 100%;
}

@media (max-width:768px) {
  .cmp-carousel-infinite-slider .cmp-carousel__content .cmp-carousel__item {
    width: calc(100vw/ 1) !important;
  }

  #carousel-c19dd286a7 .card {
    width: 350px;
    height: 100%;
  }
}

@media (min-width:1030px) {
  #carousel-c19dd286a7 .card {
    width: 700px;
    height: 100%;
  }
}

#embed-3302449ecc .carousel-container {
  display: none;
}

#carousel-c19dd286a7 {
  background-color: #F8F8F8;
  padding-bottom: 80px;
}

/*Juego Plato*/

#juego-wrapper {
  position: relative;
  background-position: 2rem 2rem;
  background-repeat: no-repeat;
  background-size: 100% 50%;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/plato-saludable/img/bg-juego.svg');
}

.plato-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}

.plato {
  position: relative;
}

.plato-drop {
  position: relative;
  width: 500px;
  bottom: 0;
  left: calc(50% - 250px);
  height: 500px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/plato-saludable/img/plato.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -6rem;
}

.plato-drop:before {
  content: "";
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/plato-saludable/img/cuchillo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: -4rem;
  top: 3rem;
  height: 400px;
  width: 76px;
}

.plato-drop:after {
  content: "";
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/plato-saludable/img/tenedor.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  position: absolute;
  right: -4rem;
  top: 3rem;
  height: 400px;
  width: 76px;
}

.plato-drop .top-left {
  position: absolute;
  top: 10%;
  left: 15%;
  width: 35%;
  height: 40%;
  z-index: 500;
  border-top-left-radius: 500px;
}

.plato-drop .top-right {
  position: absolute;
  top: 10%;
  right: 15%;
  width: 35%;
  height: 40%;
  z-index: 500;
  border-top-right-radius: 500px;
}

.plato-drop .bottom {
  position: absolute;
  bottom: 15%;
  right: 10%;
  left: 10%;
  width: 80%;
  height: 35%;
  z-index: 500;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
}

#modalAlimentos .modal-content,
#modalCompleto .modal-content {
  background: none;
  border: none;
}

#modalAlimentos .modal-content .content {
  padding: 2rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#modalAlimentos .modal-content .content .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#modalAlimentos .modal-content .content .right {
  padding-left: 1.4rem;
}

#modalAlimentos .modal-content .content .left .imagen img {
  border-radius: 50%;
  background-color: #fff;
}

#modalAlimentos .modal-content .saludable {
  background-color: #0081BD;
  color: #fff;
}

#modalAlimentos .modal-content .nosaludable {
  background-color: #D80051;
  color: #fff;
}

#modalAlimentos .modal-content .saludable h4:before {
  content: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/titulo-nosaludable.svg');
}

#modalAlimentos .modal-content .nosaludable h4:before {
  content: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/titulo-saludable.svg');
}

#modalAlimentos .modal-content .saludable:after {
  content: "";
  position: absolute;
  width: 72px;
  height: 38px;
  border-radius: 5px;
  bottom: -45px;
  left: calc(50% - 36px);
  background-color: #0081BD;
  color: #fff;
  z-index: 0;
}

#modalAlimentos .modal-content .nosaludable:after {
  content: "";
  position: absolute;
  width: 72px;
  height: 38px;
  border-radius: 5px;
  bottom: -45px;
  left: calc(50% -36px);
  background-color: #D80051;
  color: #fff;
}

#modalAlimentos .modal-content button.btn {
  display: block;
  margin: auto;
  text-emphasis: none;
  color: #fff;
}

#modalPlatolisto .modal-content {
  background: none;
  border: none;
}

#modalPlatolisto .modal-body img {
  margin: auto;
  text-align: center;
  display: block;
}

.btn-pista {
  position: absolute;
  bottom: 12rem;
  left: 1rem;
  background: none;
  border: none;
  transition: all 0.2s ease;
  width: 100px;
  height: 100px;
}

.btn-pista:hover {
  transform: scale(1.1);
}

.pista {
  display: none;
  position: absolute;
  background-image: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/pista-1.png');
  width: 400px;
  height: 200px;
  left: 10%;
  bottom: 13rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.cerrar-pista {
  position: absolute;
  right: 130px;
  bottom: 25px;
  color: #fff;
  font-weight: 800;
  font-size: 2rem;
  border: 0px;
}

#modalPistas .modal-content {
  background: none;
  border: none;
}

#modalPistas .modal-body {
  background-color: none;
  border: none;
  height: 210px;
  width: 590px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/pista-1.png');
}

#modalPistas .modal-body .btn-secondary {
  position: absolute;
  background-color: #fff;
  color: #D80051;
  bottom: 30px;
  right: 4rem;
  border-radius: 1rem;
  font-weight: 600;
}

#modalPistas .modal-body.pista-1 {
  background-image: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/pista-1.png');
}

#modalPistas .modal-body.pista-2 {
  background-image: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/pista-2.png');
}

#modalPistas .modal-body.pista-3 {
  background-image: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/pista-3.png');
}

#modalPistas .modal-body.pista-4 {
  background-image: url('/content/dam/open-digital/masqueglucosa-ar/es/css/juego-mqg/images/pista-4.png');
}

.alimentos-wrapper {
  display: flex;
  width: 100%;
  z-index: 3;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 25rem;
}

#modalIntro .modal-dialog {
  max-width: 100%;
  /* width: 600px; */
  ;
}

#modalIntro .modal-content {
  background: none;
  border: none;
}

#modalIntro .modal-content p.texto {
  position: absolute;
  max-width: 270px;
  color: #008ac6;
  top: 50px;
  left: 190px;
}

#modalIntro button {
  /*     position: absolute;
    right: 115px;
    top: inherit;
    left: inherit;
    bottom: 25px;
    background-color: #fff;
    width: 200px;
    color: #D80051;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 1rem;
    padding: .25rem 2.5rem; */
  margin: 0px;
}

#modalCompleto button {
  background-color: #fff;
  color: #D80051;
  font-weight: 600;
  font-size: 1.2rem;
  border-radius: 1rem;
  padding: .25rem 2.5rem;
  display: block;
  margin: auto;
}

#modalIntro button:after {
  content: none;
}

.plato.ui-droppable-active img {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 1s;
  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

@media (min-width: 1031px) {
  .alimentos-wrapper .alimento {
    width: calc(100% / 8);
    max-height: 150px;
    cursor: grab;
    /*position: relative;*/
    transition: all 0.2s ease;
    z-index: 3000;
  }

  .mobile {
    display: none;
  }

  .alimentos-wrapper .alimento:hover {
    transform: scale(1.1);
  }

  .alimentos-wrapper .alimento img {
    max-width: 90%;
    max-height: 90%;
  }

  .alimentos-wrapper img:active {
    cursor: grabbing;
  }

  .logo-juego {
    position: absolute;
    bottom: 12rem;
    left: 76%;
    width: 240px;
  }
}

@media (min-width: 1031px) and (max-width:1440px) {
  .alimento {
    transform: scale(0.8);
  }

  .plato-drop {
    bottom: 50px;
  }

  .btn-pista {
    bottom: 12rem;
  }
}

@media (max-width: 1030px) {
  #modalIntro .modal-content p.texto {
    position: absolute;
    max-width: 197px;
    color: #008ac6;
    top: 27px;
    left: 119px;
    line-height: 1;
  }

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  #modalIntro button {
    font-size: 1rem;
    right: 10px;
    right: auto;
    bottom: 1rem;
    left: calc;
    left: calc(50% - 100px);
  }

  #juego-wrapper {
    background-size: calc(100% - 4rem);
  }

  .alimentos-wrapper {
    min-height: auto;
  }

  .alimentos-wrapper .alimento {
    position: relative;
    max-width: 60px;
    margin-bottom: 15px;
  }

  .alimentos-wrapper .alimento img {
    max-height: 60px;
  }

  #modalPistas .modal-body {
    max-width: 100%;
  }

  .plato-drop {
    width: 250px;
    height: 250px;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }

  .plato-drop:before,
  .plato-drop:after {
    height: 120px;
    top: 20px;
  }

  .plato-drop:after {
    right: -2.5rem;
  }

  .plato-drop::before {
    left: -2.5rem;
  }

  .pista {
    width: 300px;
    height: 128px;
    z-index: 9999;
    left: 0;
    bottom: 8rem;
  }

  .btn-pista {
    bottom: 0;
  }

  .cerrar-pista {
    position: absolute;
    right: 90px;
    bottom: 5px;
    color: #fff;
    font-weight: 800;
    font-size: 2rem;
    border: 0px;
  }

  .logo-juego {
    float: right;
    width: 150px;
  }

  #modalAlimentos .modal-content .content {
    flex-direction: column;
  }

  #modalAlimentos .modal-content .content .left .imagen {
    width: 150px;
  }
}

.modal {
  opacity: 1 !important;
}

.modal-content {
  box-shadow: none !important;
}

.modal-dialog {
  margin: 200px auto;
}

.modal-content .btn {
  margin: 200px auto;
  text-decoration: none;
  border: 0px;
  font-family: "Nunito", sans-serif !important;
}

.modal-dialog .left p,
.modal-dialog .right p {
  color: white;
}

/*Ajustes juego plato*/
.alimentos-wrapper {
  padding-top: 50px;
}

.logo-juego {
  margin-right: 15px;
}

/*Fin Juego Plato*/

#modalIntro button {
  position: absolute;
  right: 115px;
  top: inherit;
  left: inherit;
  bottom: 25px;
  background-color: #fff;
  width: auto;
  color: #D80051;
  font-weight: 600;
  font-size: 1.2rem;
  border-radius: 1rem;
  padding: .25rem 2.5rem;
  cursor: pointer;
}

.modal-dialog {
  margin: auto;
}

.modal#modalAlimentos {
  background: none;
  border: none;
  box-shadow: none;
}

#modalAlimentos .modal-content button.btn {
  display: block;
  margin: auto;
  text-emphasis: none;
  color: #fff;
  background: none;
  margin-top: 0px;
  cursor: pointer;
  font-style: italic;
  position: relative;
  top: 18px;
}

#modalCompleto button {
  cursor: pointer;
}

.cerrar-pista {
  position: absolute;
  right: 140px;
  bottom: 28px;
  color: #fff;
  font-weight: 800;
  font-size: 2em;
  border: 0px;
  background: none;
  cursor: pointer;
}

.no-scroll {
  overflow: hidden;
}

.modal {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.modal-dialog {
  width: fit-content;
  max-width: 500px !important;
}

.plato-drop {
  bottom: -80px;
}

#juego-wrapper {
  padding-bottom: 100px !important;
}

@media (max-width:1030px) {
  #modalIntro button {
    position: absolute;
  }
}

#modalIntro img {
  width: 90%;
  margin: auto;
}

#modalIntro {
  padding: 0px;
}

#modalIntro .swiper-wrapper {
  width: 100vw;
}


/*agregado nuevo*/


.pl-1 {
  padding-left: 1rem;
}

.estudio-section2 {
  margin-bottom: 80px !important;
}

@media(max-width:992px) and (orientation: portrait) {
  .none-mobile {
    display: none;
  }

  .img-docs-home {
    margin-bottom: -35px;
    width: 110%;
    position: relative;
    transform: translate(-0%, -5%) scale(1.2);
    padding-top: 2rem;
  }

  .col-reverse-mob {
    flex-direction: column-reverse;
  }

  .mt-5-mob {
    margin-top: 0px !important;
  }

  .submenu {
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin-top: 5px;
  }

  .submenu-toggle:checked+.submenu-label+.submenu {
    display: flex;
  }
}

@media(min-width:992px) {
  .none-desktop {
    display: none;
  }

  #embed-6082c0f99a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.option-label {
  margin-top: 0px !important;
}

#calculadora-cardiaca label {
  margin-top: 0px !important;
}

.cmp-carousel__actions .cmp-carousel__action--next {
  display: none;
}

.cmp-carousel__actions .cmp-carousel__action--previous {
  display: none;
}

#embed-3326dfea7c {
  background: #F5F5F5;
}

@media (max-width:768px) {
  .btn-mobile-renal img {
    display: none;
  }

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

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

  .justify-center-mb {
    display: flex;
    justify-content: center;
  }

  .info-text-sabias-que.info-text-saberlo::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #E00352;
    margin: 20px 0px;
  }

  .banner-blue-corazon-mb {
    padding: 30px;
    margin: 0px 20px;
    border-radius: 20px;
  }

  .btn-mobile-corazon img {
    display: none;
  }

  .mb-btn-mb {
    margin-bottom: 10px;
  }

  .img-scale-mb {
    scale: 1.15;
    margin-top: 90px;
  }

  .result-diabetes .result-content1 .card-descarga {
    width: 100%;
  }

  .result-diabetes .result-content1 .card-descarga .desc::after {
    display: none;
  }

  .result-diabetes img {
    display: block;
  }

  .result-diabetes .txt-quiz-bajo {
    display: flex;
    flex-direction: column;
  }

  .result-diabetes .txt-quiz-bajo img {
    width: 30px;
  }

  .box-orange {
    margin: 0px;
  }

  #embed-ca3cdb942a .weight-kgs, #age-input, .height-metres {
    border: 1.5px solid #F3901D;
  }

  #embed-ca3cdb942a.weight-box {
    justify-content: flex-start;
  }
}

.carousel h3 {
  font-weight: 400;
}

.index-100 {
  position: relative;
  z-index: 100;
}

.index-10 {
  position: relative;
  z-index: 10;
}

@media (min-width:768px) {
  .bg-circle-blue {
    position: relative;
    background-image: url(/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/half-circle-blue.svg);
    background-size: 40% auto;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 1;
  }
}

#embed-dd2d92f471 {
  background: white;
}

.container-blur-blue {
  overflow: hidden;
  height: 350px;
  margin-bottom: -50px !important;
}

@media (max-width:768px) {
  .container-blur-blue {
    height: auto;
  }

  .blue-blur {
    display: none;
  }

  .col-start-mb {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .data-item img {
    margin-bottom: 0px !important;
  }

  .result-diabetes .right-column img {
    display: none;
  }

  .question1-next {
    width: 100% !important;
    justify-content: center;
  }

  .plato-drop {
    bottom: 0px;
  }
}

@media (max-width:992px) {
  .container-blur-blue {
    margin-bottom: 0px !important;
  }
}

.boton-quiz-new .btn-atras {
  font-weight: 500;
}

.results-imc-btns .btn-compartir .impulsa::after {
  right: 15px;
}

#embed-6f27b661c8 .height-metres {
  border: 1.5px solid #E2DFDF;
}

/*carousel rinones new*/

.carousel {
  width: 100%;
  position: relative;
}

.carousel-inner {
  display: flex;
  background: transparent;
}

.card {
  min-width: 300px;
  margin: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  height: 100%;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
}

.card-title {
  padding: 15px;
  margin-bottom: 0px !important;
}

.card-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  padding: 0 15px;
}

.card-content p {
  margin: 10px 0;
}

.card-content.collapsed {
  padding: 0;
}

#embed-ca75e4af70 {
  background: #F8F8F8;
}

@media (max-width:768px) {
  .card {
    margin: 0px;
    min-width: 100%;
  }
}

@media (min-width:1100px) {
  .index-100-pc {
    position: relative;
    z-index: 100;
  }

  .icon-text-container {
    display: flex;
    gap: 10px;
  }
}

@media (max-width:768px) {
  .icon-text-container {
    flex-direction: column;
  }
}

@media (max-width:500px) {
  .person-corazon-mb {
    scale: 1.15;
  }
}

@media(max-width: 600px) {
  .section-referidos .content-columns {
    display: flex;
    flex-direction: column;
  }

  .section-referidos .content-columns .left-column-recursos {
    margin-bottom: 20px;
  }

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

@media (min-width:1000px) {
  .container-consulta-arrancar {
    height: 380px;
  }
}

@media (max-width:1030px) {
  .person-actividad {
    position: relative;
    top: -65px;
  }
}

@media (max-width:768px) {
  #embed-ca3cdb942a .container-test {
    margin: 20px;
    width: auto;
  }

  #embed-ca3cdb942a .boton-quiz-new .btn-siguiente, .boton-quiz-new .btn-anterior {
    min-width: fit-content;
  }

  .pt-mobile {
    margin-top: 1rem!important;
  }
}

.grid-habitos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.habito {
  background-color: #FEEFE3;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 380px;
}

.habito img {
  display: block;
  margin: 0 auto;
  width: 45px;
}

.centro {
  display: flex;
  justify-content: center;
  gap: 20px;
  grid-column: span 3;
}

.centro .habito {
  width: 100%;
  max-width: 350px;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 380px;
}

.card-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.card-content.hidden {
  max-height: 0;
}

.card-content:not(.hidden) {
  max-height: 250px;
}

.carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.carousel-prev {
  left: 0px;
}

.carousel-next {
  right: 0;
}

.opacity5 {
  opacity: .5;
}

#embed-37e96f22ed {
  background-color: #F8F8F8;
}

@media (min-width:863px) {
  .fix-title {
    margin-top: -5rem !important;
  }
}

.fix-title {
  margin-top: 2rem;
}

.bg-circle-lateral {
  position: relative;
}

.bg-circle-lateral::after {
  content: "";
  position: absolute;
  top: 20%;
  right: -250px;
  transform: translateY(-50%);
  width: 400px;
  height: 400px;
  background-image: url('/content/dam/intelligentcontent/unbranded/masqueglucosa/cs/es/circle-blue-lateral.png');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.panel .referencias-text {
  width: 100%;
}

.exit-ramp-content {
  background-color: white;
  max-width: 400px;
  margin: auto;
  padding: 30px;
  border-radius: 20px;
}

.list-nota li {
  position: relative;
  padding-left: 1.2em;
  list-style: none;
}

.list-nota li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.3em;
  height: 0.3em;
  background-color: black;
  border-radius: 100%;
}

.list-nota {
  padding-left: 15px;
}

.section-referidos .content-columns {
  display: flex;
  justify-content: flex-start;
  margin-bottom: -30px;
}

.section-referidos .left-column {
  margin-right: 15px;
}

.img-arrow {
  margin-right: 10px;
  transition: transform 0.3s ease;
  display: inline-block;
}

.container-volver:hover .img-arrow {
  transform: translateX(-10px);
}

.ilus-medico {
  max-width: 200px;
  margin-left: auto;
}

.container-mitos .bg-celesteclaro, .container-mitos .bg-lightpink {
  padding: 30px 40px;
  border-radius: 15px;
}

.list-nota li {
  padding-bottom: 10px;
}

.d-hidden {
  position: absolute!important;
  opacity: 0!important;
}

/*.holder-test, .holder-test-input {
  width: 25px!important;
}*/

@media(max-width: 768px) {
    
  .holder-test, .holder-test-input {
    width: 20px!important;
  }

  .riesgo #my-details-box .page-1 .row {
    padding: 2rem!important;
    border-radius: 30px;
  }

  .box-results-rinones {
    padding: 2rem 1rem;
  }
}

.cosas1 {
  display: flex!important;
  flex-direction: column!important;
}

.option-label.selected {
  color: #ffffff!important;
}
/*corazon*/
#cardio-text #question1-result, #cardio-text #question2-result, 
#cardio-text #question3-result, #cardio-text #question4-result,
#cardio-text #question5-result, #cardio-text #question6-result,
#cardio-text #question7-result, #cardio-text #question8-result,
#cardio-text #question9-result, #cardio-text #question10-result,
#cardio-text #question11-result, #cardio-text #question12-result,
#cardio-text #question13-result, #cardio-text #question14-result,
#cardio-text #question15-result, #cardio-text #question16-result {
  color: white!important;
  background-color: #E00352!important;
  padding: 2px 10px!important;
  border-radius: 10px!important;
}

.corazon-test {
  background-color: #e00352!important;
}

.corazon-test .corazon {
  background-color: white!important;
  padding: 3em;
  border-radius: 20px;
}

.corazon-test, .bg-corazon {
  background-color: #E00352!important;
}

.corazon-test .page-1, .bg-corazon .page-1 {
  padding: 3em 0px!important;
}

.corazon-test .row, .bg-corazon .row {
  padding: 3rem!important;
  border-radius: 30px!important;
}

.corazon-test p, .bg-corazon p {
  line-height: 28px;
}

.result-diabetes .my-detail-box p {
  background-color: #DDF3F2;
  line-height: 37px;
}

.result-diabetes .my-detail-box span {
  background-color: #12c6c1;
  padding: 5px 10px;
  border-radius: 20px;
  color: white;
}

.cardio-text span {
  background-color: var(--pinkred);
  color: white;
  padding: 3px 7px;
  border-radius: 20px;
}

#my-details-bo#my-details-box .page-1 .row {
  background-color: #f9f9f9;
  padding: 3rem;
  border-radius: 30px;
}

.my-details-box p.text-black {
  line-height: 2.5;
}

.age-result,
.sex-result,
.bmi-result, .container-details-rinones span {
  color: white;
  background-color: #065F9B;
  padding: 3px 10px;
  border-radius: 10px;
}

.container-details-rinones .page-1 .row {
  border-radius: 20px;
  padding: 3rem;
}

@media (max-width: 768px) {
  .result-diabetes .question2-result,   .result-diabetes .question1-result,  .result-diabetes .question8-result,  .result-diabetes .question3-result {
    display: block;
    max-width: 170px;
    padding: 0px 10px!important;
    border-radius: 20px;
    color: white;
    text-align: center;
    margin-top: 0.25rem;
    margin-bottom: 0px;
  }

  .result-diabetes {
    padding: 3rem 1.5rem!important;
  }

  .result-diabetes .actions #comenzarNuevamente {
    width: 100%!important;
  }

  .container-details-rinones .text-black span {
    background-color: #065F9B!important;
    display: block;
    text-align: center;
    border-radius: 100px;
    padding: unset;
    max-width: 100px!important;
  }

  .container-details-rinones br {
    display: none;
  }
}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.popup-box {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  max-width: 800px;
  width: 90%;
  position: relative;
  animation: fadeInUp 0.3s ease;
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 12px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #fff;
  z-index: 2;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#kaltura_container iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

.lista-legales {
  list-style-type: disc;
  padding-left: 20px;
}

.lista-legales li {
  margin-left: 0;
}

.text-breve {
  background-color: #F5F5F5!important;
}

#calculadora-cardiaca #my-details-box .row {
  background-color: #f5f5f5!important;
}

#calculadora-cardiaca #my-details-box .text-black span {
  background-color: var(--darkblue);
}

html {
  scroll-behavior: smooth;
}

.col-notas {
  margin-bottom: 40px;
}

.card-recursos {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-recursos:hover {
  transform: translateY(-5px);
}

.container-btns {
  position: relative;
}

#prevBtn {
  position: absolute;
  right: -90px;
  bottom: 100px;
  background-color: transparent;
}

#nextBtn {
  position: absolute;
  transform: rotate(180deg);
  background-color: transparent;
  left: -90px;
  bottom: 100px;
}

.glass {
  min-height: 250px;
}

.container-btns {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: -50px;
}

.swiper-button-next-home {
  position: absolute;
  bottom: 0px;
  z-index: 9999;
  background-color: unset;
  margin-left: 50px;
  background-color: white;
  padding: 10px 10px 8px 10px;
  border-radius: 100px;
  transition: background-color 0.3s ease-in-out;
}

.swiper-button-prev-home {
  transition: background-color 0.3s ease-in-out;
  margin-right: 50px;
  background-color: unset;
  position: absolute;
  background-color: white;
  padding: 10px 10px 8px 10px;
  border-radius: 100px;
  margin-right: 40px;
  bottom: 0px;
  z-index: 9999;
  transform: rotate(180deg);
}

.swiper-button-prev-home:hover, .swiper-button-next-home:hover {
  background-color: #9EC4DE;
}




/*fin*/