:root {
  --black: #000000;
  --chinese: #e1e1e1;
  --gray: #7a7a7a;
  --charcol: #3b4a5c;
  --red: #e8375d;
  --light: #ffffff;
  --green: #60b46f;
}

/***::::::start Gabriel::::::::***/
#canjear-recompensas-widget>.row>.col-12 {
  display: flex;
  align-content: center;
  justify-content: center;
}

/* botón sumar puntos */

.btn-sumar-puntos a>.elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* modal -- star */

/* breakPoints */
@media (min-width: 768px) {
  .btn-sumar-puntos {
    display: none !important;
  }
}

@media (max-width: 768px) {}

@media (max-width: 1024px) {}

/***::::::end Gabriel::::::::***/

/***:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::START ERICK:::::::::::::::::::::::::::::::::::::::::::::::::::::::***/

/*************************************se traslado, estaba en canjear recompensas ******************************/
.modal-canjear-recompensa .modal-content .modal-body-change-points {
  padding: 8px 20px 32px;

  .card-image-canje {
    margin: 0px;
  }
}

.modal-card-paragraph p {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  line-height: 16px;
}

.canjear-qr-content .canjear-qr-content-img {
  width: 50%;
}

#modal-canjear-recompensa .modal-header {
  padding: 8px !important;
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #333 !important;
  border-top-left-radius: 65px !important;
  border-top-right-radius: 65px !important;
  text-align: center !important;
}

#modal-canjear-recompensa .bg-color-charcoal {
  background-color: #3b4a5c !important;
}

#modal-canjear-recompensa .modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

#modal-canjear-recompensa .modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  border: 1px solid #888;
  width: 100%;
  max-width: 600px;
  border-top-left-radius: 70px !important;
  border-top-right-radius: 70px !important;
  border-bottom-left-radius: 45px !important;
  border-bottom-right-radius: 45px !important;
}

#modal-canjear-recompensa .card {
  border-radius: 100px;
  order: none;
}

#modal-canjear-recompensa .tf-close-modal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

#modal-canjear-recompensa .tf-close-modal:hover,
#modal-canjear-recompensa .tf-close-modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#modal-canjear-recompensa .img-canjea-tus-puntos {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  border-radius: 42px 0;
}

#modal-canjear-recompensa .lbl-canjea-tus-puntos {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

#modal-canjear-recompensa .btn-canjea-tus-puntos {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}

#modal-canjear-recompensa .btn-canjea-tus-puntos:hover {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}

#modal-canjear-recompensa .card-footer-canjea-tus-puntos {
  text-align: center;
}

#modal-canjear-recompensa .btn-canjea-puntos-lbl {
  display: inline-block !important;
  max-width: fit-content;
  text-align: center !important;
  vertical-align: middle !important;
  border: 1px solid transparent !important;
  padding: 8px 32px !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: 1rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  width: 90% !important;
}

#modal-canjear-recompensa .btn-canjea-puntos {
  display: inline-block !important;
  text-align: center !important;
  vertical-align: middle !important;
  border: 1px solid transparent !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: 1rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  width: 60% !important;
}

#modal-canjear-recompensa .card-image-canje {
  /* width: 200px; */

  display: block;
  height: 150px;
}

/********************************************************************************************************/

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

.cuestionario-border {
  border-radius: 20px !important;
}

.card-cuestionario {
  position: relative !important;
  /* margin-top: 20px;
    padding:1em; */
  min-width: 255px !important;
  max-width: 450px !important;
  border: 0.2em solid #d63939 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
  background: #fff !important;
  box-sizing: border-box !important;
  border-radius: 2em !important;
}

.card-cuestionario .card-respuesta-correcta {
  position: relative !important;
  min-width: 255px !important;
  max-width: 450px !important;
  /* border: 0.2em solid #d63939; */
  /* box-shadow: 0 1px 1px rgba(0,0,0,.04); */
  /* background: #fff;
    box-sizing: border-box; */
  /* border-radius:2em; */
  /* top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20px; */
}

.card-respuesta-correcta .circuloPuntos-respuesta-correcta-cuestionario {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 18rem;
  background: #60b46f;
  border-radius: 50px;
  padding: 8px 24px;
  width: fit-content;
  color: #fff;
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
}

.card-cuestionario .circuloAcumulaste-respuesta-correcta {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 1.1rem !important;
  margin-top: 15px !important;
}

.card-cuestionario .circuloDescripcionPuntos-respuesta-correcta {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 1.5rem !important;
}

.card-cuestionario .btn-cuestionario {
  display: inline-block !important;
  font-weight: 400 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: 1rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  width: fit-content !important;
}

.card-cuestionario .btn-confirmar {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.card-cuestionario .btn-respuestas-cuestionario {
  display: inline-block !important;
  /* font-weight: 400; */
  text-align: center !important;
  /* white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
  border: 1px solid transparent !important;
  padding: 0.38rem 0.8rem !important;
  font-size: 1rem !important;
  /* line-height: 1.5; */
  border-radius: 1rem !important;
  /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
  cursor: pointer !important;
  width: 95% !important;
  margin-bottom: 10px;
}

.card-cuestionario .btn-respuestas {
  color: #2d2d2d !important;
  background-color: #e6e5e5 !important;
  border-color: #e6e5e5 !important;
}

.card-cuestionario .btn-respuestas:hover {
  background-color: #6ebb7c !important;
  border-color: #6ebb7c !important;
  color: #ffffff !important;
}

#title-Cabecera-ajustar {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.title-Cabecera {
  color: #000000 !important;
  font-weight: bold !important;
  font-size: 1.1rem !important;
}

.title-Pregunta {
  color: #000000 !important;
  font-weight: bold !important;
  font-size: 0.85rem !important;
}

.circuloPuntos {
  background-color: #6ebb7c !important;
  border-color: #6ebb7c !important;
  display: inline-block !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  line-height: 1.5 !important;
  height: 4.1rem !important;
  width: 4.1rem !important;
  border-radius: 100% !important;
  display: inline-block !important;
  margin-top: -8px !important;
}

.circuloNumeroPuntos {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 2.2rem !important;
  margin-left: 5px !important;
}

.circuloDescripcionPuntos {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.7rem !important;
}

/***::::::::::::::::::::::::::::::::::::::::::::::::::::::end Erick::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::***/

/***::::::start Brayan::::::::***/
.barra-usuario {
  display: none;
  position: fixed;
  z-index: 2;
}

.menu-container {
  z-index: 4;
}

header .elementor-element .elementor-nav-menu--dropdown-mobile .elementor-widget-container .elementor-menu-toggle svg {
  fill: #e8375d;
}

.elementor-400 .elementor-element.elementor-element-5f82b017 .elementor-nav-menu--dropdown a.highlighted span svg {
  fill: white;
}

/*logo*/
.elementor-element-b81efce {
  width: 20% !important;
}

header a {
  text-transform: none !important;
}

@media (max-width: 768px) {
  header .elementor-widget-image {
    width: 30% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1368px) {
  header .elementor-element-6ebc57f8 {
    padding: 10px;
  }
}

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

  /*logo*/
  .elementor-element-b81efce {
    width: 50%;
  }

  .elementor-400 .elementor-element.elementor-element-6ebc57f8:not(.elementor-motion-effects-element-type-background),
  .elementor-400 .elementor-element.elementor-element-6ebc57f8>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    width: 100% !important;
  }

  /* .e-con.e-con > .e-con-inner > .elementor-widget,
  .elementor.elementor .e-con > .elementor-widget {
    max-width: 74%;
  } */
}

@media (max-width: 768px) {
  .bateria-miprogreso-canjea {
    margin-top: 40px !important;
  }
}

.e-parent {
  font-family: inherit;
}

/***::::::end Brayan::::::::***/

/***::::::start Daniel::::::::***/
.principal:hover {
  color: white;
}

.boton-inicio-sesion:focus {
  background-color: #e8375d;
}

/***::::::end Daniel::::::::***/

/***::::::start Andres::::::::***/

a {
  color: #D8375D;
  /* Cambia esto al color que prefieras */
}

/*! elementor - v3.17.0 - 08-11-2023 */
#tf-mostrar-puntos-widget .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
  background-color: #69727d;
  color: #fff;
}

#tf-mostrar-puntos-widget .elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap {
  color: #69727d;
  border: 3px solid;
  background-color: transparent;
}

#tf-mostrar-puntos-widget .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap {
  margin-top: 8px;
}

#tf-mostrar-puntos-widget .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter {
  width: 1em;
  height: 1em;
}

#tf-mostrar-puntos-widget .elementor-widget-text-editor .elementor-drop-cap {
  float: left;
  text-align: center;
  line-height: 1;
  font-size: 50px;
}

#tf-mostrar-puntos-widget .elementor-widget-text-editor .elementor-drop-cap-letter {
  display: inline-block;
}

#tf-mostrar-puntos-widget .e-con.e-flex.phrases-point-content {
  height: fit-content !important;
  align-items: center;
}

#tf-mostrar-puntos-widget .e-con.e-con>.e-con-inner>.elementor-widget.content-paragraph {
  max-width: 100%;
  padding-right: 16px;

  div p {
    margin: 0;
  }
}

#tf-mostrar-puntos-widget .e-con.e-flex.points-content {
  aspect-ratio: 1/1;
}

.barra-usuario .dropdown .dropdown-content {
  padding: 0px;
  overflow: hidden;
}

.barra-usuario .dropdown .dropdown-content a:hover {
  color: var(--light);
  background-color: var(--red);
}

@media (max-width: 767px) {
  .barra-usuario {
    display: none;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* #canjear-recompensas-widget */
#canjear-recompensas-widget .wrapper {
  max-width: 96%;
  width: 100%;
  position: relative;
}

#canjear-recompensas-widget .wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background-color: rgba(225, 225, 225, 0.5);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 1;
}

#canjear-recompensas-widget .wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}

#canjear-recompensas-widget .wrapper .tf_boton_izquierda {
  left: -24px;
}

#canjear-recompensas-widget .wrapper .tf_boton_derecha {
  right: -24px;
}

#canjear-recompensas-widget .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 11px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  padding-left: 2px;
}

#canjear-recompensas-widget .carousel::-webkit-scrollbar {
  display: none;
}

#canjear-recompensas-widget .carousel.no-transition {
  scroll-behavior: auto;
}

#canjear-recompensas-widget .carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}

#canjear-recompensas-widget .carousel.dragging .card.card-background {
  cursor: grab;
  user-select: none;
}

#canjear-recompensas-widget .carousel :where(.card.card-background) {
  display: flex;
  justify-content: center;
  align-items: center;
}

#canjear-recompensas-widget .carousel .card.card-background {
  padding: 0px;
  scroll-snap-align: start;
  height: 500px;
  list-style: none;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px 4px 50px 4px;
  justify-self: center;
  width: 100%;
}

#canjear-recompensas-widget .carousel .card.card-background .content-gradient {
  border-radius: 4px 4px 50px 4px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 1) -5%,
      rgba(253, 187, 45, 0) 50%);
  color: #fff;
  padding: 16px;
}

#canjear-recompensas-widget .content-gradient .card-points {
  position: absolute;
  width: fit-content;
  top: 4px;
  right: 4px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 50%;
  background-color: #e8375d;
  font-weight: bold;
}

#canjear-recompensas-widget .content-gradient .type {
  border-radius: 50px;
  border: 2px solid #fff;
  padding: 4px 18px;
}

#canjear-recompensas-widget p {
  margin: 0px;
  line-height: 18px;
}

#canjear-recompensas-widget .content-gradient .title {
  font-size: 16px;
  font-weight: 600;
}

#canjear-recompensas-widget a.btn {
  max-height: 0px;
  overflow: hidden;
  opacity: 0.4;
  text-decoration: none;
  background-color: #4caf50;
  border-radius: 50px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  transition: ease-in-out 0.4s;
}

#canjear-recompensas-widget a.btn:hover,
#canjear-recompensas-widget a.btn:active,
#canjear-recompensas-widget a.btn:first-child:active {
  /* border: 1px solid #419443; */
  background-color: #60A16F;
  color: #ffffff;
}

#canjear-recompensas-widget .content-gradient:hover .btn {
  max-height: 50px;
  overflow: visible;
  opacity: 1;
  padding: 8px 16px;
  transition: ease-in-out 0.4s;
}

#canjear-recompensas-widget .carousel .card.card-background span {
  color: #6a6d78;
  font-size: 1.31rem;
}

#canjear-recompensas-widget #left,
#canjear-recompensas-widget #right {
  display: none;
}

@media (max-width: 767px) {
  #canjear-recompensas-widget a.btn {
    max-height: 50px;
    overflow: visible;
    opacity: 1;
    padding: 8px 16px;
  }
}

/* #recompensas-canjeadas-widget */
#recompensas-canjeadas-widget .wrapper {
  max-width: 96%;
  width: 100%;
  position: relative;
}

#recompensas-canjeadas-widget .wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background-color: rgba(225, 225, 225, 0.5);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 1;
}

#recompensas-canjeadas-widget .wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}

#recompensas-canjeadas-widget .wrapper .tf_boton_izquierda {
  left: -24px;
}

#recompensas-canjeadas-widget .wrapper .tf_boton_derecha {
  right: -24px;
}

#recompensas-canjeadas-widget .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 11px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  padding-left: 2px;
}

#recompensas-canjeadas-widget .carousel::-webkit-scrollbar {
  display: none;
}

#recompensas-canjeadas-widget .carousel.no-transition {
  scroll-behavior: auto;
}

#recompensas-canjeadas-widget .carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}

#recompensas-canjeadas-widget .carousel.dragging .card.card-background {
  cursor: grab;
  user-select: none;
}

#recompensas-canjeadas-widget .carousel :where(.card.card-background) {
  display: flex;
  justify-content: center;
  align-items: center;
}

#recompensas-canjeadas-widget .carousel .card.card-background {
  padding: 0px;
  scroll-snap-align: start;
  height: 500px;
  list-style: none;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px 4px 50px 4px;
  justify-self: center;
  width: 100%;
}

#recompensas-canjeadas-widget .carousel .card.card-background .content-gradient {
  border-radius: 4px 4px 50px 4px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 1) -5%,
      rgba(253, 187, 45, 0) 50%);
  color: #fff;
  padding: 16px;
}

#recompensas-canjeadas-widget .content-gradient .card-points {
  position: absolute;
  width: fit-content;
  top: 4px;
  right: 4px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 50%;
  background-color: #e8375d;
  font-weight: bold;
}

#recompensas-canjeadas-widget .content-gradient .type {
  border-radius: 50px;
  border: 2px solid #fff;
  padding: 4px 18px;
}

#recompensas-canjeadas-widget p {
  margin: 0px;
  line-height: 18px;
}

#recompensas-canjeadas-widget .content-gradient .title {
  font-size: 16px;
  font-weight: 600;
}

#recompensas-canjeadas-widget a.btn {
  max-height: 0px;
  overflow: hidden;
  opacity: 0.4;
  text-decoration: none;
  background-color: #4caf50;
  border-radius: 50px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  transition: ease-in-out 0.4s;
}

#recompensas-canjeadas-widget a.btn:hover,
#recompensas-canjeadas-widget a.btn:active,
#recompensas-canjeadas-widget a.btn:first-child:active {
  /* border: 1px solid #419443; */
  background-color: #60A16F;
  color: #ffffff;
}

#recompensas-canjeadas-widget .content-gradient:hover .btn {
  max-height: 50px;
  overflow: visible;
  opacity: 1;
  padding: 8px 16px;
  transition: ease-in-out 0.4s;
}

#recompensas-canjeadas-widget .carousel .card.card-background span {
  color: #6a6d78;
  font-size: 1.31rem;
}

#recompensas-canjeadas-widget #left,
#recompensas-canjeadas-widget #right {
  display: none;
}

@media (max-width: 767px) {
  #canjear-recompensas-widget a.btn {
    max-height: 50px;
    overflow: visible;
    opacity: 1;
    padding: 8px 16px;
  }
}

/* #misiones-aprendizaje-widget */
#misiones-aprendizaje-widget .wrapper {
  max-width: 96%;
  width: 100%;
  position: relative;
}

#misiones-aprendizaje-widget .wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background-color: rgba(225, 225, 225, 0.5);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 1;
}

#misiones-aprendizaje-widget .wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}

#misiones-aprendizaje-widget .wrapper .tf_boton_izquierda {
  left: -24px;
}

#misiones-aprendizaje-widget .wrapper .tf_boton_derecha {
  right: -24px;
}

#misiones-aprendizaje-widget .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 11px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  padding-left: 2px;
}

#misiones-aprendizaje-widget .carousel::-webkit-scrollbar {
  display: none;
}

#misiones-aprendizaje-widget .carousel.no-transition {
  scroll-behavior: auto;
}

#misiones-aprendizaje-widget .carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}

#misiones-aprendizaje-widget .carousel.dragging .card.card-background {
  cursor: grab;
  user-select: none;
}

#misiones-aprendizaje-widget .carousel :where(.card.card-background) {
  display: flex;
  justify-content: center;
  align-items: center;
}

#misiones-aprendizaje-widget .carousel .card.card-background {
  padding: 0px;
  scroll-snap-align: start;
  height: 500px;
  list-style: none;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px 4px 50px 4px;
  justify-self: center;
  width: 100%;
}

#misiones-aprendizaje-widget .carousel .card.card-background .content-gradient {
  border-radius: 4px 4px 50px 4px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 1) -5%,
      rgba(253, 187, 45, 0) 50%);
  color: #fff;
  padding: 16px;
}

#misiones-aprendizaje-widget .content-gradient .card-points-ap {
  position: absolute;
  width: fit-content;
  top: 4px;
  right: 4px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 50%;
  background-color: #4caf50;
  font-weight: bold;
}

#misiones-aprendizaje-widget .content-gradient .type {
  border-radius: 50px;
  border: 2px solid #fff;
  padding: 4px 18px;
}

#misiones-aprendizaje-widget p {
  margin: 0px;
  line-height: 18px;
}

#misiones-aprendizaje-widget .content-gradient .title {
  font-size: 16px;
  font-weight: 600;
}

#misiones-aprendizaje-widget a.btn {
  max-height: 0px;
  overflow: hidden;
  opacity: 0.4;
  text-decoration: none;
  background-color: #4caf50;
  border-radius: 50px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  transition: ease-in-out 0.4s;
}

#misiones-aprendizaje-widget a.btn:hover,
#misiones-aprendizaje-widget a.btn:active,
#misiones-aprendizaje-widget a.btn:first-child:active {
  /* border: 1px solid #419443; */
  background-color: #60A16F;
  color: #ffffff;
}

#misiones-aprendizaje-widget .content-gradient:hover .btn {
  max-height: 50px;
  overflow: visible;
  opacity: 1;
  padding: 8px 16px;
  transition: ease-in-out 0.4s;
}

#misiones-aprendizaje-widget .carousel .card.card-background span {
  color: #6a6d78;
  font-size: 1.31rem;
}

#misiones-aprendizaje-widget #left,
#misiones-aprendizaje-widget #right {
  display: none;
}

@media (max-width: 767px) {
  #misiones-aprendizaje-widget a.btn {
    max-height: 50px;
    overflow: visible;
    opacity: 1;
    padding: 8px 16px;
  }
}

/* misiones destacadas slide bot
  #misiones-destacadas-widget-bot */
#misiones-destacadas-widget-bot .wrapper {
  max-width: 96%;
  width: 100%;
  position: relative;
}

#misiones-destacadas-widget-bot .wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background-color: rgba(225, 225, 225, 0.5);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 1;
}

#misiones-destacadas-widget-bot .wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}

#misiones-destacadas-widget-bot .wrapper .tf_boton_izquierda {
  left: -24px;
}

#misiones-destacadas-widget-bot .wrapper .tf_boton_derecha {
  right: -24px;
}

#misiones-destacadas-widget-bot .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 11px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  padding-left: 2px;
}

#misiones-destacadas-widget-bot .carousel::-webkit-scrollbar {
  display: none;
}

#misiones-destacadas-widget-bot .carousel.no-transition {
  scroll-behavior: auto;
}

#misiones-destacadas-widget-bot .carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}

#misiones-destacadas-widget-bot .carousel.dragging .card.card-background {
  cursor: grab;
  user-select: none;
}

#misiones-destacadas-widget-bot .carousel :where(.card.card-background) {
  display: flex;
  justify-content: center;
  align-items: center;
}

#misiones-destacadas-widget-bot .carousel .card.card-background {
  padding: 0px;
  scroll-snap-align: start;
  height: 500px;
  list-style: none;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px 4px 50px 4px;
  justify-self: center;
  width: 100%;
}

#misiones-destacadas-widget-bot .carousel .card.card-background .content-gradient {
  border-radius: 4px 4px 50px 4px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 1) -5%,
      rgba(253, 187, 45, 0) 50%);
  color: #fff;
  padding: 16px;
}

#misiones-destacadas-widget-bot .content-gradient .card-points-md {
  position: absolute;
  width: fit-content;
  top: 4px;
  right: 4px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 50%;
  background-color: #4caf50;
  font-weight: bold;
}

#misiones-destacadas-widget-bot .content-gradient .type {
  border-radius: 50px;
  border: 2px solid #fff;
  padding: 4px 18px;
}

#misiones-destacadas-widget-bot p {
  margin: 0px;
  line-height: 18px;
}

#misiones-destacadas-widget-bot .content-gradient .title {
  font-size: 16px;
  font-weight: 600;
}

#misiones-destacadas-widget-bot a.btn {
  max-height: 0px;
  overflow: hidden;
  opacity: 0.4;
  text-decoration: none;
  background-color: #4caf50;
  border-radius: 50px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  transition: ease-in-out 0.4s;
}

#misiones-destacadas-widget-bot a.btn:hover,
#misiones-destacadas-widget-bot a.btn:active,
#misiones-destacadas-widget-bot a.btn:first-child:active {
  /* border: 1px solid #D8375D; */
  background-color: #D8375D;
  color: #ffffff;
}

#misiones-destacadas-widget-bot .content-gradient:hover .btn {
  max-height: 50px;
  overflow: visible;
  opacity: 1;
  padding: 8px 16px;
  transition: ease-in-out 0.4s;
}

#misiones-destacadas-widget-bot .carousel .card.card-background span {
  color: #6a6d78;
  font-size: 1.31rem;
}

#misiones-destacadas-widget-bot #left,
#misiones-destacadas-widget-bot #right {
  display: none;
}

@media (max-width: 767px) {
  #misiones-destacadas-widget-bot a.btn {
    max-height: 50px;
    overflow: visible;
    opacity: 1;
    padding: 8px 16px;
  }
}

/* misiones categoria slide bot */
/* #misiones-categoria-widget-bot */
#misiones-categoria-widget-bot .select-category-content {
  max-width: fit-content;
}

#misiones-categoria-widget-bot {
  background-color: #e1e1e1;
}

#misiones-categoria-widget-bot .grid-content-subcategories {
  background-color: #e1e1e1;
  padding: 1rem 2rem;
  grid-template-columns: repeat(2, minmax(330px, 1fr));
  gap: 3rem 1rem;
  margin-bottom: 20px;
  justify-items: center;
  align-items: center;
}

#misiones-categoria-widget-bot .card-grid:nth-child(odd) {
  place-self: end;
}

#misiones-categoria-widget-bot .grid-content-subcategories .card-grid {
  padding: 0px;
  max-width: 576px;
  border-radius: 50px 50px 4px 4px;
  overflow: hidden;
}

#misiones-categoria-widget-bot .card-body-grid .points-content {
  background-color: #4caf50;
  width: 80px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: -32px;
  right: 16px;

  strong {
    line-height: 16px;
  }
}

#misiones-categoria-widget-bot .card-body-grid {
  position: relative;
}

#misiones-categoria-widget-bot .card-body-grid p {
  line-height: 16px;
}

#misiones-categoria-widget-bot .card-body-grid .points-content {
  background-color: #4caf50;
  width: 80px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: -32px;
  right: 16px;
}

#misiones-categoria-widget-bot .card-body-grid .points-content strong {
  line-height: 16px;
}

#misiones-categoria-widget-bot .card-body-grid .type-mission {
  border: 2px solid #000;
  width: fit-content;
  padding: 4px 16px;
}

#misiones-categoria-widget-bot .card-body-grid .btn-primary {
  outline: unset;
  border: unset;
  background-color: #e8375d;
  width: fit-content;
  align-self: end;
  font-size: 14px;
  padding: 8px 20px;
}

#misiones-categoria-widget-bot .pagination {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

#misiones-categoria-widget-bot .pagination button {
  padding: 5px 10px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 50%;
  border: 1px solid black;
  background: white;
}

#misiones-categoria-widget-bot .card {
  display: flex;
  flex-direction: column;
  height: auto;
}

#misiones-categoria-widget-bot .card .card-img-top {
  max-width: 100%;
  /* Ajusta al 80% del ancho de su contenedor para dar espacio alrededor */
  height: 23rem;
  object-fit: cover;
  /* margin-bottom: 20px; Espacio después de la imagen */
}

#misiones-categoria-widget-bot .card .card-body {
  width: 100%;
}


#misiones-categoria-widget-bot a.btn:hover,
#misiones-categoria-widget-bot a.btn:active,
#misiones-categoria-widget-bot a.btn:first-child:active {
  /* border: 1px solid #419443; */
  background-color: #60A16F;
  color: #ffffff;
}

/* #misiones-categoria-widget-select */
#misiones-categoria-widget-select .header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-image: url('/wp-content/uploads/2023/12/fondo0.png');
  /* La ruta a tu imagen de fondo */
  background-size: 100% auto;
  /* Asegúrate de que la imagen cubra todo el espacio */
  background-repeat: no-repeat;
  /* No repetir la imagen */
}

#misiones-categoria-widget-select .category-select {
  display: flex;
  align-items: center;
  margin-left: 100px;
}

#misiones-categoria-widget-select .category-select label {
  margin-right: 10px;
  font-size: 16px;
}

#misiones-categoria-widget-select .category-select select {
  padding: 10px 24px;
  /* Ajusta el padding a tu preferencia */
  font-size: 16px;
  /* Ajusta el tamaño de la fuente a tu preferencia */
  border: 2px solid #000000;
  /* Borde negro para el contorno */
  border-radius: 25px;
  /* Bordes muy ovalados */
  background-color: #ded6d6;
  /* Aquí eliges el color de fondo del select */
  cursor: pointer;
  /* Cambia el cursor a puntero para indicar que es interactuable */
}

#misiones-categoria-widget-select .illustration {
  margin-right: 200px;
}

#misiones-categoria-widget-select .illustration img {
  width: 250px;
  /* Cambia esto al ancho que quieras */
  height: 150px;
  /* Cambia esto a la altura que quieras */
}

#misiones-categoria-widget-select option:hover,
#misiones-categoria-widget-select option:active,
#misiones-categoria-widget-select option:first-child:active {
  /* border: 1px solid #419443; */
  background-color: #60A16F;
  color: #ffffff;
}

@media (max-width: 768px) {
  #misiones-categoria-widget-bot .grid-content-subcategories {
    padding: .5rem;
    gap: 2rem;
  }

  #misiones-categoria-widget-select .header-section {
    flex-direction: column;
    align-items: flex-start;
  }

  #misiones-categoria-widget-select .illustration {
    order: -1;
    /* Coloca la ilustración encima */
    width: 100%;
    /* Opcional: ajusta el ancho según necesites */
    margin-bottom: 20px;
    /* Añade espacio entre la imagen y el select */
    display: flex;
    /* Usa Flexbox */
    justify-content: center;
    /* Centra el contenido horizontalmente */
    align-items: center;
    /* Centra el contenido verticalmente */
  }

  #misiones-categoria-widget-select .select-container {
    width: 100%;
    /* Ajusta el ancho del select al contenedor */
  }

  #misiones-categoria-widget-select .category-select {
    width: 100%;
    margin-left: auto;
  }

  #misiones-categoria-widget-bot .grid-content-subcategories {
    grid-template-columns: repeat(1, minmax(330px, 1fr));
  }
}

/* misiones destacadas banner grande */
/* #misiones-destacadas-widget-big */
#misiones-destacadas-widget-big .card-content {
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 150px;
  overflow: hidden;
}

#misiones-destacadas-widget-big .carousel-caption {
  background-color: #e8375d;
  color: #fff;
  right: 16px;
  left: unset;
  bottom: 4rem;
  max-width: 400px;
  padding: 16px;
  border-radius: 50px 0px;
  text-align: end;
}

#misiones-destacadas-widget-big .carousel-caption h5 {
  font: 24px;
  font-weight: 800;
  font-family: montserrat;
}

#misiones-destacadas-widget-big .carousel-caption p {
  font: 16px;
  line-height: 16px;
}

#misiones-destacadas-widget-big .carousel-indicators [data-bs-target] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

#misiones-destacadas-widget-big .carousel-control-prev,
#misiones-destacadas-widget-big .carousel-control-next {
  top: 50%;
  height: 3rem;
  width: 3rem;
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 50%;
  transition: ease-in-out 0.2s;

  &:hover {
    background: rgba(0, 0, 0, 0.5) !important;
    transition: ease-in-out 0.2s;
  }
}

#misiones-destacadas-widget-big .carousel-indicators {
  bottom: -16px;
}

#misiones-destacadas-widget-big .btn-success {
  position: absolute;
  bottom: -16px;
  right: 16px;
  border: unset;
  outline: none;
  border-radius: 50px;
  background-color: #546981;
  color: #fff;
  word-wrap: no-wrap;
  font-size: 14px;
}

#misiones-destacadas-widget-big .btn-success:hover {
  background-color: #242e39;
}

/* misiones categoria banner grande */
/* #misiones-categoria-widget-big */
#misiones-categoria-widget-big .card-content {
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 150px;
  overflow: hidden;
}

#misiones-categoria-widget-big .carousel-caption {
  background-color: #e8375d;
  color: #fff;
  right: 16px;
  left: unset;
  bottom: 4rem;
  max-width: 400px;
  padding: 16px;
  border-radius: 50px 0px;
  text-align: end;
}

#misiones-categoria-widget-big .carousel-caption h5 {
  font: 24px;
  font-weight: 800;
  font-family: montserrat;
}

#misiones-categoria-widget-big .carousel-caption p {
  font: 16px;
  line-height: 16px;
}

#misiones-categoria-widget-big .carousel-indicators [data-bs-target] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

#misiones-categoria-widget-big .carousel-control-prev,
#misiones-categoria-widget-big .carousel-control-next {
  top: 50%;
  height: 3rem;
  width: 3rem;
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 50%;
  transition: ease-in-out 0.2s;

  &:hover {
    background: rgba(0, 0, 0, 0.5) !important;
    transition: ease-in-out 0.2s;
  }
}

#misiones-categoria-widget-big .carousel-indicators {
  bottom: -16px;
}

#misiones-categoria-widget-big .btn-success {
  position: absolute;
  bottom: -16px;
  right: 16px;
  border: unset;
  outline: none;
  border-radius: 50px;
  background-color: #546981;
  color: #fff;
  word-wrap: no-wrap;
  font-size: 14px;
}

#misiones-categoria-widget-big .btn-success:hover {
  background-color: #242e39;
}

/* responsive */
@media screen and (max-width: 900px) {
  #misiones-categoria-widget-bot .card .card-img-top {
    /* Ajusta al 80% del ancho de su contenedor para dar espacio alrededor */
    height: 12rem;
    /* margin-bottom: 20px; Espacio después de la imagen */
  }

  #canjear-recompensas-widget .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }

  #canjear-recompensas-widget #left,
  #canjear-recompensas-widget #right {
    display: block;
  }

  #recompensas-canjeadas-widget .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }

  #recompensas-canjeadas-widget #left,
  #recompensas-canjeadas-widget #right {
    display: block;
  }

  #misiones-aprendizaje-widget .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }

  #misiones-aprendizaje-widget #left,
  #misiones-aprendizaje-widget #right {
    display: block;
  }

  #misiones-destacadas-widget-bot .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }

  #misiones-destacadas-widget-bot #left,
  #misiones-destacadas-widget-bot #right {
    display: block;
  }
}

.title-item-califier {
  font-weight: 600 !important;
}

@media screen and (max-width: 600px) {
  .item-califier {
    align-content: flex-end;
    justify-content: unset !important;
    /* align-self: center; */
    flex-direction: row !important;
    justify-items: center;
    padding-left: 1.6rem;
    margin-left: unset;
    /* float: right; */
  }

  .container-item-califier {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  #canjear-recompensas-widget .wrapper .carousel {
    grid-auto-columns: 100%;
  }

  #canjear-recompensas-widget #left,
  #canjear-recompensas-widget #right {
    display: block;
  }

  #recompensas-canjeadas-widget .wrapper .carousel {
    grid-auto-columns: 100%;
  }

  #recompensas-canjeadas-widget #left,
  #recompensas-canjeadas-widget #right {
    display: block;
  }

  #misiones-aprendizaje-widget .wrapper .carousel {
    grid-auto-columns: 100%;
  }

  #misiones-aprendizaje-widget #left,
  #misiones-aprendizaje-widget #right {
    display: block;
  }

  #misiones-destacadas-widget-bot .wrapper .carousel {
    grid-auto-columns: 100%;
  }

  #misiones-destacadas-widget-bot #left,
  #misiones-destacadas-widget-bot #right {
    display: block;
  }
}

@media (max-width: 767px) {
  #recompensas-canjeadas-widget a.btn {
    max-height: 50px;
    overflow: visible;
    opacity: 1;
    padding: 8px 16px;
  }

  #misiones-destacadas-widget-big .carousel-inner {
    padding: 1rem !important;
  }

  #misiones-destacadas-widget-big .carousel-indicators {
    bottom: 16px;
  }

  #misiones-destacadas-widget-big .carousel-item {
    margin-bottom: 1.5rem;
  }

  #misiones-destacadas-widget-big .card-content {
    max-height: 400px;
    border-radius: 0 0 0 50px;
  }

  #misiones-destacadas-widget-big .card-content .img-banner {
    min-height: 400px;
    object-fit: cover;
  }

  #misiones-destacadas-widget-big .card-content .carousel-caption {
    display: block !important;
    width: 100%;
    min-height: 150px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 0 50px;
  }

  #misiones-destacadas-widget-big .card-content .btn-success {
    right: 8px;
  }

  #misiones-categoria-widget-big .carousel-inner {
    padding: 1rem !important;
  }

  #misiones-categoria-widget-big .carousel-indicators {
    bottom: 48px;
    max-width: fit-content;
    margin: 0 auto;
  }

  #misiones-categoria-widget-big .carousel-item {
    margin-bottom: 1.5rem;
  }

  /* .carousel-item .btn.btn-success {
    background-color: #546981;
  }
  .carousel-item .btn.btn-success:hover{
    background-color: #242e39;
  } */
  #misiones-categoria-widget-big .card-content {
    max-height: 400px;
    border-radius: 0 0 0 50px;
  }

  #misiones-categoria-widget-big .card-content .img-banner {
    min-height: 400px;
    object-fit: cover;
  }

  #misiones-categoria-widget-big .card-content .carousel-caption {
    display: block !important;
    width: 100%;
    min-height: 150px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 0 50px;
  }

  #misiones-categoria-widget-big .card-content .btn-success {
    right: 8px;
  }
}

.custom-separator {
  height: 2px;
  /* Grosor de la línea */
  background-color: #ccc;
  /* Color de la línea */
  width: 100%;
  /* Ancho de la línea */
  margin: 20px 0;
  /* Espacio arriba y abajo de la línea */
}

.barra-usuario a.elementor-button-link:hover,
.barra-usuario a.elementor-button-link:active,
.barra-usuario a.elementor-button-link:first-child:active {
  /* border: 1px solid #dc3545 !important; */
  background-color: #D8375D !important;
  color: #ffffff !important;
}

.barra-usuario .dropdown:hover,
.barra-usuario .dropdown:active,
.barra-usuario .dropdown:first-child:active {
  /* border: 1px solid #dc3545 !important; */
  background-color: #D8375D !important;
  color: #ffffff !important;
}

.tf-contenedor-fondo-g a.elementor-button-link:hover,
.tf-contenedor-fondo-g a.elementor-button-link:active,
.tf-contenedor-fondo-g a.elementor-button-link:first-child:active {
  /* border: 1px solid #60A16F !important; */
  background-color: #60A16F !important;
  color: #ffffff !important;
}

.tf-contenedor-fondo-r a.elementor-button-link:hover,
.tf-contenedor-fondo-r a.elementor-button-link:active,
.tf-contenedor-fondo-r a.elementor-button-link:first-child:active {
  /* border: 1px solid #60A16F !important; */
  background-color: #60A16F !important;
  color: #ffffff !important;
}

.tf-newsletter-contenedor {
  background-color: #2B3744;
  border-radius: 35px;
}

.tf-newsletter-form input,
.tf-newsletter-form button {
  border-radius: 25px !important;
}

.tf-newsletter-form button {
  background-color: #E7375D !important;
}

.tf-newsletter-form input {
  background-color: #959BA2 !important;
  color: #ffffff !important;
}

.tf-newsletter-form .elementor-field-type-submit {
  width: 50%;
  float: none;
  margin: auto;
}

.tf-newsletter-descripcion p {
  margin-bottom: 0px;
}

/***::::::end Andres::::::::***/

/***::::::start Patrick::::::::***/
#tf-clase-tu-comunidad .filter-bar {
  display: flex;
  justify-content: space-evenly;
  margin: 40px 10px;
}

#tf-clase-tu-comunidad .filter-bar select {
  width: 300px;
  border-radius: 15px;
}

#tf-clase-tu-comunidad .card-container {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}

#tf-clase-tu-comunidad .card {
  background-color: #e8375d !important;
  text-align: end !important;
  border-radius: 0px 0px 60px 0px !important;

  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#tf-clase-tu-comunidad .card-responsive {
  display: none !important;
  background-color: #e8375d !important;
  text-align: end !important;
  border-radius: 0px 0px 40px 0px !important;

  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#tf-clase-tu-comunidad .card-content {
  display: flex;
  height: 200px;
  justify-content: space-between;
}

#tf-clase-tu-comunidad .card-content .button {
  border-radius: 25px;
  font-weight: bold;
}

#tf-clase-tu-comunidad .card-content img {
  width: 110px;
  height: 110px;
  margin: 0px 35px;
}

#tf-clase-tu-comunidad .card-content p {
  margin-bottom: 30px;
}

#tf-clase-tu-comunidad .card a {
  background: white;
  color: black;
  padding: 10px 20px;
  border-radius: 15px;
}

#tf-clase-tu-comunidad .card-title {
  margin: 30px 0px;
  color: white;
  font-weight: bold;
}

#tf-clase-tu-comunidad .custom-select {
  position: relative;
  display: inline-block;
}

#tf-clase-tu-comunidad .input-com {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #e1e1e1;
  border-radius: 20px;
  border: 1px solid black;
  text-align: center;
  width: 300px;
  padding-right: 30px;
}

#tf-clase-tu-comunidad .select-icon::after {
  content: '\25BC';
  /* Código Unicode del triángulo hacia abajo */
  font-size: 24px;
  /* Ajusta según el tamaño del carácter que desees */
  color: #333;
  /* Ajusta el color según tus necesidades */
  position: absolute;
  right: 10px;
  top: 50%;
  padding-right: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  /* Evita que el ícono sea interactivo */
}

@media (max-width: 1524px) {
  #tf-clase-tu-comunidad .card h2.card-title {
    font-size: 1.2rem;
    margin: 1.2rem 0px;
  }
}

@media (max-width: 1024px) {
  #tf-clase-tu-comunidad .card-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .card-content {
    height: unset;
  }
}

/* Basic styling */
body {
  font-family: Arial, sans-serif;
}

/* .filter-bar select { */
/* Styling for the dropdown filters */
/* } */
#tf-clase-tu-comunidad .card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  /* Adjust gap as necessary */
}

#tf-clase-tu-comunidad .card {
  background-color: #ff4b4b;
  /* Example red background */
  color: white;
  padding: 20px;
  flex-basis: calc(50% - 10px);
  /* Adjust width for two cards per row, accounting for gap */
  border-radius: 10px;
  /* Rounded corners */
  position: relative;
  /* For absolute positioning of the call to action */
}

@media (max-width: 768px) {
  #tf-clase-tu-comunidad .card {
    display: none !important;
  }

  #tf-clase-tu-comunidad .card-responsive {
    display: flex !important;
    width: 100%;
    height: 118px;
  }

  #tf-clase-tu-comunidad .card-container h2 {
    text-align: center;
    font-size: 0.8rem;
    padding-right: 8px;
  }

  #tf-clase-tu-comunidad .card-responsive .button {
    background: white;
    padding: 10px 20px;
    color: black;
    border-radius: 31px;
    font-weight: bold;
  }

  #tf-clase-tu-comunidad .card-responsive .card-content div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #tf-clase-tu-comunidad .card-content a.button {
    padding: 0.3rem 0.64rem;
    font-size: 0.6rem;
  }

  #tf-clase-tu-comunidad .card-responsive .card-content {
    align-items: center;
  }

  #tf-clase-tu-comunidad .card-responsive .card-title {
    margin: 10px 0px;
  }

  #tf-clase-tu-comunidad .card-container {
    gap: 20px 19px;
  }

  #tf-clase-tu-comunidad .card-responsive img {
    width: 3rem;
    height: 69px;
  }

  #tf-clase-tu-comunidad .filter-bar {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 10px !important;
  }
}

/***::::::end Patrick::::::::***/

/***::::::start Isaias::::::::***/
#error-page {
  margin-left: 1em;
  margin-right: 1em;
}

#error-page .wp-die-message {
  background-color: #e8375d;
}

.entry-title {
  display: none !important;
}

.user-btn-content {
  display: none;
  position: fixed;
  top: 69px;
  z-index: 2;
  left: 0px;
  max-width: 100vw;
}

.text-justify {
  text-align: justify !important;
}

.circulo-puntos {
  background-color: #63c565;
  border-radius: 50px;
  padding: 10px;
  height: 76px;
  width: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.circulo-puntos p {
  text-align: center;
}

.tf-titulo {
  color: #000000;
  font-size: 0.8em;
}

h3.tf-titulo-black-negrita {
  color: #000000 !important;
  font-size: 1.75rem;
  margin-block-end: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
}

h1.tf-titulo-black-negrita {
  color: #000000;
  font-family: 'Montserrat', Sans-serif;
  font-size: 40px;
  line-height: 40px;
  --widgets-spacing: 20px 20px;
  font-weight: bolder;
}

.proxima-informacion {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.proxima-informacion p {
  margin-bottom: 0px;
}

/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .md-w-25 {
    width: 25% !important;
  }

  .tf-titulo {
    font-size: 1em;
  }

  #encuesta-post-aplicacion form input[type='date'] {
    width: auto !important;
  }

  .proxima-informacion {
    margin-left: 8rem;
    margin-top: 3rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .lg-w-25 {
    width: 25% !important;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .xl-w-25 {
    width: 25% !important;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .xxl-w-25 {
    width: 25% !important;
  }

  .proxima-informacion {
    margin-left: 11rem !important;
  }
}

#encuesta-post-aplicacion form {
  font-size: 1rem;
}

#encuesta-respondida #imagen-ganaste #mensaje {
  bottom: 30px;
}

#encuesta-respondida #imagen-ganaste #mensaje>div {
  background-color: #63c565;
}

#encuesta-respondida-mensaje #imagen-ganaste #mensaje>div {
  background-color: #63c565;
}

#encuesta-post-aplicacion form .controles-radio label {
  font-size: 0.9rem !important;
}

.boton-ingresar {
  background-color: #e8375d !important;
  color: white !important;
  text-align: center;
  padding: 5px 15px;
  border-radius: 10px;
}

.tf-btn {
  border-radius: 20px;
}

.tf-btn.btn-success {
  border: 1px solid #56a263;
  background-color: #60b46f;
}

.tf-btn.btn-success:hover,
.tf-btn.btn-success:active {
  border: 1px solid #4c9058;
  background-color: #4c9058;
}

.btn-charcoal {
  border: 1px solid #2f3b49;
  border-radius: 15px;
  background-color: #3b4a5c;
  color: #ffffff;
}

.btn-misiones-educativas {
  border: 1px solid #d33242;
  border-radius: 15px;
  background-color: #dc3545;
  color: #ffffff;
}

.btn-charcoal:hover,
.btn-charcoal:active,
.btn-charcoal:first-child:active {
  border: 1px solid #232c37;
  background-color: #2f3b49;
  color: #ffffff;
}

.btn-misiones-educativas:hover,
.btn-misiones-educativas:active,
.btn-misiones-educativas:first-child:active {
  border: 1px solid #D8375D;
  background-color: #D8375D;
  color: #ffffff;
}

.option-menu-movil:hover,
.option-menu-movil:active,
.option-menu-movil:first-child:active {
  /* border: 1px solid #60A16F; */
  background-color: #60A16F;
  color: #ffffff;
}

#tf-clase-tu-comunidad a:hover,
#tf-clase-tu-comunidad a:active,
#tf-clase-tu-comunidad a:first-child:active {
  /* border: 1px solid #60A16F; */
  background-color: #60A16F;
  color: #ffffff;
}

.form-check-input:checked {
  background-color: #60b46f;
  border-color: #60b46f;
}

.tf-icon.fill-white svg path {
  fill: #ffffff;
}

.bg-color-black {
  background-color: #000000 !important;
}

.bg-color-chinese-white {
  background-color: #e1e1e1 !important;
}

.bg-color-gray {
  background-color: #7a7a7a !important;
}

.bg-color-charcoal {
  background-color: #3b4a5c !important;
}

.bg-color-red {
  background-color: #e8375d !important;
}

.bg-color-red-50 {
  background-color: #fff5fb;
}

.bg-color-red-100 {
  background-color: #fce8f4;
}

.bg-color-red-200 {
  background-color: #facae3;
}

.bg-color-red-300 {
  background-color: #f5abcc;
}

.bg-color-red-400 {
  background-color: #f0719b;
}

.bg-color-red-500 {
  background-color: #e8375d;
}

.bg-color-red-600 {
  background-color: #d12e4f;
}

.bg-color-red-700 {
  background-color: #ad1f39;
}

.bg-color-red-800 {
  background-color: #8c1428;
}

.bg-color-red-900 {
  background-color: #690c19;
}

.bg-color-red-950 {
  background-color: #42050d;
}

.bg-color-white {
  background-color: #ffffff !important;
}

.bg-color-green {
  background-color: #60b46f !important;
}

.bg-color-green-50 {
  background-color: #f7fcfa;
}

.bg-color-green-100 {
  background-color: #ebf7f2;
}

.bg-color-green-200 {
  background-color: #d1edde;
}

.bg-color-green-300 {
  background-color: #b6e0c8;
}

.bg-color-green-400 {
  background-color: #89cc9d;
}

.bg-color-green-500 {
  background-color: #60b46f;
}

.bg-color-green-600 {
  background-color: #4ea35c;
}

.bg-color-green-700 {
  background-color: #368744;
}

.bg-color-green-800 {
  background-color: #236e2e;
}

.bg-color-green-900 {
  background-color: #14521c;
}

.bg-color-green-950 {
  background-color: #08360d;
}

/***::::::end Isaias::::::::***/

.modal-content {
  max-height: 500px;
  /* Ajusta este valor según las necesidades de tu diseño */
  overflow-y: auto !important;
}