@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Quicksand", serif;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

img {
  width: 100%;
  pointer-events: none;
}

a {
  text-decoration: none;
  color: unset;
}

select,
::picker(select) {
  appearance: base-select !important;
}

.unselectable {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.button {
  background-color: #00bdb3;
  box-shadow: inset 0 0 0 2px #00bdb3;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(16px, 0.25641vw + 15.08px, 20px);
  padding: 20px 30px;
}
.button:hover {
  background-color: #05a8a5;
}

.button--gris {
  background: #959699;
  box-shadow: inset 0 0 0 2px #959699;
  cursor: unset;
}
.button--gris:hover {
  background: #959699;
  box-shadow: inset 0 0 0 2px #959699;
}

.button--oscuro {
  background: #008095;
  box-shadow: inset 0 0 0 2px #008095;
}
.button--oscuro:hover {
  background: #05a8a5;
  box-shadow: inset 0 0 0 2px #05a8a5;
}

.button--outline {
  color: #008095;
  background: #ffffff;
  box-shadow: inset 0 0 0 3px #008095;
}
.button--outline:hover {
  color: #05a8a5;
  background: #ffffff;
  box-shadow: inset 0 0 0 3px #05a8a5;
}

.button--rojo {
  background: #af1625;
  box-shadow: inset 0 0 0 3px #af1625;
}
.button--rojo:hover {
  background: #ff142b;
  box-shadow: inset 0 0 0 3px #ff142b;
}

.button--verde {
  background: #60be21;
  box-shadow: inset 0 0 0 3px #60be21;
}
.button--verde:hover {
  background: #5dda0a;
  box-shadow: inset 0 0 0 3px #5dda0a;
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  width: 100%;
}

select {
  padding: 5px 15px;
  background-color: #ffffff;
  color: #959699;
  border: 1px solid #959699;
  border-radius: 12px;
  font-weight: 600;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
select option {
  padding: 5px;
  font-weight: 500;
  border-radius: 8px;
}
select option:hover {
  background-color: #008095;
  color: #ffffff;
}
select option::checkmark {
  display: none;
}

select::picker-icon {
  content: "\f0da"; /* fa-chevron-down */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #959699;
  transition: all 0.3s linear;
}

select:open::picker-icon {
  transform: rotate(90deg);
}

::picker(select) {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 6px 10px 0px #959699;
  border: none;
  padding: 5px;
  color: #008095;
  margin-top: 5px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.header {
  padding: 30px 0;
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  width: 100%;
  position: fixed;
  z-index: 999;
  transition: all 0.3s linear;
  height: 130px;
}
.header.scrolled {
  background-color: #008095;
  padding: 15px 0;
  box-shadow: 1px -3px 12px 4px #3e4047;
  height: 100px;
}

.header.scrolled .header-imgCont img {
  filter: grayscale(2) brightness(7);
}
.header.scrolled .navbar-item {
  color: #ffffff;
}
.header.scrolled .navbar-item:hover {
  color: #69dad3;
}
.header.scrolled .navbar-item.active {
  color: #69dad3;
}
@media only screen and (max-width: 1120px) {
  .header.scrolled .navbar-item {
    color: #959699;
  }
  .header.scrolled .navbar-item:hover {
    color: #008095;
  }
}
@media only screen and (max-width: 1120px) {
  .header.scrolled .navbar {
    top: 100px;
  }
}
.header.scrolled .header-menuButt i {
  color: #ffffff;
}

.header-cont {
  width: 90%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1120px) {
  .header-cont {
    display: grid;
    grid-template-columns: 36px 1fr;
  }
  .header-cont .header-imgCont {
    justify-self: center;
  }
}

@media only screen and (max-width: 1120px) {
  .header-cont.menu-active .navbar {
    transform: translate(0px);
    box-shadow: -17px 30px 20px 11px #3e4047;
  }
}
.header-cont.menu-active .header-menuButt .menu-close {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.header-cont.menu-active .header-menuButt .menu-open {
  transform: scale(0.6);
  opacity: 0;
  visibility: hidden;
}

.header-imgCont {
  width: clamp(250px, 29vw, 400px);
}
@media only screen and (max-width: 1120px) {
  .header-imgCont {
    width: clamp(215px, 55vw, 350px);
  }
}
.header-imgCont a {
  display: flex;
  height: 100%;
  margin-top: -4px;
}

@media only screen and (max-width: 1120px) {
  .navbar {
    position: fixed;
    top: 130px;
    left: 0;
    background-color: #f1f1f1;
    height: 100%;
    transition: all 0.3s linear;
    transform: translate(-268px);
  }
}

.navbar-list {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: clamp(8px, 1vw, 20px);
}
@media only screen and (max-width: 1120px) {
  .navbar-list {
    flex-direction: column;
    padding: 20px 70px 0px 30px;
    align-items: flex-start;
  }
}

.navbar-item {
  color: #959699;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding: 15px 10px;
}
.navbar-item:hover {
  color: #008095;
}
.navbar-item.active {
  color: #05a8a5;
  cursor: auto;
  padding: 15px 10px;
}

.nav-button a {
  background-color: #00bdb3;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  padding: 12px 30px;
}
.nav-button a:hover {
  background-color: #05a8a5;
}

.header-menuButt {
  position: relative;
  aspect-ratio: 1;
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 1120px) {
  .header-menuButt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.header-menuButt i {
  font-size: clamp(24px, 8vw, 36px);
  color: #008095;
  position: absolute;
  transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
}
.header-menuButt .menu-close {
  transform: scale(0.6);
  opacity: 0;
  visibility: hidden;
}

.header-toolTip-close {
  position: absolute;
  padding: 25px;
  width: clamp(205px, 6.08974vw + 183.08px, 300px);
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
  box-shadow: 3px 3px 5px 4px rgba(149, 150, 153, 0.2705882353);
  border-radius: 6px;
  bottom: -10px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  gap: 5px;
  cursor: default;
}
@media only screen and (max-width: 720px) {
  .header-toolTip-close {
    left: inherit;
    right: 0;
  }
}
.header-toolTip-close.active {
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}
.header-toolTip-close .tooltip-close {
  color: #959699;
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 14px;
  cursor: pointer;
}

.header-toolTip-closeCont {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #959699;
  font-size: 16px;
  font-weight: 700;
}
.header-toolTip-closeCont .header-toolTip-closeText {
  cursor: pointer;
  font-size: clamp(13px, 0.19231vw + 12.31px, 16px);
}

.header-notiCont {
  position: relative;
  cursor: pointer;
}

.header-toolTip-noti {
  position: absolute;
  padding: 25px;
  padding-right: 10px;
  width: clamp(325px, 8.01282vw + 296.15px, 450px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f1f1f1;
  box-shadow: 3px 3px 5px 4px rgba(149, 150, 153, 0.2705882353);
  border-radius: 6px;
  bottom: -15px;
  left: -95px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  gap: 5px;
  cursor: default;
  z-index: 1;
}
.header-toolTip-noti .tooltip-separador {
  width: 100%;
  height: 2px;
  background-color: #959699;
  margin: 10px 0;
}
.header-toolTip-noti .tooltip-date {
  font-size: clamp(12px, 0.12821vw + 11.08px, 14px);
  color: #959699;
  font-weight: 600;
}
.header-toolTip-noti .toolTip-noti-text {
  color: #959699;
  font-size: clamp(15px, 0.19231vw + 14.31px, 18px);
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (max-width: 1120px) {
  .header-toolTip-noti {
    left: -340px;
  }
}
@media only screen and (max-width: 1120px) {
  .header-toolTip-noti {
    left: inherit;
    right: -60px;
  }
}
.header-toolTip-noti.active {
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}
.header-toolTip-noti .tooltip-close {
  color: #959699;
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 14px;
  cursor: pointer;
}

.header-toolTip-notiCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 390px;
  width: 100%;
  overflow-y: auto;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.header-toolTip-notiCont::-webkit-scrollbar {
  width: 15px;
}
.header-toolTip-notiCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.header-toolTip-notiCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.header-toolTip-notiCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.header-toolTip-notiCont::-webkit-scrollbar-button:vertical:start:increment, .header-toolTip-notiCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.header-toolTip-notiCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.header-toolTip-notiCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.header-toolTip-notiCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
@media only screen and (max-width: 1120px) {
  .header-toolTip-notiCont {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
  }
}

.tooltip-notiItem {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  transition: background-color 0.2s linear;
  cursor: pointer;
}
.tooltip-notiItem:hover {
  background-color: rgba(149, 150, 153, 0.1);
}
.tooltip-notiItem.unread {
  background-color: rgba(0, 189, 179, 0.05);
  border-left: 3px solid #00bdb3;
}
.tooltip-notiItem .fa-trash-can {
  color: #008095;
  font-size: 18px;
  cursor: pointer;
  align-self: center;
  margin-right: 10px;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
.tooltip-notiItem .fa-trash-can:hover {
  opacity: 1;
  color: #af1625;
}

.noti-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background-color: #af1625;
  color: white;
  border-radius: 50%;
  padding: 2px 5px;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f1f1f1;
  pointer-events: none;
}

.header-noti-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 10px;
}
.header-noti-header h3 {
  font-size: 18px;
  color: #008095;
  margin: 0;
}
.mark-all {
  font-size: 12px;
  color: #05a8a5;
  cursor: pointer;
  font-weight: 700;
}
.mark-all:hover {
  text-decoration: underline;
}

.no-notifications {
  text-align: center;
  color: #959699;
  padding: 30px 10px;
  font-size: 15px;
  font-weight: 600;
}

.tooltip-imgCont {
  display: flex;
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

.tooltip-notiUser {
  font-size: clamp(16px, 0.25641vw + 15.08px, 20px);
  color: #05a8a5;
  font-weight: 700;
}

.tooltip-notiText {
  font-size: clamp(13px, 0.32051vw + 11.85px, 18px);
  color: #959699;
  font-weight: 700;
}

.banner {
  margin-top: 188px;
  width: 90%;
  max-width: 1440px;
  border-radius: clamp(12px, 3vw, 35px);
  overflow: hidden;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 45px;
  background-color: #f1f1f1;
}
.banner .button {
  margin-top: 35px;
}
@media only screen and (max-width: 1120px) {
  .banner {
    grid-template-columns: 1fr;
    grid-template-rows: clamp(215px, 50vw, 550px) 1fr;
    gap: 15px;
  }
}

.banner-imgCont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-imgCont img {
  object-fit: cover;
  height: 100%;
}

.banner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 0px;
  padding-right: 25px;
}
@media only screen and (max-width: 1120px) {
  .banner-container {
    justify-self: center;
    padding-right: 0;
    align-items: center;
    padding: 15px 0;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 460px) {
  .banner-container {
    padding-top: 0;
  }
}

.banner-img-titulo {
  margin-bottom: -90px;
  width: 345px;
}
@media only screen and (max-width: 1120px) {
  .banner-img-titulo {
    margin-bottom: -7vw;
    width: clamp(180px, 32vw, 345px);
  }
}
@media only screen and (max-width: 540px) {
  .banner-img-titulo {
    margin-bottom: -9vw;
  }
}

.banner-img-logo {
  width: 415px;
}
@media only screen and (max-width: 1120px) {
  .banner-img-logo {
    width: clamp(205px, 40vw, 415px);
  }
}

.banner-text {
  font-size: 40px;
  font-weight: 600;
  color: #3e4047;
}
@media only screen and (max-width: 1120px) {
  .banner-text {
    text-align: center;
    font-size: clamp(18px, 4vw, 40px);
    width: 90%;
    margin-top: 20px;
  }
}

.porqEle {
  margin-top: 55px;
  width: 90%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: clamp(12px, 3vw, 35px);
  padding: clamp(40px, 4vw, 90px) clamp(15px, 5vw, 110px);
  background: #008095;
  background: linear-gradient(90deg, #008095 0%, #05a8a5 100%);
  position: relative;
  overflow: hidden;
}

.porqEle-head {
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 100;
  letter-spacing: 8px;
  color: #ffffff;
}
@media only screen and (max-width: 1120px) {
  .porqEle-head {
    letter-spacing: 2px;
  }
}

.porqEle-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}
@media only screen and (max-width: 1120px) {
  .porqEle-container {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.porqEle-item {
  display: flex;
  flex-direction: column;
  gap: 25px;
  z-index: 30;
}
@media only screen and (max-width: 1120px) {
  .porqEle-item:last-of-type {
    margin-bottom: 60px;
  }
}

.porqEle-title {
  font-size: clamp(22px, 5vw, 46px);
  color: #69dad3;
}

.porqEle-text {
  font-size: clamp(16px, 3vw, 22px);
  font-weight: 600;
  line-height: clamp(25px, 4vw, 45px);
  color: #ffffff;
  position: relative;
  z-index: 10;
}

.porqEle-imgCont {
  width: 200px;
}
@media only screen and (max-width: 1120px) {
  .porqEle-imgCont {
    position: absolute;
    bottom: 2%;
    width: clamp(150px, 20vw, 200px);
  }
}

.eleTer {
  margin-top: 85px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

.eleTer-main {
  width: 90%;
  max-width: 1440px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "title title" "foto text";
  align-items: center;
}
@media only screen and (max-width: 1120px) {
  .eleTer-main {
    grid-template-columns: 1fr;
    grid-template-areas: "foto" "title" "text";
  }
}

.eleTer-titleCont {
  display: flex;
  align-items: center;
  gap: 20px;
  grid-area: title;
  justify-self: center;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1120px) {
  .eleTer-titleCont {
    gap: clamp(5px, 2vw, 20px);
  }
}

.eleTer-title {
  font-size: clamp(19px, 5vw, 46px);
  color: #05a8a5;
}

.eleTer-img-titulo {
  width: clamp(115px, 25vw, 350px);
}

.eleTer-container {
  width: 100%;
  grid-area: text;
}

.eleTer-mainImgCont {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  grid-area: foto;
}
@media only screen and (max-width: 1120px) {
  .eleTer-mainImgCont {
    justify-self: center;
    width: clamp(315px, 55vw, 610px);
  }
}
.eleTer-mainImgCont img {
  position: relative;
  z-index: 20;
}

.eleTer-list {
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 5vw, 45px);
  width: 100%;
}

.eleTer-item {
  display: flex;
  gap: clamp(10px, 3vw, 20px);
  align-items: center;
  border-radius: 15px;
  border: 2px solid rgba(0, 190, 180, 0.1843137255);
  padding: clamp(10px, 3vw, 20px) clamp(20px, 4vw, 50px);
  box-shadow: 3px 12px 12px 3px #edeced;
  position: relative;
}

.eleTer-item-text {
  font-size: clamp(21px, 2vw, 26px);
  color: #959699;
  font-weight: 700;
}
@media only screen and (max-width: 1120px) {
  .eleTer-item-text {
    font-size: clamp(14px, 4vw, 32px);
  }
}

.eleTer-item-icon {
  position: relative;
  top: -31px;
  background-color: #008095;
  padding: clamp(11px, 2vw, 15px);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 50px;
  aspect-ratio: 1/1;
  width: clamp(60px, 9vw, 85px);
  height: clamp(60px, 9vw, 85px);
}

.volBien {
  width: 90%;
  max-width: 1920px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 95px;
  position: relative;
}

.volbien-main {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.volBien-title {
  font-size: clamp(22px, 5vw, 46px);
  color: #05a8a5;
}

.volBien-text {
  text-align: center;
  font-size: clamp(14px, 3vw, 24px);
  font-weight: 600;
  line-height: clamp(25px, 4vw, 45px);
  color: #959699;
  margin-top: 15px;
  width: 90%;
  max-width: 940px;
}

.volBien-container {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(30px, 3vw, 90px);
  margin-top: clamp(45px, 6vw, 98px);
  width: 100%;
  padding: 0 13px;
}
@media only screen and (max-width: 1120px) {
  .volBien-container {
    grid-template-columns: 1fr 1fr;
    gap: 35px;
  }
}
@media only screen and (max-width: 720px) {
  .volBien-container {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.volBien-imgCont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(250px, 28vw, 390px);
  height: 100%;
}
@media only screen and (max-width: 1120px) {
  .volBien-imgCont {
    display: none;
  }
}

.volBien-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  z-index: 20;
}

.volBien-item {
  list-style: none;
  color: #05a8a5;
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 700;
  box-shadow: 3px 6px 11px 2px #959699;
  border-radius: 8px;
  padding: 10px;
  background-color: #ffffff;
}
@media only screen and (max-width: 1120px) {
  .volBien-item {
    font-size: clamp(14px, 2vw, 24px);
  }
}
@media only screen and (max-width: 720px) {
  .volBien-item {
    font-size: clamp(14px, 3vw, 22px);
    text-align: center;
  }
}

.volBien-head-imgCont {
  width: clamp(180px, 45vw, 450px);
  position: relative;
  margin-bottom: clamp(25px, 5vw, 45px);
  display: none;
}
@media only screen and (max-width: 1120px) {
  .volBien-head-imgCont {
    display: block;
  }
}

.midBanner {
  width: 90%;
  max-width: 1440px;
  background-color: #edeced;
  display: grid;
  grid-template-columns: 100fr 52fr;
  align-items: center;
  margin-top: 65px;
  border-radius: clamp(12px, 3vw, 35px);
  overflow: hidden;
}
@media only screen and (max-width: 1120px) {
  .midBanner {
    grid-template-columns: 1fr;
    grid-template-rows: clamp(215px, 50vw, 550px) 1fr;
    gap: 15px;
  }
}
.midBanner .button {
  margin-top: 25px;
}

.midBanner-textCont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 65px 100px;
  gap: 15px;
}
@media only screen and (max-width: 1120px) {
  .midBanner-textCont {
    order: 2;
    align-items: center;
    padding: clamp(25px, 5vw, 65px) clamp(10px, 2vw, 100px);
  }
}

.midBanner-imgTitle {
  width: 300px;
}
@media only screen and (max-width: 1120px) {
  .midBanner-imgTitle {
    width: clamp(230px, 32vw, 350px);
  }
}

.midBanner-text {
  font-size: clamp(19px, 4vw, 40px);
  font-weight: 600;
  color: #00525c;
  width: 450px;
}
@media only screen and (max-width: 1120px) {
  .midBanner-text {
    width: 100%;
    text-align: center;
  }
}

.midBanner-img {
  width: 100%;
  height: 100%;
  display: flex;
}
@media only screen and (max-width: 1120px) {
  .midBanner-img {
    order: 1;
  }
  .midBanner-img img {
    object-position: center -30px;
    height: 100%;
  }
}
.midBanner-img img {
  object-fit: cover;
  object-position: right;
}

.poTer {
  width: 90%;
  max-width: 1440px;
  margin-top: 55px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  position: relative;
}
@media only screen and (max-width: 1120px) {
  .poTer {
    grid-template-columns: 1fr;
    grid-template-rows: clamp(215px, 50vw, 550px) 1fr;
    margin-top: 85px;
  }
}

.poTer-imgCont {
  border-radius: clamp(12px, 3vw, 35px);
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}
.poTer-imgCont img {
  object-fit: cover;
  object-position: top right;
}

.poTer-container {
  border-radius: clamp(12px, 3vw, 35px);
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 3vw, 25px);
  background-color: #00525c;
  padding: clamp(40px, 5vw, 65px) clamp(10px, 4vw, 45px) clamp(10px, 4vw, 25px) clamp(10px, 4vw, 45px);
  box-shadow: 11px 14px 12px 4px #edeced;
}

.poTer-head {
  font-size: clamp(13px, 3vw, 22px);
  font-weight: 100;
  letter-spacing: 8px;
  color: #ffffff;
  text-transform: uppercase;
}
@media only screen and (max-width: 1120px) {
  .poTer-head {
    letter-spacing: 2px;
  }
}

.poTer-title {
  font-size: clamp(22px, 5vw, 46px);
  color: #69dad3;
}

.poTer-text {
  font-size: clamp(16px, 3vw, 22px);
  font-weight: 600;
  line-height: clamp(25px, 4vw, 45px);
  color: #ffffff;
}

.poTer-logoCont {
  width: clamp(165px, 25vw, 200px);
  align-self: flex-end;
}

.pasos {
  width: 99.2vw;
  display: flex;
  justify-content: center;
  background: linear-gradient(90deg, #008095 0%, #05a8a5 100%);
  margin-top: 55px;
  position: relative;
  overflow: hidden;
}

.pasos-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 90%;
  max-width: 1440px;
  padding: 115px 0px;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
.pasos-container .button {
  margin-top: 25px;
}

.pasos-title {
  font-size: clamp(22px, 5vw, 46px);
  color: #ffffff;
  text-align: center;
}

.pasos-text {
  color: #ffffff;
  font-size: clamp(16px, 4vw, 24px);
  font-weight: 600;
}

.pasos-main {
  display: flex;
  gap: 70px 20px;
  margin-top: 75px;
  position: relative;
  z-index: 20;
  flex-wrap: wrap;
  justify-content: center;
}

.pasos-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: clamp(30px, 5vw, 65px) clamp(5px, 4vw, 40px);
  padding-top: clamp(170px, 30vw, 260px);
  border-radius: 15px;
  width: 100%;
  height: 610px;
  gap: clamp(15px, 4vw, 35px);
  box-shadow: 0px 9px 8px 3px #008095;
  max-width: 466px;
  position: relative;
}
@media only screen and (max-width: 1120px) {
  .pasos-item {
    height: auto;
    max-width: none;
  }
}

.pasos-item-num {
  padding: clamp(10px, 3vw, 20px);
  padding-bottom: clamp(20px, 4vw, 35px);
  background-color: #05a8a5;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 100px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 100px;
  font-size: clamp(70px, 14vw, 110px);
  color: #ffffff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(110px, 20vw, 180px);
  height: clamp(105px, 20vw, 170px);
  border: 10px solid #ffffff;
  position: absolute;
  top: -47px;
}

.pasos-item-title {
  color: #00525c;
  font-size: clamp(18px, 5vw, 28px);
  text-align: center;
  margin-top: -110px;
}

.pasos-item-text {
  color: #959699;
  font-size: clamp(16px, 4vw, 24px);
  line-height: clamp(25px, 4vw, 45px);
  text-align: center;
  font-weight: 600;
}

.footer {
  width: 100%;
  background-color: #3e4047;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-container {
  width: 90%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55px 0px;
}
@media only screen and (max-width: 990px) {
  .footer-container {
    flex-direction: column;
    gap: 35px;
  }
}

.footer-logoCont {
  width: clamp(140px, 23vw, 200px);
}

.footer-itemCon {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}
@media only screen and (max-width: 990px) {
  .footer-itemCon {
    align-items: center;
    gap: 9px;
  }
}

.footer-title {
  color: #ffffff;
  font-size: clamp(22px, 4vw, 30px);
  font-weight: 700;
}

.footer-textCont {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.footer-textCont i {
  color: #05a8a5;
  font-size: clamp(18px, 2vw, 24px);
  margin-top: 4px;
}

.footer-text {
  color: #ffffff;
  font-size: clamp(16px, 3vw, 22px);
}

.footer-mailsCont {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

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

.loader {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.loader .cls-1 {
  fill: none;
  stroke: #008095;
  stroke-width: 0.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: loaderDraw 2.2s linear infinite;
}

@keyframes loaderDraw {
  0% {
    stroke-dashoffset: 200;
    fill: transparent;
  }
  50% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  75% {
    stroke-dashoffset: 0;
    fill: rgba(0, 128, 149, 0.5);
  }
  100% {
    stroke-dashoffset: 0;
    fill: rgb(0, 128, 149);
  }
}
@keyframes loaderWhite {
  0% {
    stroke-dashoffset: 200;
    fill: transparent;
  }
  50% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  75% {
    stroke-dashoffset: 0;
    fill: rgba(255, 255, 255, 0.5);
  }
  100% {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }
}
.loading-blur {
  filter: blur(10px);
  transition: filter 0.3s step-end;
  pointer-events: none;
  user-select: none;
}

.page-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.main-reglog {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #008095 0%, #05a8a5 100%);
  background-image: url("../../assets/img/login-back.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.main-reglog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
}

.login-page .main-reglog {
  background-image: url("../../assets/img/login-back.jpg");
}

.regCrea-page .main-reglog {
  background-image: url("../../assets/img/regcrea-back.jpg");
  background-attachment: fixed;
}

.reglog-form-dobCont {
  display: flex;
  width: 100%;
  gap: 15px;
}
@media screen and (max-width: 550px) {
  .reglog-form-dobCont {
    flex-direction: column;
    gap: clamp(10px, 0.64103vw + 7.69px, 20px);
  }
}

.reglog-form-title {
  color: #000000;
  font-size: 36px;
  text-align: center;
}

.reglog-form-subTitle {
  color: #959699;
  text-align: center;
  font-weight: 500;
  margin-top: -20px;
}

.crea-passMain .reglog-form-titleCont,
.loginMain .reglog-form-titleCont {
  display: flex;
  flex-direction: column;
  gap: clamp(5px, 0.96154vw + 1.54px, 20px);
}
.crea-passMain .reglog-form-title,
.loginMain .reglog-form-title {
  font-size: clamp(21px, 0.96154vw + 17.54px, 36px);
  margin-bottom: 0;
}
.crea-passMain .reglog-form-subTitle,
.loginMain .reglog-form-subTitle {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  margin-top: 0;
}

.loginMain .reglog-form-verif-inp,
.re .reglog-form-verif-inp {
  align-items: center;
}

.reglog-form-inpCont {
  width: 100%;
  position: relative;
  display: inline-block;
}

.form-input {
  width: 100%;
  border: 1px solid #959699;
  padding: 18px 15px 2px 20px;
  border-radius: 12px;
  color: #959699;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  font-weight: 500;
}
.form-input:focus {
  outline: 1px solid #959699;
}

.form-label {
  position: absolute;
  top: 49%;
  left: 20px;
  transform: translateY(-50%);
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  color: #959699;
  font-weight: 600;
  pointer-events: none;
  transition: 0.175s ease-out;
  display: inline-block;
  cursor: pointer;
}

.form-input:focus + .form-label,
.form-input:not(:placeholder-shown) + .form-label {
  top: 12px;
  left: 20px;
  font-size: 12px;
  color: #008095;
}

.form-eye {
  position: absolute;
  width: 20px;
  height: 20px;
  border: none;
  top: 28%;
  right: 15px;
  background-color: transparent;
  cursor: pointer;
  font-size: 18px;
  color: #008095;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reglog-form-verif-inp {
  position: relative;
  display: grid;
  grid-template-columns: 15px 1fr;
  align-items: start;
  gap: 5px;
}
.reglog-form-verif-inp input[type=radio],
.reglog-form-verif-inp input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 15px;
  height: 15px;
  left: -1px;
  bottom: 2px;
  top: 2px;
  cursor: pointer;
}
.reglog-form-verif-inp input[type=radio]:checked + span::after,
.reglog-form-verif-inp input[type=checkbox]:checked + span::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  pointer-events: none;
}

.form-verif-label {
  font-size: clamp(11px, 0.19231vw + 10.31px, 14px);
  color: #959699;
  font-weight: 500;
  display: inline-block;
  align-items: center;
  width: fit-content;
}
.form-verif-label a {
  color: #008095;
  font-weight: 700;
  display: inline;
  cursor: pointer;
}

.form-verif-span {
  width: 15px;
  height: 15px;
  border: 1px solid #959699;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.form-verif-span::after {
  content: "";
  background-color: #008095;
  width: 9px;
  height: 9px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
}

.verif-radio {
  border-radius: 50px;
}
.verif-radio::after {
  border-radius: 50px;
}

.verif-check {
  border-radius: 4px;
}
.verif-check::after {
  border-radius: 2px;
}

.steps-container {
  position: relative;
  overflow-x: clip;
  width: 100%;
  display: flex;
}

.steps-container.moving {
  overflow: hidden;
}

.step {
  position: absolute;
  width: 100%;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.8s ease;
  pointer-events: none;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.step .fa-circle-chevron-left {
  color: #00bdb3;
  font-size: 32px;
  position: absolute;
  left: 35px;
  top: 0;
  cursor: pointer;
}
.step .fa-circle-chevron-left:hover {
  color: #05a8a5;
}
.step .reg-form-main {
  margin-top: clamp(0px, -2.5641vw + 49.23px, 40px);
  gap: clamp(10px, 0.96154vw + 6.54px, 25px);
}
.step .custom-select {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
.step .custom-select span {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}

.step.active {
  position: relative;
  opacity: 1;
  transform: translateX(0);
  pointer-events: all;
  visibility: visible;
  height: auto;
}

.step.prev {
  transform: translateX(-100%);
  visibility: hidden;
}

.custom-selectCont {
  position: relative;
  width: 100%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.custom-selectCont ::-webkit-scrollbar {
  width: 15px;
}
.custom-selectCont ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #959699;
  border-radius: 3px;
  padding: 0px 2px;
}
.custom-selectCont ::-webkit-scrollbar-thumb {
  background: #008095;
  border-radius: 3px;
}
.custom-selectCont ::-webkit-scrollbar-thumb:hover {
  background: #05a8a5;
}

.custom-select {
  border: 1px solid #959699;
  border-radius: 12px;
  padding: 12px 15px 11px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #959699;
  font-size: 18px;
  font-weight: 500;
  gap: 5px;
}
.custom-select span {
  color: #959699;
  font-size: 16px;
  font-weight: 600;
  text-wrap: nowrap;
}
.custom-select i {
  color: #959699;
  transition: all 0.2s linear;
  font-size: 16px;
}
.custom-select:disabled {
  background-color: #eaf2f2;
}

.custom-select.select-clicked i {
  transform: rotate(90deg);
}

.custom-selectMenu {
  list-style: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  padding: 12px;
  margin-top: 7px;
  border-radius: 8px;
  transition: all 0.2s linear;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  visibility: visible;
  display: none;
  box-shadow: 0px 6px 10px 0px #959699;
  max-height: 250px;
  overflow: auto;
}
.custom-selectMenu p {
  color: #959699;
  font-weight: 500;
}
.custom-selectMenu li {
  padding: 0px 5px;
  cursor: pointer;
  color: #008095;
}
.custom-selectMenu li:hover {
  background-color: #008095;
  color: #ffffff;
  border-radius: 8px;
}

.custom-selectMenu.open {
  display: flex;
  opacity: 1;
  visibility: visible;
}

#select_pais_tel {
  background-image: url("https://flagcdn.com/w20/ar.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px auto;
  padding-left: 40px;
}

.reg-desp-container {
  width: 100%;
}

.reg-desp {
  display: grid;
  grid-template-rows: max-content 5px 0fr;
  transition: all 0.4s linear;
}
.reg-desp > .reg-desp-body {
  overflow: hidden;
  margin-top: 15px;
}
.reg-desp .separador {
  width: 100%;
  height: 1px;
  background-color: #959699;
  margin: 5px 0;
}
.reg-desp .form-verif-span {
  margin-top: clamp(2px, 0.12821vw + 1.54px, 4px);
}
.reg-desp .form-verif-label {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}

.reg-desp.expanded {
  grid-template-rows: max-content 5px 1fr;
}
.reg-desp.expanded > .reg-desp-head i {
  transform: rotate(90deg);
}
.reg-desp.expanded > .reg-desp-body {
  overflow: visible;
}

.reg-desp.animating > .reg-desp-body {
  overflow: hidden;
}
.reg-desp.animating textarea {
  overflow: hidden;
}

.reg-desp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.reg-desp-head i {
  color: #00beb4;
  font-size: 22px;
  font-weight: 700;
  transition: all 0.4s linear;
}

.reg-desp-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.reg-desp-title {
  color: #00beb4;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  font-weight: 700;
}
.reg-desp-title span {
  font-size: clamp(15px, 0.32051vw + 13.85px, 20px);
  font-weight: 400;
}

.form-textarea {
  border-radius: 12px;
  border: 1px solid #959699;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  width: 100%;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-textarea::placeholder {
  font-size: 16px;
  color: #959699;
  font-weight: 600;
  white-space: pre-line;
}
.form-textarea::-webkit-scrollbar {
  width: 15px;
}
.form-textarea::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.form-textarea::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.form-textarea::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.form-textarea::-webkit-scrollbar-button:vertical:start:increment, .form-textarea::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.form-textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.form-textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.form-textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

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

.dots-cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: clamp(3px, -0.32051vw + 9.15px, 8px);
  margin-bottom: 10px;
}

.dot {
  width: 25px;
  height: 25px;
  aspect-ratio: 1/1;
  border: 2px solid #959699;
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dot.active::after {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #008095;
  border-radius: 50px;
  aspect-ratio: 1/1;
}

.line {
  width: 100%;
  height: 2px;
  background-color: #959699;
}

.popUp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 70px 0;
  padding-top: 150px;
  min-height: 100%;
  background-color: rgba(19, 19, 19, 0.8901960784);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  transform: scale(0);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}
.popUp .popUp-closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #05a8a5;
  font-size: 32px;
  cursor: pointer;
}
.popUp.active {
  z-index: 1000;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}
.popUp.active .popUp-profile-body {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.popUp.active .popUp-message-body {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.popUp.active .popUp-panel {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.popUp.active .popUp-panel.pop600 {
  width: 90%;
  max-width: 600px;
}
.popUp.active .popUp-panel.pop750 {
  width: 90%;
  max-width: 750px;
}
.popUp.active .popUp-panel.pop800 {
  width: 90%;
  max-width: 800px;
}
.popUp.active .popUp-panel.pop990 {
  width: 90%;
  max-width: 990px;
}
.popUp.active .popUp-panel.pop1120 {
  width: 90%;
  max-width: 1120px;
}
.popUp.active .popUp-panel.pop200 {
  width: 90%;
  max-width: 1200px;
}
.popUp.active .popUp-wrapper-body {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.popUp iframe {
  width: 100%;
  min-height: 100%;
}
.popUp.popUp--fixed {
  position: fixed;
}

.pp-popUp-body .popUp-closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #05a8a5;
  font-size: 32px;
  cursor: pointer;
}

.popUp-winName {
  align-self: flex-end;
  color: #959699;
  font-size: clamp(16px, 0.51282vw + 14.15px, 24px);
  font-weight: 600;
}

.pp-Title {
  font-size: 100px;
}

.textareaCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

.textarea-counter {
  font-size: 14px;
  color: #959699;
  padding-right: 10px;
  font-weight: 600;
}

textarea {
  background-color: rgba(5, 168, 165, 0.1215686275);
}

.reglog-btnCont {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 550px) {
  .reglog-btnCont {
    flex-direction: column;
    gap: 10px;
  }
}
.reglog-btnCont .button {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed !important;
  color: rgba(0, 0, 0, 0.1921568627) !important;
}

.flatpickr-day.selected {
  background: #008095 !important;
  border-color: #008095 !important;
}

.flatpickr-months {
  background: #008095 !important;
  border-radius: 6px 6px 0 0;
}

.flatpickr-current-month {
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #008095 !important;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  padding: 5px 15px !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: #ffffff !important;
}

.flatpickr-current-month input.cur-year {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

.flatpickr-calendar.arrowTop:before {
  display: none;
}

.flatpickr-calendar.arrowTop:after {
  display: none;
}

.flatpickr-monthDropdown-months {
  padding: 5px 15px !important;
  background-color: #ffffff !important;
  color: #959699 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px) !important;
  appearance: base-select !important;
}
.flatpickr-monthDropdown-months option {
  padding: 5px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
}
.flatpickr-monthDropdown-months option:hover {
  background-color: #008095 !important;
  color: #ffffff !important;
}
.flatpickr-monthDropdown-months option::checkmark {
  display: none !important;
}

.flatpickr-monthDropdown-months::picker-icon {
  color: #959699 !important;
  transition: all 0.3s linear !important;
  transform: rotate(-90deg) !important;
}

.flatpickr-monthDropdown-months:open::picker-icon {
  transform: rotate(0deg) !important;
}

::picker(.flatpickr-monthDropdown-months) {
  background-color: #ffffff !important;
  box-shadow: 0px 6px 10px 0px #959699 !important;
  border: none !important;
  padding: 5px !important;
  color: #008095 !important;
  margin-top: 5px !important;
}

.flatpickr-current-month .numInputWrapper input {
  color: #ffffff !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}

.flatpickr-day {
  font-weight: 600;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  background-color: #008095;
  border-color: #008095;
}

.exp-pop .flatpickr-current-month {
  align-items: center;
  justify-content: center;
  left: 0;
}

.regCrea-page .flatpickr-current-month {
  align-items: center;
  justify-content: center;
  left: 0;
}
.regCrea-page .flatpickr-months .flatpickr-prev-month,
.regCrea-page .flatpickr-months .flatpickr-next-month {
  padding: 7px;
}

.opt-fem {
  background-image: url("../../assets/img/alemania.svg");
  background-repeat: no-repeat;
  padding-left: 45px;
}

.header-simp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #f1f1f1;
}

.header-simpCont {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px 0;
  width: 100%;
  max-width: 1440px;
}

.header-logoCont {
  width: clamp(150px, 16.02564vw + 92.31px, 400px);
  margin-left: clamp(5px, -1.60256vw + 35.77px, 30px);
  display: flex;
  align-items: center;
}

.header-flagCont {
  position: absolute;
  right: 0;
  top: 27px;
  padding: 10px 15px;
  width: clamp(55px, 0.83333vw + 52px, 68px);
  height: clamp(55px, 0.83333vw + 52px, 68px);
}

.footer-simp {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3e4047;
  width: 100%;
}
.footer-simp .footer-logoCont {
  width: clamp(200px, 29vw, 300px);
}
.footer-simp .footer-container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  padding: 30px;
}

.reglog-container {
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  width: 90%;
  max-width: 770px;
  padding-bottom: clamp(25px, 2.5641vw + 15.77px, 65px);
  position: relative;
  z-index: 20;
}

.reglog-container.simplify {
  padding-top: clamp(25px, 2.5641vw + 15.77px, 65px);
}
.reglog-container.simplify .reglog-head {
  display: none;
}

.reglog-head-imgCont {
  width: clamp(160px, 8.97436vw + 127.69px, 300px);
}

.reglog-formCont {
  width: 90%;
  max-width: 550px;
  margin-top: clamp(5px, 2.24359vw - 3.08px, 40px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reglog-formCont .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.reglog-head {
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(15px, 2.24359vw + 6.92px, 50px) 0;
  position: relative;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

.reglog-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.64103vw + 7.69px, 20px);
}

.reglog-form-aclCont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reglog-form-aclCont .form-radio-label {
  cursor: pointer;
}

.form-radio-label {
  color: #959699;
  font-weight: 600;
}

.reglog-form-acl-text {
  color: #008095;
  font-size: clamp(11px, 0.19231vw + 10.31px, 14px);
  font-weight: 600;
  cursor: pointer;
}

.reglog-text {
  color: #959699;
  font-weight: 600;
  margin-top: 15px;
}
.reglog-text a {
  color: #008095;
}

.reglog-eres-btnCont {
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.96154vw + 6.54px, 25px);
  width: 100%;
}

.reglog-eres-btnDiv {
  width: 100%;
  position: relative;
}
.reglog-eres-btnDiv input {
  position: absolute;
  width: 100%;
  height: 124%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  top: -23px;
}
.reglog-eres-btnDiv input[type=radio]:checked + .reglog-eres-btn {
  opacity: 1;
}

.reglog-eres-btn {
  background: #00beb4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 12px;
  padding: clamp(30px, 0.96154vw + 26.54px, 45px) clamp(10px, 0.32051vw + 8.85px, 15px);
  position: relative;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.25s ease;
}
.reglog-eres-btn label {
  font-weight: 600;
  color: #ffffff;
  font-size: clamp(21px, 0.70513vw + 18.46px, 32px);
  padding-top: clamp(5px, 0.51282vw + 3.15px, 13px);
}

.reglog-eres-btn-imgCont {
  background: #ffffff;
  padding: 9px;
  width: clamp(55px, 1.28205vw + 50.38px, 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding-bottom: 15px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border: 4px solid #00beb4;
  position: absolute;
  top: -23px;
}

.loader-popUp {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(19, 19, 19, 0.6196078431);
  backdrop-filter: blur(2px);
  z-index: 1000;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-popUp .loader {
  width: 200px;
  height: 200px;
}
.loader-popUp .loader .cls-1 {
  stroke: #ffffff;
  animation: loaderWhite 2.2s linear infinite;
}

.regCrea-main .reglog-form-title {
  font-size: clamp(22px, 0.89744vw + 18.77px, 36px);
}
.regCrea-main .reglog-form-title.eresTitle {
  font-size: clamp(28px, 0.51282vw + 26.15px, 36px);
  margin-bottom: 20px;
}
.regCrea-main .reglog-formCont .button {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
.regCrea-main .popUp-message-body {
  padding: clamp(15px, 2.5641vw + 5.77px, 55px) clamp(15px, 4.48718vw - 1.15px, 85px);
}
.regCrea-main .reglog-form-titleCont {
  display: flex;
  flex-direction: column;
  gap: clamp(5px, 0.96154vw + 1.54px, 20px);
}
.regCrea-main .reglog-form-subTitle {
  margin-top: 0;
}
.regCrea-main .llegaForm .reglog-form-verif-inp .form-verif-span {
  margin-top: 0;
}

.header-call {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #f1f1f1;
}

.header-callCont {
  width: 90%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

.header-userCont {
  display: flex;
  align-items: center;
  gap: clamp(5px, 0.32051vw + 3.85px, 10px);
  position: relative;
  cursor: pointer;
}

.header-userImg {
  width: clamp(30px, 2.5641vw + 20.77px, 70px);
  height: clamp(30px, 2.5641vw + 20.77px, 70px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 500px;
  background-image: url("../../assets/img/profile-standar.jpg");
  background-position: center;
  background-size: contain;
}
.header-userImg img {
  object-fit: cover;
}

.header-userInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.header-userName {
  font-size: clamp(16px, 1vw + 8.8px, 28px);
  font-weight: 600;
  color: #008095;
}
@media screen and (max-width: 720px) {
  .header-userName {
    display: none;
  }
}

.header-userMail {
  font-size: clamp(14px, 0.5vw + 10.4px, 20px);
  color: #959699;
  font-weight: 500;
}
@media screen and (max-width: 720px) {
  .header-userMail {
    display: none;
  }
}

.main-call {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.call-container {
  width: 98%;
  max-width: 1920px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  padding: 15px 0;
}
@media screen and (max-width: 1120px) {
  .call-container {
    grid-template-columns: 1fr;
    padding: 0px 0;
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .call-container {
    gap: 0px;
  }
}

.call-viewCont {
  width: 100%;
  height: 100%;
  background-color: #00beb4;
  overflow: hidden;
  border-radius: 20px;
}

.call-panel {
  background: #f9f9f9;
  border-radius: 20px;
  border: 3px solid #edeced;
  padding: clamp(15px, 2.34375vw - 15px, 30px);
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1120px) {
  .call-panel {
    width: 95%;
    justify-self: center;
  }
}
@media screen and (max-width: 720px) {
  .call-panel {
    width: 100%;
    border-radius: 0;
    padding: 15px clamp(5px, 2.77778vw - 5px, 15px);
  }
}

.call-toolsCont {
  display: flex;
  align-items: center;
  gap: 5px;
}

.call-tool {
  background-color: #ffffff;
  color: #008095;
  border: 2px solid #edeced;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(14px, 0.9375vw + 2px, 20px);
  padding: 10px;
  width: 100%;
}
@media screen and (max-width: 720px) {
  .call-tool {
    font-size: clamp(13px, 0.27778vw + 12px, 14px);
    padding: 10px clamp(5px, 1.38889vw + 0px, 10px);
  }
}
.call-tool:hover {
  background-color: #69dad3;
  color: #ffffff;
  border: 2px solid #69dad3;
}
.call-tool.active {
  background: #05a8a5;
  color: #ffffff;
  border: 2px solid #05a8a5;
}

.call-panelTitle {
  font-size: 32px;
  font-weight: 600;
  color: #959699;
}

.call-panelMainSlider {
  width: 100%;
  overflow-x: clip;
}

.call-panelsContainer {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.call-panelMain {
  min-width: 100%;
  background: #ffffff;
  border-radius: 20px;
  border: 3px solid #edeced;
  padding: 20px clamp(15px, 4.6875vw - 45px, 45px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.call-panelMain .custom-selectCont span {
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}
.call-panelMain .custom-selectCont li {
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}
.call-panelMain.active {
  opacity: 1;
}
.call-panelMain .button {
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  padding: 9px 30px;
  margin-top: 15px;
}
@media screen and (max-width: 720px) {
  .call-panelMain #call_agenda {
    display: none;
  }
}
.call-panelMain .separador {
  width: 100%;
  height: 2px;
  background-color: #959699;
  margin: 5px 0;
}
.call-panelMain .reg-desp {
  width: 100%;
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: all 0.4s linear;
}
.call-panelMain .reg-desp.expanded {
  grid-template-rows: max-content 1fr;
}

.panel-user-secCont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 720px) {
  .panel-user-secCont {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.panel-user-secCont .fa-circle-info {
  color: #008095;
  font-size: 26px;
  cursor: pointer;
}
.panel-user-secCont .button {
  margin-top: 0px;
}

.panel-userCont {
  display: flex;
  align-items: center;
  gap: 8px;
}

.panel-userImg {
  aspect-ratio: 1/1;
  width: 50px;
  height: 50px;
  background-color: #008095;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("../../assets/img/profile-standar.jpg");
  background-position: center;
  background-size: cover;
}
.panel-userImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.panel-userImg i {
  color: #ffffff;
  font-size: 32px;
}

.panel-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0px;
}

.panel-userPac {
  color: #959699;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 500;
}

.panel-userName {
  color: #05a8a5;
  font-weight: 600;
  font-size: clamp(20px, 0.38462vw + 18.62px, 26px);
  margin-top: -5px;
}

.panel-user-infoCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  max-height: 360px;
  overflow-y: scroll;
  overflow-y: auto;
  padding-right: 15px;
  width: 100%;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 720px) {
  .panel-user-infoCont {
    max-height: clamp(240px, 33.33333vw + 120px, 360px);
  }
}
.panel-user-infoCont::-webkit-scrollbar {
  width: 15px;
}
.panel-user-infoCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.panel-user-infoCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.panel-user-infoCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.panel-user-infoCont::-webkit-scrollbar-button:vertical:start:increment, .panel-user-infoCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.panel-user-infoCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.panel-user-infoCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.panel-user-infoCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.panel-user-info {
  display: flex;
  align-items: center;
  gap: 5px;
}

.panel-user-infoTitle {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  color: #05a8a5;
  font-weight: 700;
}

.panel-user-infoText {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  color: #959699;
  font-weight: 500;
}

.panel-user-infoDiagCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.panel-user-infoDiagCont .custom-selectCont {
  max-width: 150px;
}
.panel-user-infoDiagCont .custom-select {
  padding: 5px;
}
.panel-user-infoDiagCont .custom-selectMenu {
  width: 225px;
}

.panel-user-infoDiag {
  border: 1px solid #959699;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  position: relative;
}
.panel-user-infoDiag .fa-pen-to-square {
  position: absolute;
  cursor: pointer;
  font-size: 20px;
  top: 13px;
  right: 13px;
  color: #05a8a5;
}
@media screen and (max-width: 720px) {
  .panel-user-infoDiag .fa-pen-to-square {
    display: none;
  }
}
.panel-user-infoDiag textarea {
  width: 100%;
  color: #959699;
  font-size: 16px;
  font-weight: 600;
  resize: none;
  min-height: 90px;
  border: none;
  background-color: transparent;
}
.panel-user-infoDiag textarea:focus {
  border: none;
  outline: none;
}

.panel-proxTurn-cont {
  background-color: #ffffff;
  color: #05a8a5;
  border: 2px solid #05a8a5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  padding: 20px clamp(15px, 2.34375vw - 15px, 30px);
  gap: clamp(3px, 0.875vw - 6.8px, 10px);
  width: 100%;
  margin-top: 20px;
  box-shadow: 6px 6px 4px 1px #edeced;
}
@media screen and (max-width: 720px) {
  .panel-proxTurn-cont {
    padding: clamp(10px, 1.38889vw + 5px, 15px);
  }
}
@media screen and (max-width: 490px) {
  .panel-proxTurn-cont {
    flex-direction: column;
    align-items: center;
  }
  .panel-proxTurn-cont i {
    display: none;
  }
}
.panel-proxTurn-cont .panel-proxTurn {
  font-weight: 700;
  margin-right: 10px;
}
.panel-proxTurn-cont .panel-proxTurn-date {
  font-weight: 500;
}

.panel-user-infoBtnCont {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.panel-user-infoBtnCont .button {
  width: 100%;
}

.call-finCont {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-start;
}
.call-finCont #but_volver {
  padding: 15px 30px;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .call-finCont #but_volver {
    padding: clamp(10px, 1.38889vw + 5px, 15px);
    font-size: clamp(14px, 0.55556vw + 12px, 16px);
  }
}

.button-red {
  background-color: #ff142b;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 15px 30px;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .button-red {
    padding: clamp(10px, 1.38889vw + 5px, 15px);
    font-size: clamp(14px, 0.55556vw + 12px, 16px);
  }
}
.button-red:hover {
  background-color: #af1625;
}

.call-finText {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  color: #959699;
  font-weight: 600;
}

.notes-antCont {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  overflow: auto;
  max-height: 145px;
  padding-right: 5px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 720px) {
  .notes-antCont {
    max-height: clamp(240px, 33.33333vw + 120px, 360px);
  }
}
.notes-antCont::-webkit-scrollbar {
  width: 15px;
}
.notes-antCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.notes-antCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.notes-antCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.notes-antCont::-webkit-scrollbar-button:vertical:start:increment, .notes-antCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.notes-antCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.notes-antCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.notes-antCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.notes-anterior {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px;
  border-radius: 20px;
  border: 3px solid #edeced;
}
@media screen and (max-width: 720px) {
  .notes-anterior {
    border-radius: clamp(8px, 3.33333vw - 4px, 20px);
  }
}
@media screen and (max-width: 550px) {
  .notes-anterior {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 7px;
  }
}
.notes-anterior .button {
  margin-top: 0;
}

.notes-antInfo {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 70%;
}

.notes-antDateCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.notes-antDateCont i {
  color: #05a8a5;
}

.notes-antDate {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  color: #959699;
  font-weight: 700;
}

.notes-antText {
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  color: #959699;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.notes-container {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}
.notes-container .button {
  justify-self: flex-end;
}
.notes-container textarea {
  border-radius: 20px;
  border: 3px solid #edeced;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 720px) {
  .notes-container textarea {
    display: none;
  }
}
.notes-container textarea::placeholder {
  font-size: 14px;
  color: #959699;
  font-weight: 700;
}
.notes-container textarea::-webkit-scrollbar {
  width: 15px;
}
.notes-container textarea::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.notes-container textarea::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.notes-container textarea::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.notes-container textarea::-webkit-scrollbar-button:vertical:start:increment, .notes-container textarea::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.notes-container textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.notes-container textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.notes-container textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.panel-ses-infoCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-right: 15px;
  width: 100%;
}

.panel-ses-info {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.panel-ses-info .button {
  padding: 7px 35px;
  margin: 0;
}
.panel-ses-info .custom-selectCont {
  width: 115px;
}
.panel-ses-info .custom-selectCont .custom-select {
  padding: 7px 12px;
}

.panel-ses-infoTitle {
  font-size: 18px;
  color: #959699;
  font-weight: 700;
}

.panel-ses-infoText {
  font-size: 18px;
  color: #959699;
  font-weight: 500;
}

.tareas-exp {
  color: #959699;
  font-weight: 600;
  font-size: 16px;
}

.tareas-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-y: auto;
  padding-right: 15px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 720px) {
  .tareas-container {
    max-height: clamp(240px, 33.33333vw + 120px, 360px);
  }
}
.tareas-container .popUp-mess-btnCont {
  justify-content: center;
  margin-top: 0;
}
.tareas-container .popUp-mess-btnCont .button {
  margin-top: 0;
}
.tareas-container::-webkit-scrollbar {
  width: 15px;
}
.tareas-container::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.tareas-container::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.tareas-container::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.tareas-container::-webkit-scrollbar-button:vertical:start:increment, .tareas-container::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.tareas-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.tareas-container::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.tareas-container::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.tareas-container .button {
  justify-self: flex-end;
}

.taresas-headCont {
  display: flex;
  align-items: center;
  gap: 7px;
}

.taresas-headNum {
  color: #008095;
  border: 3px solid #008095;
  border-radius: 100px;
  width: 38px;
  height: 38px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 0;
}

.tareas-headTitle {
  font-size: 20px;
  color: #959699;
  font-weight: 900;
}

.progress-container {
  width: 100%;
  height: 12px;
  background-color: #edeced;
  border-radius: 10px;
  margin: 10px auto;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  width: 70%;
  background-color: #008095;
  transition: width 0.5s ease-in-out;
}

.panel-ses-main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.panel-ses-mess {
  color: #959699;
  font-size: clamp(18px, 0.25641vw + 17.08px, 22px);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
}

@media screen and (max-width: 720px) {
  .tool-tareas {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  #view_tareas {
    opacity: 0;
    visibility: hidden;
  }
}

.body-call .popUp {
  position: fixed;
}
.body-call .popUp-message-body {
  padding: 55px clamp(10px, 4.80769vw - 7.31px, 85px);
}
@media screen and (max-width: 720px) {
  .body-call .popUp-mess-textCont {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
  }
}
.body-call .popUp-mess-date {
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
}
.body-call .popUp-mess-textCont .popUp-mess-text {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}

.patient-video-area #jitsi-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 600px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #00beb4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1120px) {
  .patient-video-area #jitsi-container {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}
.patient-video-area #jitsi-container iframe {
  width: 100% !important;
  height: 100% !important;
  border: none;
  border-radius: 20px;
}

.call-container #jitsi-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: clamp(300px, 19.23077vw + 230.77px, 600px);
  border-radius: 20px;
  overflow: hidden;
  background-color: #00beb4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1120px) {
  .call-container #jitsi-container {
    border-radius: 0px;
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}
.call-container #jitsi-container iframe {
  width: 100% !important;
  height: 100% !important;
  border: none;
  border-radius: 20px;
}

.reg-form-main {
  width: 90%;
  max-width: 550px;
  margin-top: clamp(40px, -1.22951vw + 59.43px, 55px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reg-form-main .reglog-form-title {
  margin-bottom: 0;
  text-align: center;
}
.reg-form-main .reglog-form-text {
  color: #959699;
  text-align: center;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  line-height: clamp(25px, 0.64103vw + 22.69px, 35px);
}
.reg-form-main .separador {
  width: 100%;
  height: 1px;
  background-color: #959699;
  margin: 5px 0;
}
.reg-form-main .button {
  width: 100%;
  max-width: none;
  padding: 10px;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}

.reg-formPost-container {
  width: 100%;
}

.formPost-fotoCont {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  gap: 30px;
  margin-top: 15px;
}
@media screen and (max-width: 550px) {
  .formPost-fotoCont {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
}

.formPost-foto-imgCont {
  border: 1px solid #959699;
  border-radius: 12px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: clamp(175px, 4.16667vw + 160px, 240px);
  height: clamp(175px, 4.16667vw + 160px, 240px);
  cursor: pointer;
  overflow: hidden;
}
.formPost-foto-imgCont img {
  object-fit: cover;
}

.formPost-foto-infoCont {
  display: flex;
  flex-direction: column;
  gap: clamp(7px, 0.51282vw + 5.15px, 15px);
}

.formPost-foto-infoTitle {
  color: #959699;
  font-weight: 900;
  font-size: clamp(16px, 0.12821vw + 15.54px, 18px);
}
@media screen and (max-width: 550px) {
  .formPost-foto-infoTitle {
    text-align: center;
  }
}

.formPost-foto-infoText {
  color: #959699;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}
@media screen and (max-width: 550px) {
  .formPost-foto-infoText {
    text-align: center;
  }
}

.formPost-foto-fileCont {
  margin-top: clamp(1px, 1.21795vw - 3.38px, 20px);
}

.formPost-foto-fileUp {
  color: #00beb4;
  font-weight: 900;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  cursor: pointer;
}
@media screen and (max-width: 550px) {
  .formPost-foto-fileUp {
    text-align: center;
  }
}

.formPost-foto-fileName {
  color: #959699;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (max-width: 550px) {
  .formPost-foto-fileName {
    text-align: center;
  }
}

.phone-inputCont {
  display: flex;
  align-items: center;
  gap: 3px;
  height: clamp(40px, 0.32051vw + 38.85px, 45px);
}
.phone-inputCont select {
  border-radius: 12px 0 0 12px;
  width: 180px;
  padding: 12px 5px 11px 20px;
  height: clamp(40px, 0.32051vw + 38.85px, 45px);
}
.phone-inputCont input {
  border-radius: 0px 12px 12px 0;
  height: clamp(40px, 0.32051vw + 38.85px, 45px);
}

.select-tel-pais::picker(select) {
  max-height: 350px;
}

.reg-formPro-main {
  width: 90%;
  max-width: 550px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reg-formPro-main .reglog-form-title {
  margin-bottom: 0;
}
.reg-formPro-main .reglog-form-text {
  color: #959699;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 35px;
}
.reg-formPro-main .separador {
  width: 100%;
  height: 1px;
  background-color: #959699;
  margin: 5px 0;
}
.reg-formPro-main .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.reg-formPro-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reg-formPro-form textarea {
  border-radius: 20px;
  border: 1px solid #959699;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  width: 100%;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-formPro-form textarea::placeholder {
  font-size: 16px;
  color: #959699;
  font-weight: 600;
  white-space: pre-line;
}
.reg-formPro-form textarea::-webkit-scrollbar {
  width: 15px;
}
.reg-formPro-form textarea::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-formPro-form textarea::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-formPro-form textarea::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-formPro-form textarea::-webkit-scrollbar-button:vertical:start:increment, .reg-formPro-form textarea::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-formPro-form textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-formPro-form textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-formPro-form textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.formPro-videoCont {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 550px) {
  .formPro-videoCont {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

.formPro-video-imgCont {
  border: 1px solid #959699;
  border-radius: 12px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 9/16;
  width: clamp(200px, 2.5641vw + 190.77px, 240px);
  height: clamp(355.56px, 4.55833vw + 339.15px, 426.67px);
  cursor: pointer;
}
.formPro-video-imgCont img {
  width: 150px;
}

.formPro-video-infoCont {
  display: flex;
  flex-direction: column;
  gap: clamp(7px, 0.51282vw + 5.15px, 15px);
}

.formPro-video-infoTitle {
  color: #959699;
  font-weight: 900;
  font-size: clamp(16px, 0.12821vw + 15.54px, 18px);
}
@media screen and (max-width: 550px) {
  .formPro-video-infoTitle {
    text-align: center;
  }
}

.formPro-fvideoinfoText {
  color: #959699;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}
@media screen and (max-width: 550px) {
  .formPro-fvideoinfoText {
    text-align: center;
  }
}

.formPro-video-fileCont {
  margin-top: clamp(1px, 1.21795vw - 3.38px, 20px);
}

.formPro-video-fileUp {
  color: #00beb4;
  font-weight: 900;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  cursor: pointer;
}
@media screen and (max-width: 550px) {
  .formPro-video-fileUp {
    text-align: center;
  }
}

.formPro-video-fileName {
  color: #959699;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (max-width: 550px) {
  .formPro-video-fileName {
    text-align: center;
  }
}

.reg-formPro-espCont {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 550px) {
  .reg-formPro-espCont {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}

.reg-formPro-espTitle {
  color: #959699;
  font-weight: 700;
  font-size: clamp(16px, 0.12821vw + 15.54px, 18px);
}

.tagsCont {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tagsCont .tag {
  border: 2px solid #05a8a5;
  color: #05a8a5;
  background-color: #ffffff;
  padding: 3px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-radius: 8px;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}
.tagsCont .tag i {
  cursor: pointer;
}

.reg-formPro-areaCotn {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.reg-formPro-areaTitle {
  color: #959699;
  font-weight: 700;
}

.reg-formPro-areaCheckCont {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.cropper-popUp {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 19, 19, 0.8901960784);
  transition: opacity 0.27s linear, visibility 0.27s linear;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: scale(0);
}
.cropper-popUp.active {
  z-index: 1000;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}
.cropper-popUp.active .cropper-panel {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.cropper-popUp .popUp-closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #05a8a5;
  font-size: 32px;
  cursor: pointer;
}

.cropper-panel {
  background-color: #ffffff;
  max-width: 990px;
  width: 90%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  padding: clamp(15px, 1.60256vw + 9.23px, 40px);
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.27s linear;
}
.cropper-panel .input-file-hidden {
  display: none;
}
.cropper-panel .button {
  width: 100%;
  padding: 12px 0;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}

.cropper-title {
  color: #959699;
  font-size: clamp(14px, 0.51282vw + 12.15px, 22px);
  font-weight: 700;
  align-self: flex-end;
}

.cropper-mainCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 90%;
  max-width: 500px;
}

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

.cropper-text {
  color: #959699;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}

.cropper-imgCont {
  background-color: #f9f9f9;
  background-image: url(../img/foto-up.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: clamp(265px, 15.0641vw + 210.77px, 500px);
  height: clamp(265px, 15.0641vw + 210.77px, 500px);
  border: 1px solid #959699;
  border-radius: 12px;
  overflow: hidden;
}

.cropper-btnCont {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .cropper-btnCont {
    flex-direction: column;
  }
}

.video-popUp {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 19, 19, 0.8901960784);
  transition: opacity 0.27s linear, visibility 0.27s linear;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: scale(0);
}
.video-popUp.active {
  z-index: 1000;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}
.video-popUp.active .cropper-panel {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.cropper-videoCont {
  background-color: #f9f9f9;
  border: 1px solid #959699;
  border-radius: 12px;
  overflow: hidden;
  width: clamp(140px, 25vw, 220px);
  aspect-ratio: 0.5625;
  height: auto;
}
.cropper-videoCont video {
  width: 100%;
  height: 100%;
}

.reg-foraAcade-main {
  width: 90%;
  max-width: 550px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reg-foraAcade-main .reglog-form-title {
  margin-bottom: 0;
}
.reg-foraAcade-main .reglog-form-text {
  color: #959699;
  text-align: center;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  line-height: 35px;
}
.reg-foraAcade-main .separador {
  width: 100%;
  height: 1px;
  background-color: #959699;
  margin: 5px 0;
}
.reg-foraAcade-main .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.reg-foraAcade-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reg-foraAcade-form .reglog-form-verif-inp {
  align-items: center;
}
.reg-foraAcade-form textarea {
  border-radius: 20px;
  border: 1px solid #959699;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  width: 100%;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-foraAcade-form textarea::placeholder {
  font-size: 16px;
  color: #959699;
  font-weight: 600;
  white-space: pre-line;
}
.reg-foraAcade-form textarea::-webkit-scrollbar {
  width: 15px;
}
.reg-foraAcade-form textarea::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-foraAcade-form textarea::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-foraAcade-form textarea::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-foraAcade-form textarea::-webkit-scrollbar-button:vertical:start:increment, .reg-foraAcade-form textarea::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-foraAcade-form textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-foraAcade-form textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-foraAcade-form textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.reg-foraAcade-fileCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.reg-foraAcade-fileHead {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
@media screen and (max-width: 550px) {
  .reg-foraAcade-fileHead {
    flex-direction: column;
  }
}

.reg-foraAcade-fileUp {
  color: #00beb4;
  font-weight: 700;
  cursor: pointer;
}

.reg-foraAcade-fileName {
  color: #959699;
  font-size: 14px;
  font-weight: 500;
}

.reg-foraAcade-fileText {
  color: #959699;
  font-weight: 500;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}

.reg-foraAcade-btnsCont {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}

.reg-foraAcade-cerCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-height: 360px;
  overflow: auto;
  padding-right: 8px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-foraAcade-cerCont::-webkit-scrollbar {
  width: 15px;
}
.reg-foraAcade-cerCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-foraAcade-cerCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-foraAcade-cerCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-foraAcade-cerCont::-webkit-scrollbar-button:vertical:start:increment, .reg-foraAcade-cerCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-foraAcade-cerCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-foraAcade-cerCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-foraAcade-cerCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.reg-foraAcade-certificado {
  border: 1px solid #959699;
  border-radius: 8px;
  background-color: #f9f9f9;
  padding: clamp(8px, 0.76923vw + 5.23px, 20px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.foraAcade-cert-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.foraAcade-cert-head i {
  color: #00beb4;
  margin-top: 5px;
}
.foraAcade-cert-head .fa-pen-to-square {
  cursor: pointer;
  font-size: 20px;
  font-weight: 200;
}

.foraAcade-cert-titleCont {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.foraAcade-cert-title {
  color: #00beb4;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  font-weight: 700;
}

.foraAcade-cert-infoCont {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.foraAcade-cert-infoText {
  color: #959699;
  font-size: clamp(12px, 0.19231vw + 11.31px, 15px);
  font-weight: 500;
}

.foraAcade-cert-notaText {
  color: #959699;
  font-size: clamp(12px, 0.19231vw + 11.31px, 15px);
  font-weight: 700;
}
.foraAcade-cert-notaText span {
  font-weight: 500;
}

.reg-antePro-main {
  width: 90%;
  max-width: 550px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reg-antePro-main .reglog-form-title {
  margin-bottom: 0;
}
.reg-antePro-main .reglog-form-text {
  color: #959699;
  text-align: center;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  line-height: 35px;
}
.reg-antePro-main .separador {
  width: 100%;
  height: 1px;
  background-color: #959699;
  margin: 5px 0;
}
.reg-antePro-main .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.reg-antePro-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reg-antePro-form .reglog-form-verif-inp {
  align-items: center;
}
.reg-antePro-form textarea {
  border-radius: 20px;
  border: 1px solid #959699;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  width: 100%;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-antePro-form textarea::placeholder {
  font-size: 16px;
  color: #959699;
  font-weight: 600;
  white-space: pre-line;
}
.reg-antePro-form textarea::-webkit-scrollbar {
  width: 15px;
}
.reg-antePro-form textarea::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-antePro-form textarea::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-antePro-form textarea::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-antePro-form textarea::-webkit-scrollbar-button:vertical:start:increment, .reg-antePro-form textarea::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-antePro-form textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-antePro-form textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-antePro-form textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.reg-antePro-fileCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.reg-antePro-fileHead {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
@media screen and (max-width: 550px) {
  .reg-antePro-fileHead {
    flex-direction: column;
  }
}

.reg-antePro-fileUp {
  color: #00beb4;
  font-weight: 700;
  cursor: pointer;
}

.reg-antePro-fileName {
  color: #959699;
  font-size: 14px;
  font-weight: 500;
}

.reg-antePro-fileText {
  color: #959699;
  font-weight: 500;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}

.reg-antePro-btnsCont {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}

.reg-antePro-cerCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-height: 360px;
  overflow: auto;
  padding-right: 8px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-antePro-cerCont::-webkit-scrollbar {
  width: 15px;
}
.reg-antePro-cerCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-antePro-cerCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-antePro-cerCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-antePro-cerCont::-webkit-scrollbar-button:vertical:start:increment, .reg-antePro-cerCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-antePro-cerCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-antePro-cerCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-antePro-cerCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.reg-antePro-certificado {
  border: 1px solid #959699;
  border-radius: 8px;
  background-color: #f9f9f9;
  padding: clamp(8px, 0.76923vw + 5.23px, 20px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.antePro-cert-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.antePro-cert-head i {
  color: #00beb4;
  margin-top: 5px;
}
.antePro-cert-head .fa-pen-to-square {
  cursor: pointer;
  font-size: 20px;
  font-weight: 200;
}

.antePro-cert-titleCont {
  display: flex;
  align-items: center;
  gap: 5px;
}

.antePro-cert-title {
  color: #00beb4;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  font-weight: 700;
}

.antePro-cert-infoCont {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.antePro-cert-infoText {
  color: #959699;
  font-size: clamp(12px, 0.19231vw + 11.31px, 15px);
  font-weight: 500;
}

.antePro-cert-notaText {
  color: #959699;
  font-size: clamp(12px, 0.19231vw + 11.31px, 15px);
  font-weight: 700;
}

.antePro-cert-notaList li {
  color: #959699;
  font-size: 15px;
  font-weight: 500;
  margin-left: 18px;
}

.reg-anteDoc-main {
  width: 90%;
  max-width: 550px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reg-anteDoc-main .reglog-form-title {
  margin-bottom: 0;
}
.reg-anteDoc-main .reglog-form-text {
  color: #959699;
  text-align: center;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  line-height: 35px;
}
.reg-anteDoc-main .separador {
  width: 100%;
  height: 1px;
  background-color: #959699;
  margin: 5px 0;
}
.reg-anteDoc-main .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.reg-anteDoc-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reg-anteDoc-form .reglog-form-verif-inp {
  align-items: center;
}
.reg-anteDoc-form .custom-select {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
.reg-anteDoc-form textarea {
  border-radius: 20px;
  border: 1px solid #959699;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  width: 100%;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-anteDoc-form textarea::placeholder {
  font-size: 16px;
  color: #959699;
  font-weight: 600;
  white-space: pre-line;
}
.reg-anteDoc-form textarea::-webkit-scrollbar {
  width: 15px;
}
.reg-anteDoc-form textarea::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-anteDoc-form textarea::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-anteDoc-form textarea::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-anteDoc-form textarea::-webkit-scrollbar-button:vertical:start:increment, .reg-anteDoc-form textarea::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-anteDoc-form textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-anteDoc-form textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-anteDoc-form textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.reg-anteDoc-fileCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.reg-anteDoc-fileHead {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
@media screen and (max-width: 550px) {
  .reg-anteDoc-fileHead {
    flex-direction: column;
  }
}

.reg-anteDoc-fileUp {
  color: #00beb4;
  font-weight: 700;
  cursor: pointer;
}

.reg-anteDoc-fileName {
  color: #959699;
  font-size: 14px;
  font-weight: 500;
}

.reg-anteDoc-fileText {
  color: #959699;
  font-weight: 500;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}

.reg-anteDoc-btnsCont {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}

.reg-anteDoc-cerCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-height: 360px;
  overflow: auto;
  padding-right: 8px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reg-anteDoc-cerCont::-webkit-scrollbar {
  width: 15px;
}
.reg-anteDoc-cerCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.reg-anteDoc-cerCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.reg-anteDoc-cerCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.reg-anteDoc-cerCont::-webkit-scrollbar-button:vertical:start:increment, .reg-anteDoc-cerCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.reg-anteDoc-cerCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.reg-anteDoc-cerCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.reg-anteDoc-cerCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.reg-anteDoc-certificado {
  border: 1px solid #959699;
  border-radius: 8px;
  background-color: #f9f9f9;
  padding: clamp(8px, 0.76923vw + 5.23px, 20px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.anteDoc-cert-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.anteDoc-cert-head i {
  color: #00beb4;
  margin-top: 5px;
}
.anteDoc-cert-head .fa-pen-to-square {
  cursor: pointer;
  font-size: 20px;
  font-weight: 200;
}

.anteDoc-cert-titleCont {
  display: flex;
  align-items: center;
  gap: 5px;
}

.anteDoc-cert-title {
  color: #00beb4;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  font-weight: 700;
}

.anteDoc-cert-infoCont {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.anteDoc-cert-infoText {
  color: #959699;
  font-size: clamp(12px, 0.19231vw + 11.31px, 15px);
  font-weight: 500;
}

.anteDoc-cert-notaText {
  color: #959699;
  font-size: clamp(12px, 0.19231vw + 11.31px, 15px);
  font-weight: 700;
}
.anteDoc-cert-notaText span {
  font-weight: 500;
}

.optNivel {
  font-size: 14px;
}

.grac-textCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-bottom: 15px;
}

.grac-text {
  color: #959699;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  text-align: center;
  font-weight: 600;
  line-height: clamp(25px, 0.32051vw + 23.85px, 30px);
}

.bienve-nombre {
  color: #05a8a5;
  font-size: clamp(28px, 0.25641vw + 27.08px, 32px);
  font-weight: 700;
}

.bienve-text {
  color: #959699;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  text-align: center;
  font-weight: 600;
  line-height: clamp(25px, 0.32051vw + 23.85px, 30px);
}

.reg-formSobre-main {
  width: 90%;
  max-width: 550px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.reg-formSobre-main .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.reg-sobreTi-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.reg-empecemos-container {
  width: 100%;
}

.formPost-desp.animating .formPost-desp-body {
  overflow: hidden;
}

.recom-terCard-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.recom-terCard {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #959699;
  border-radius: 12px;
  background-color: #f9f9f9;
  padding: 20px;
}

.terCard-profileInfo-cont {
  display: flex;
  align-items: center;
  gap: 10px;
}

.terCard-profileInfo-foto {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.terCard-profileInfo-foto img {
  object-fit: cover;
  border-radius: 100px;
}
.terCard-profileInfo-foto .fa-circle-play {
  color: #ffffff;
  background-color: #05a8a5;
  border-radius: 50px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
  bottom: -8px;
  font-size: 24px;
}

.terCard-profileInfo-nameCont {
  display: flex;
  flex-direction: column;
}

.terCard-profileInfo-name {
  color: #05a8a5;
  font-size: 20px;
  font-weight: 700;
}

.terCard-profileInfo-espec {
  color: #959699;
  font-size: 18px;
  font-weight: 600;
}

.terCard-profileDesc-cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}

.terCard-profileDesc-title {
  color: #05a8a5;
  font-size: 18px;
  font-weight: 600;
}

.terCard-profileDesc-text {
  color: #959699;
  font-size: 16px;
  font-weight: 600;
}

.terCard-btnCont {
  width: 70%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.terCard-btnCont .button {
  font-size: 16px;
  padding: 7px;
}

.recom-ter-saludo {
  font-size: 32px;
  font-weight: 700;
}
.recom-ter-saludo span {
  color: #05a8a5;
}

.recom-ter-textCont {
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.recom-ter-text {
  color: #959699;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.popUp-profile-body {
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  width: 90%;
  max-width: 770px;
  position: relative;
  z-index: 20;
  padding: 40px;
  transition: all 0.27s linear;
  transform: scale(0.2);
  opacity: 0;
  visibility: hidden;
}
.popUp-profile-body .separador {
  height: 2.2px;
  background-color: #959699;
  width: 100%;
}

.regCrea-page .popUp-profile-body {
  margin-top: -380px;
}

.term-popUp {
  padding-top: 35px;
}
.term-popUp .popUp-mess-textCont {
  max-height: 500px;
}
.term-popUp .popUp-mess-textCont .popUp-mess-text {
  font-size: clamp(12px, 0.12821vw + 11.54px, 14px);
  line-height: 25px;
}

.popUp-profile-infoCont {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 25px;
}

.popUp-profile-photoCont {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  overflow: hidden;
  aspect-ratio: 1/1;
  width: 120px;
  height: 120px;
}

.popUp-profile-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.popUp-profile-name {
  font-size: 30px;
  color: #05a8a5;
  font-weight: 900;
}

.popUp-profile-espec {
  font-size: 22px;
  color: #959699;
  font-weight: 700;
}

.popUp-profile-matr {
  font-size: 18px;
  color: #959699;
  font-weight: 600;
}

.popUp-profile-siteData {
  font-size: 18px;
  color: #05a8a5;
  font-weight: 600;
}

.popUp-profile-tagsCont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.popUp-tag {
  background-color: #f1f1f1;
  color: #959699;
  border-radius: 6px;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 600;
}

.popUp-profile-main {
  display: flex;
  align-items: flex-start;
  gap: 35px;
  width: 100%;
}

.popUp-videoCont {
  aspect-ratio: 9/16;
  width: 240px;
  height: 426.67px;
}
.popUp-videoCont img {
  width: 100%;
}

.popUp-main-info {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}

.popUp-main-title {
  font-size: 26px;
  color: #05a8a5;
  font-weight: 900;
  margin-bottom: -20px;
}

.popUp-main-expCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 112px;
  overflow: auto;
}
.popUp-main-expCont::-webkit-scrollbar {
  width: 15px;
}
.popUp-main-expCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.popUp-main-expCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.popUp-main-expCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.popUp-main-expCont::-webkit-scrollbar-button:vertical:start:increment, .popUp-main-expCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.popUp-main-expCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.popUp-main-expCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.popUp-main-expCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.popUp-main-expItem {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  color: #959699;
  font-weight: 600;
}

.popUp-main-text {
  font-size: 18px;
  color: #959699;
  font-weight: 600;
  line-height: 30px;
  max-height: 210px;
  overflow: auto;
  padding-right: 10px;
}
.popUp-main-text::-webkit-scrollbar {
  width: 15px;
}
.popUp-main-text::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.popUp-main-text::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.popUp-main-text::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.popUp-main-text::-webkit-scrollbar-button:vertical:start:increment, .popUp-main-text::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.popUp-main-text::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.popUp-main-text::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.popUp-main-text::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.popUp-profile-opiCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.popUp-opiTitle {
  font-size: 26px;
  color: #05a8a5;
  font-weight: 900;
}

.popUp-opinion {
  border: 1px solid #959699;
  border-radius: 12px;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}

.popUp-opiInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.popUp-opiInfo-stars i {
  color: #008095;
  font-size: 18px;
}

.popUp-opiInfo-date {
  font-size: 16px;
  color: #959699;
  font-weight: 600;
}

.popUp-opiText {
  font-size: 18px;
  color: #959699;
  font-weight: 600;
}

.precios-navbarColor {
  color: #008095;
}

.precios-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 130px;
}

.precios-banner {
  padding: 60px 0;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/precios-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.precios-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 129, 149, 0.6509803922);
  backdrop-filter: blur(5px);
}

.precios-title {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(50px, 0.64103vw + 47.69px, 60px);
  text-align: center;
  font-weight: 700;
}

.precios-creditos {
  width: 90%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: clamp(45px, 2.5641vw + 35.77px, 85px) 0;
}

.precios-terapiaTitle {
  color: #008095;
  font-size: clamp(36px, 0.76923vw + 33.23px, 48px);
  font-weight: 700;
  text-align: center;
}

.precios-terapiaText {
  text-align: center;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  color: #959699;
  font-weight: 600;
  line-height: clamp(29px, 0.38462vw + 27.62px, 35px);
}

.precios-creditosCont {
  width: 100%;
  background-color: #69dad3;
  border-radius: clamp(16px, 1.21795vw + 11.62px, 35px);
  padding: clamp(20px, 1.92308vw + 13.08px, 50px) clamp(15px, 2.88462vw + 4.62px, 60px);
  display: flex;
  align-items: center;
  gap: clamp(20px, 4.83871vw - 27.9px, 65px);
  margin-top: clamp(25px, 2.88462vw + 14.62px, 70px);
  box-shadow: 20px 20px 35px 7px #959699;
  position: relative;
}
@media screen and (max-width: 990px) {
  .precios-creditosCont {
    display: flex;
    flex-direction: column-reverse;
  }
}

.precios-creditos-imgCont {
  width: 100%;
  max-width: 360px;
  opacity: 0.5;
}
@media screen and (max-width: 990px) {
  .precios-creditos-imgCont {
    position: absolute;
    width: 190px;
    bottom: 10px;
    right: 10px;
    opacity: 0.3;
  }
}

.precios-creditosInfo {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-right: 45px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 990px) {
  .precios-creditosInfo {
    padding-right: 0;
  }
}

.precios-creditosTitle {
  font-size: clamp(36px, 0.76923vw + 33.23px, 48px);
  color: #00525c;
  font-weight: 700;
}
@media screen and (max-width: 990px) {
  .precios-creditosTitle {
    text-align: center;
  }
}

.precios-creditosValue {
  color: #ffffff;
  font-size: clamp(28px, 1.28205vw + 23.38px, 48px);
  font-weight: 600;
}
@media screen and (max-width: 990px) {
  .precios-creditosValue {
    text-align: center;
  }
}

.precios-creditosText {
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
  color: #00525c;
  font-weight: 900;
  line-height: clamp(29px, 0.38462vw + 27.62px, 35px);
}

.descuentos-contGris {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 85px 0;
  background-color: #edeced;
}

.descuento-contenedor {
  width: 90%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 10px 0;
}

.descuento-titulo {
  color: #05a8a5;
  font-size: clamp(36px, 0.76923vw + 33.23px, 48px);
  font-weight: 700;
}

.descuento-text {
  text-align: center;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  color: #959699;
  font-weight: 600;
  line-height: clamp(29px, 0.38462vw + 27.62px, 35px);
  padding-bottom: clamp(8px, 1.41026vw + 2.92px, 30px);
}

.caja-descuento-main {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(22px, 0.51282vw + 20.15px, 30px);
  align-items: center;
  width: 100%;
  justify-content: center;
}

.caja-descuento {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  padding: clamp(30px, 2.5641vw + 20.77px, 70px) 50px;
  gap: 15px;
  box-shadow: clamp(5px, 0.96154vw + 1.54px, 20px) clamp(5px, 0.96154vw + 1.54px, 20px) clamp(10px, 1.60256vw + 4.23px, 35px) 7px #959699;
  min-width: 310px;
  max-width: 460px;
  flex: 1;
}
.caja-descuento.claro {
  background: #05a8a5;
}
.caja-descuento.medio {
  background: #008095;
}
.caja-descuento.oscuro {
  background: #00525c;
}

.caja-descuento-compra {
  color: #f9f9f9;
  font-weight: 100;
  font-size: 20px;
  letter-spacing: 6px;
}

.caja-descuento-credito {
  color: #ffffff;
  font-weight: 600;
  font-size: 36px;
}

.caja-descuento-total {
  color: #69dad3;
  font-weight: 600;
  font-size: 24px;
  padding-top: 10px;
}

.caja-descuento-ahorras {
  color: #f9f9f9;
  font-weight: 100;
  font-size: 18px;
}

.beneficios-main {
  width: 90%;
  max-width: 1440px;
  background-color: #edeced;
  margin-top: 65px;
  margin-bottom: 65px;
  border-radius: clamp(16px, 1.21795vw + 11.62px, 35px);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.3fr 2fr;
}
@media screen and (max-width: 720px) {
  .beneficios-main {
    display: flex;
    flex-direction: column;
  }
}

.beneficios-img {
  display: flex;
}
@media screen and (max-width: 720px) {
  .beneficios-img {
    height: clamp(235px, 62.5vw + 10px, 460px);
  }
}
.beneficios-img img {
  object-fit: cover;
}

.beneficios-textoEspc {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  padding: clamp(26px, 0.70513vw + 23.46px, 37px);
  padding-top: clamp(35px, 3.75vw + 8px, 80px);
  width: 100%;
}
@media screen and (max-width: 720px) {
  .beneficios-textoEspc {
    padding: clamp(15px, 4.16667vw + 0px, 30px);
  }
}

.beneficios-titulo {
  color: #008095;
  font-weight: 700;
  font-size: clamp(32px, 1.33333vw + 22.4px, 48px);
}

.beneficios-parrafo {
  color: #00525c;
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
  padding-top: clamp(9px, 1.02564vw + 5.31px, 25px);
  padding-bottom: clamp(10px, 1.60256vw + 4.23px, 35px);
  font-weight: 600;
}

.beneficios-titulo2 {
  color: #008095;
  font-weight: 700;
  font-size: clamp(26px, 0.70513vw + 23.46px, 37px);
  padding-top: 10px;
}

.boton-credito {
  margin-top: 20px;
  padding-left: clamp(27px, 0.51282vw + 25.15px, 35px);
  padding-right: clamp(27px, 0.51282vw + 25.15px, 35px);
  border-radius: clamp(16px, 0.25641vw + 15.08px, 20px);
  font-size: clamp(16px, 0.25641vw + 15.08px, 20px);
  padding-bottom: clamp(16px, 0.25641vw + 15.08px, 20px);
  padding-top: clamp(16px, 0.25641vw + 15.08px, 20px);
}
@media screen and (max-width: 720px) {
  .boton-credito {
    align-self: center;
  }
}

.nosotros-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 130px;
}

.nosotros-banner {
  background-image: url(../img/banner-quienes-somos.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding: 70px 0px;
  gap: clamp(1px, -0.89744vw + 18.23px, 15px);
}
.nosotros-banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 129, 149, 0.6509803922);
  backdrop-filter: blur(2px);
}

.nosotros-banner-headTitle {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(18px, 0.64103vw + 15.69px, 28px);
  letter-spacing: clamp(7px, 0.19231vw + 6.31px, 10px);
  font-weight: 100;
  text-align: center;
}

.nosotros-banner-title {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(50px, 0.64103vw + 47.69px, 60px);
  font-weight: 700;
  text-align: center;
}

.nosotros-historiaCont {
  width: 90%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 75px 0;
}

.nosotros-historia-headTitle {
  color: #959699;
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
  letter-spacing: 8px;
  font-weight: 100;
}
@media screen and (max-width: 720px) {
  .nosotros-historia-headTitle {
    text-align: center;
  }
}

.nosotros-historia-title {
  color: #008095;
  font-size: clamp(36px, 0.76923vw + 33.23px, 48px);
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .nosotros-historia-title {
    text-align: center;
  }
}

.nosotros-historia-textCont {
  column-count: 2;
  column-gap: 60px;
  text-align: justify;
}
@media screen and (max-width: 720px) {
  .nosotros-historia-textCont {
    column-count: 1;
  }
}

.nosotros-historia-text {
  font-size: clamp(16px, 3vw, 22px);
  font-weight: 600;
  line-height: clamp(25px, 4vw, 45px);
  color: #959699;
  margin-bottom: 40px;
}
.nosotros-historia-text:last-of-type {
  margin-bottom: 0;
}

.nosotros-historia-imgCont {
  width: clamp(175px, 4.80769vw + 157.69px, 250px);
  align-self: end;
}

.nosotros-nuestra {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #008095 0%, #05a8a5 100%);
  width: 100%;
  padding: 75px 0;
}

.nosotros-nuestraMain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  width: 90%;
  max-width: 1440px;
}
@media screen and (max-width: 990px) {
  .nosotros-nuestraMain {
    display: flex;
    flex-direction: column;
  }
}

.nosotros-nuestraCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.nosotros-nuestra-imgCont {
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 990px) {
  .nosotros-nuestra-imgCont {
    height: unset;
  }
}

.nosotros-nuestraTitle {
  color: #ffffff;
  font-size: clamp(32px, 1.02564vw + 28.31px, 48px);
  font-weight: 700;
}

.nosotros-nuestraText {
  font-size: clamp(16px, 3vw, 22px);
  font-weight: 600;
  line-height: clamp(25px, 4vw, 45px);
  color: #ffffff;
  margin-bottom: clamp(10px, 1.92308vw + 3.08px, 40px);
}

.nosotros-trabajamos {
  width: 90%;
  max-width: 1440px;
  padding: 75px 0px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
}

.nosotros-trabajamosTitle {
  color: #008095;
  font-size: clamp(32px, 1.02564vw + 28.31px, 48px);
  font-weight: 700;
  text-align: center;
}

.nosotros-trabajamosSubtitle {
  font-size: clamp(16px, 3vw, 22px);
  font-weight: 600;
  line-height: clamp(25px, 4vw, 45px);
  color: #959699;
  text-align: center;
}

.nosotros-trabajamos-itemsCont {
  display: flex;
  gap: 15px;
  row-gap: 70px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 65px;
}

.nosotros-trabajamos-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: clamp(15px, 1.60256vw + 9.23px, 40px);
  padding-top: 195px;
  border-radius: clamp(15px, 0.64103vw + 12.69px, 25px);
  width: 100%;
  gap: clamp(5px, 1.92308vw - 1.92px, 35px);
  box-shadow: 7px 12px 19px 12px #edeced;
  max-width: 325px;
  position: relative;
}
@media only screen and (max-width: 1120px) {
  .nosotros-trabajamos-item {
    height: auto;
    max-width: none;
  }
}

.nosotros-trabajamosItem-imgCont {
  padding: 22px;
  padding-bottom: 35px;
  background-color: #05a8a5;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 100px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 100px;
  position: absolute;
  top: -35px;
}

.nosotros-trabajamosItem-title {
  color: #00525c;
  font-size: clamp(20px, 0.32051vw + 18.85px, 25px);
  text-align: center;
  margin-top: -110px;
  font-weight: 700;
  height: 45px;
}

.nosotros-trabajamosItem-text {
  color: #959699;
  font-size: clamp(16px, 0.25641vw + 15.08px, 20px);
  line-height: clamp(29px, 0.51282vw + 27.15px, 37px);
  text-align: center;
  font-weight: 600;
}

.nosotros-diferenciaCont {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(5px, 3.84615vw - 8.85px, 65px) 0;
  width: 100%;
}

.nosotros-diferenciaMain {
  width: 90%;
  max-width: 1440px;
  background: #edeced;
  border-radius: clamp(16px, 1.21795vw + 11.62px, 35px);
  overflow: hidden;
  display: grid;
  grid-template-columns: 2.2fr 1.2fr;
}
@media screen and (max-width: 720px) {
  .nosotros-diferenciaMain {
    display: flex;
    flex-direction: column-reverse;
  }
}

.nosotros-diferencia-textCont {
  display: flex;
  flex-direction: column;
  gap: clamp(25px, 1.07527vw + 14.35px, 35px);
  padding-left: clamp(30px, 3.75vw + 3px, 75px);
  padding-top: clamp(25px, 4.16667vw - 5px, 75px);
  padding-bottom: clamp(25px, 4.16667vw - 5px, 75px);
  padding-right: clamp(50px, 5.41667vw + 11px, 115px);
}
@media screen and (max-width: 720px) {
  .nosotros-diferencia-textCont {
    padding: clamp(15px, 2.77778vw + 5px, 25px);
    padding-top: 30px;
  }
}

.nosotros-diferencia-title {
  color: #00525c;
  font-size: clamp(32px, 1.33333vw + 22.4px, 48px);
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .nosotros-diferencia-title {
    text-align: center;
    font-size: clamp(24px, 2.22222vw + 16px, 32px);
  }
}

.nosotros-diferencia-item {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.nosotros-diferenciaItem-tile {
  color: #05a8a5;
  font-size: clamp(20px, 0.33333vw + 17.6px, 24px);
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .nosotros-diferenciaItem-tile {
    font-size: clamp(18px, 0.55556vw + 16px, 20px);
  }
}

.nosotros-diferenciaItem-text {
  color: #00525c;
  font-size: clamp(20px, 0.33333vw + 17.6px, 24px);
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  .nosotros-diferenciaItem-text {
    font-size: clamp(16px, 1.11111vw + 12px, 20px);
  }
}

.nosotros-diferencia-imgCont {
  width: 100%;
  height: 100%;
  display: flex;
}
@media screen and (max-width: 720px) {
  .nosotros-diferencia-imgCont {
    height: clamp(235px, 62.5vw + 10px, 460px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
  }
  .nosotros-diferencia-imgCont img {
    position: relative;
    top: clamp(-167px, -21.38889vw - 13px, -90px);
  }
}
.nosotros-diferencia-imgCont img {
  object-fit: cover;
}

.nosotros-faq {
  background-image: url(../img/faq-back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(45px, 1.92308vw + 38.08px, 75px) 0;
  width: 100%;
  margin-top: 25px;
}

.nosotros-faqMain {
  width: 90%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 1.60256vw + 14.23px, 45px);
}

.nosotros-faqTitle {
  color: #008095;
  font-size: clamp(28px, 1.28205vw + 23.38px, 48px);
  font-weight: 700;
  text-align: center;
}

.nosotros-faqCont {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 1.28205vw + 10.38px, 35px);
  padding: clamp(15px, 1.60256vw + 9.23px, 40px) clamp(15px, 2.24359vw + 6.92px, 50px);
  backdrop-filter: contrast(0.7);
}
.nosotros-faqCont .reg-desp {
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: all 0.3s linear;
  background-color: #ffffff;
  border-radius: 12px;
  padding-bottom: 0px;
}
.nosotros-faqCont .reg-desp .reg-desp-body {
  overflow: hidden;
  margin-top: 0px;
  padding: 0 15px;
}
.nosotros-faqCont .reg-desp.expanded {
  grid-template-rows: max-content 1fr;
}
.nosotros-faqCont .reg-desp.expanded .reg-desp-head i {
  transform: rotate(90deg);
}
.nosotros-faqCont .reg-desp.expanded .reg-desp-body {
  overflow: visible;
}
.nosotros-faqCont .reg-desp.animating .reg-desp-body {
  overflow: hidden;
}
.nosotros-faqCont .reg-desp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background: #ffffff;
  border-radius: 12px;
  padding: clamp(8px, 0.44872vw + 6.38px, 15px);
}
.nosotros-faqCont .reg-desp-head i {
  color: #008095;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  font-weight: 700;
  transition: all 0.4s linear;
}
.nosotros-faqCont .reg-desp-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.nosotros-faqCont .reg-desp-title {
  color: #00beb4;
  font-size: clamp(12px, 0.64103vw + 9.69px, 22px);
  font-weight: 700;
}
.nosotros-faqCont .reg-desp-title span {
  font-size: 20px;
  font-weight: 400;
}

.nosotros-faqText {
  color: #959699;
  font-size: clamp(12px, 0.51282vw + 10.15px, 20px);
  font-weight: 600;
  padding-right: 15px;
  padding-bottom: 15px;
  line-height: clamp(22px, 0.51282vw + 20.15px, 30px);
}

.nosotros-unete {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 65px 0;
}

.nosotros-uneteMain {
  width: 90%;
  max-width: 1440px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}
@media screen and (max-width: 1240px) {
  .nosotros-uneteMain {
    grid-template-columns: 1fr;
  }
}

.nosotros-unete-imgCont {
  border-radius: clamp(16px, 1.21795vw + 11.62px, 35px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nosotros-unete-imgCont img {
  object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 1240px) {
  .nosotros-unete-imgCont {
    display: none;
  }
}

.nosotros-uneteCont {
  background-color: #00525c;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  padding: 45px;
  border-radius: clamp(16px, 1.21795vw + 11.62px, 35px);
  box-shadow: 4px 8px 19px 4px #959699;
  position: relative;
  overflow: hidden;
}
.nosotros-uneteCont::before {
  content: "";
  background-color: rgba(0, 81, 92, 0.8235294118);
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
}
@media screen and (max-width: 1240px) {
  .nosotros-uneteCont {
    background-image: url(../img/foto-unete.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: clamp(20px, 2.84091vw + 9.77px, 45px);
  }
}

.nosotros-uneteTitle {
  color: #00beb4;
  font-size: clamp(32px, 2.35294vw + 2.82px, 48px);
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1240px) {
  .nosotros-uneteTitle {
    font-size: clamp(24px, 0.90909vw + 20.73px, 32px);
  }
}

.nosotros-uneteText {
  color: #ffffff;
  font-size: clamp(18px, 0.58824vw + 10.71px, 22px);
  font-weight: 600;
  line-height: clamp(32px, 1.91176vw + 8.29px, 45px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1240px) {
  .nosotros-uneteText {
    font-size: clamp(14px, 0.45455vw + 12.36px, 18px);
    line-height: clamp(26px, 0.68182vw + 23.55px, 32px);
  }
}

.nosotros-unete-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1240px) {
  .nosotros-unete-foot {
    flex-direction: column;
    gap: 15px;
  }
  .nosotros-unete-foot .nosotros-unete-logoCont {
    align-self: flex-end;
  }
}
.nosotros-unete-foot .button {
  padding: 15px 25px;
  font-size: 18px;
  align-self: flex-end;
}
@media screen and (max-width: 1240px) {
  .nosotros-unete-foot .button {
    font-size: clamp(14px, 0.45455vw + 12.36px, 18px);
    align-self: flex-start;
  }
}

.nosotros-unete-logoCont {
  width: 200px;
}
@media screen and (max-width: 1240px) {
  .nosotros-unete-logoCont {
    width: clamp(130px, 7.95455vw + 101.36px, 200px);
  }
}

.profesionales-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 130px;
}

.profesionales-banner {
  background-image: url(../img/banner-profesionales.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding: clamp(40px, 3.52564vw + 27.31px, 95px) 0px;
}
.profesionales-banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 129, 149, 0.6509803922);
  backdrop-filter: blur(5px);
}

.profesionales-bannerCont {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  width: 90%;
  max-width: 1440px;
}

.profesionales-banner-title {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(26px, 1.41026vw + 20.92px, 48px);
  font-weight: 700;
  text-align: center;
}

.profesionales-banner-subTitle {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
  font-weight: 600;
  text-align: center;
  line-height: clamp(30px, 0.96154vw + 26.54px, 45px);
}

.profesionales-banner-searchForm {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 15px;
  margin-top: clamp(5px, 2.5641vw - 4.23px, 45px);
}
@media screen and (max-width: 720px) {
  .profesionales-banner-searchForm {
    flex-direction: column;
  }
}
.profesionales-banner-searchForm .custom-select {
  background-color: #ffffff;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
.profesionales-banner-searchForm .custom-select span {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
.profesionales-banner-searchForm .reglog-form-inpCont .button {
  position: absolute;
  right: 4px;
  top: clamp(5px, -0.16667vw + 8.2px, 7px);
  padding: 7px 10px;
  font-size: clamp(14px, 0.58333vw + 9.8px, 21px);
}

.profesionales-resulCont {
  padding: clamp(30px, 2.88462vw + 19.62px, 75px) 0;
  width: 90%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: clamp(25px, 1.28205vw + 20.38px, 45px);
  align-items: center;
}

.profesionales-profileCont {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(15px, 1.58333vw + 3.6px, 34px) clamp(20px, 4.58333vw - 13px, 75px);
  border: 2px solid #959699;
  background-color: #f9f9f9;
  border-radius: clamp(16px, 1.21795vw + 11.62px, 35px);
  gap: clamp(30px, 3.75vw + 3px, 75px);
}
@media screen and (max-width: 720px) {
  .profesionales-profileCont {
    flex-direction: column;
    gap: 10px;
  }
}

.profesionales-profile-infoMain {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(15px, 0.83333vw + 9px, 25px);
  padding: 40px 0;
}
@media screen and (max-width: 720px) {
  .profesionales-profile-infoMain {
    padding: 15px;
  }
}
.profesionales-profile-infoMain .button {
  width: 100%;
  padding: 10px 25px;
}

.profesionales-profile-imgCont {
  aspect-ratio: 1/1;
  width: clamp(180px, 4.16667vw + 150px, 230px);
  height: clamp(180px, 4.16667vw + 150px, 230px);
  border-radius: 150px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 720px) {
  .profesionales-profile-imgCont {
    width: clamp(120px, 16.66667vw + 60px, 180px);
    height: clamp(120px, 16.66667vw + 60px, 180px);
  }
}
.profesionales-profile-imgCont img {
  object-fit: cover;
}

.profesionales-profile-matr {
  color: #959699;
  font-size: clamp(18px, 0.5vw + 14.4px, 24px);
  font-weight: 600;
}

.profesionales-profile-idioCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.profesionales-profile-idio {
  color: #959699;
  font-size: clamp(20px, 0.5vw + 16.4px, 26px);
  font-weight: 700;
}

.profesionales-profile-idioFlags {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.profesionales-profile-idioFlags img {
  width: 40px;
}

.profesionales-profile-opiCant {
  color: #008095;
  font-size: clamp(18px, 0.5vw + 14.4px, 24px);
  font-weight: 600;
}

.separador {
  align-self: stretch;
  width: 3px;
  background-color: #959699;
}
@media screen and (max-width: 720px) {
  .separador {
    width: 100%;
    height: 2px;
  }
}

.profesionales-profile-infoCont {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 0.33333vw + 11.6px, 18px);
  padding: clamp(12px, 2.33333vw - 4.8px, 40px) 0;
  align-items: flex-start;
}
.profesionales-profile-infoCont .button {
  padding: 10px 55px;
}

.profesionales-profile-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.profesionales-profile-name {
  color: #05a8a5;
  font-size: clamp(32px, 0.83333vw + 26px, 42px);
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .profesionales-profile-name {
    font-size: clamp(26px, 1.66667vw + 20px, 32px);
  }
}

.profesionales-profile-espec {
  color: #959699;
  font-size: clamp(24px, 0.66667vw + 19.2px, 32px);
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  .profesionales-profile-espec {
    font-size: clamp(18px, 1.66667vw + 12px, 24px);
  }
}

.profesionales-profile-sesiCant {
  color: #05a8a5;
  font-size: clamp(18px, 0.5vw + 14.4px, 24px);
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  .profesionales-profile-sesiCant {
    font-size: clamp(15px, 0.83333vw + 12px, 18px);
  }
}

.profesionales-profile-descCont {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profesionales-profile-title {
  color: #05a8a5;
  font-size: clamp(24px, 0.66667vw + 19.2px, 32px);
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .profesionales-profile-title {
    font-size: clamp(18px, 1.66667vw + 12px, 24px);
  }
}

.profesionales-profile-expCont {
  color: #959699;
  font-size: clamp(16px, 0.41667vw + 13px, 21px);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: clamp(12px, 1.08333vw + 4.2px, 25px);
}

.profesionales-profile-text {
  color: #959699;
  font-size: clamp(16px, 0.41667vw + 13px, 21px);
  font-weight: 600;
}

.profesionales-profile-tagsCont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(9px, 0.38462vw + 7.62px, 15px);
}

.profesionales-profile-tag {
  background-color: #f1f1f1;
  color: #959699;
  border-radius: 6px;
  padding: clamp(5px, 0.41667vw + 2px, 10px) clamp(15px, 1.25vw + 6px, 30px);
  font-size: clamp(14px, 0.33333vw + 11.6px, 18px);
  font-weight: 600;
}

.espePac-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 90%;
  max-width: 1440px;
  height: 100vh;
  margin-top: -130px;
}
.espePac-main .button {
  padding: 10px 30px;
}
.espePac-main .loader {
  width: 100px;
  height: 100px;
}

.espePac-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.espePac-title {
  color: #008095;
  font-size: 48px;
  margin-bottom: 15px;
}

.espePac-imgCont {
  aspect-ratio: 1/1;
  width: 250px;
  height: 250px;
  border-radius: 1000px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px 0 50px 0;
}
.espePac-imgCont img {
  object-fit: cover;
}

.espePac-docName {
  color: #05a8a5;
  font-size: 28px;
  font-weight: 600;
}

.espePac-docState {
  color: #959699;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}

.espePac-btnCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.espePac-btnCont .button {
  width: 100%;
  padding: 10px 0;
}

.ingrePro-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 90%;
  max-width: 1440px;
  height: 100vh;
  margin-top: -130px;
}
.ingrePro-main .button {
  padding: 10px 30px;
}
.ingrePro-main .loader {
  width: 100px;
  height: 100px;
}

.ingrePro-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ingrePro-title {
  color: #008095;
  font-size: 48px;
  margin-bottom: 15px;
}

.ingrePro-imgCont {
  aspect-ratio: 1/1;
  width: 250px;
  height: 250px;
  border-radius: 1000px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px 0 50px 0;
}
.ingrePro-imgCont img {
  object-fit: cover;
}

.ingrePro-docName {
  color: #05a8a5;
  font-size: 28px;
  font-weight: 600;
}

.ingrePro-docState {
  color: #959699;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}

.nota-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 90%;
  max-width: 1440px;
  height: 100vh;
  margin-top: -130px;
}
.nota-main .button {
  padding: 10px 30px;
}
.nota-main .loader {
  width: 100px;
  height: 100px;
}

.nota-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

.nota-title {
  color: #008095;
  font-size: 48px;
  margin-bottom: 15px;
}

.nota-imgCont {
  aspect-ratio: 1/1;
  width: 250px;
  height: 250px;
  border-radius: 1000px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px 0 50px 0;
}
.nota-imgCont img {
  object-fit: cover;
}

.nota-docName {
  color: #05a8a5;
  font-size: 28px;
  font-weight: 600;
}

.nota-docState {
  color: #959699;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}
.nota-docState span {
  color: #05a8a5;
  font-weight: 700;
}

.nota-btnCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.nota-btnCont .button {
  width: 100%;
  padding: 10px 0;
}

.nota-starsBody {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin: 45px 0;
}

.nota-starCon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}
.nota-starCon i {
  font-size: 60px;
}
.nota-starCon .fa-solid {
  color: #05a8a5;
}
.nota-starCon .fa-regular {
  color: #959699;
  font-weight: 100;
}

.nota-starText {
  color: #959699;
  font-size: clamp(13px, 0.57692vw + 10.92px, 22px);
  font-weight: 600;
  text-align: center;
}

.popUp-message-body {
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 990px;
  position: relative;
  z-index: 20;
  padding: 55px 85px;
  transition: all 0.27s linear;
  transform: scale(0.2);
  opacity: 0;
  visibility: hidden;
}

.popUp-wrapper-body {
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  position: relative;
  z-index: 20;
  padding: 55px 85px;
  transition: all 0.27s linear;
  transform: scale(0.2);
  opacity: 0;
  visibility: hidden;
}
.popUp-wrapper-body .button {
  padding: 10px 55px;
}

.popUp-messCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.popUp-messCont .fa-triangle-exclamation {
  color: #af1625;
  font-size: clamp(52px, 1.15385vw + 47.85px, 70px);
}
.popUp-messCont .fa-check {
  color: #60be21;
  font-size: clamp(52px, 1.15385vw + 47.85px, 70px);
}
.popUp-messCont .nota-starsBody {
  margin: clamp(4px, 0.70513vw + 1.46px, 15px);
  gap: clamp(10px, 0.96154vw + 6.54px, 25px);
}
.popUp-messCont .fa-star {
  font-size: clamp(30px, 0.96154vw + 26.54px, 45px);
}

.popUp-messIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
}

.popUp-mess-subTitle {
  color: #959699;
  font-size: 26px;
  font-weight: 900;
  text-align: center;
}

.popUp-mess-text {
  color: #959699;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  font-weight: 500;
  text-align: center;
  line-height: clamp(26px, 0.76923vw + 23.23px, 38px);
}
.popUp-mess-text.start {
  width: 100%;
  text-align: left;
}
.popUp-mess-text span {
  color: #05a8a5;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.popUp-mess-btnCont {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 25px;
}
@media screen and (max-width: 500px) {
  .popUp-mess-btnCont {
    flex-direction: column;
    width: 100%;
    gap: 7px;
    margin-top: 10px;
  }
  .popUp-mess-btnCont .button {
    width: 100%;
  }
}
.popUp-mess-btnCont .button {
  padding: 10px 55px;
}

.popUp-mess-title {
  color: #000000;
  font-size: 42px;
  font-weight: 900;
  text-align: center;
}

.popUp-mess-span {
  color: #008095;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 38px;
  margin-top: 45px;
}

.popUp-mess-checkList {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}
.popUp-mess-checkList .reglog-form-verif-inp {
  align-items: center;
}
.popUp-mess-checkList .form-verif-label {
  font-size: 18px;
  font-weight: 600;
}
.popUp-mess-checkList textarea {
  width: 95%;
  align-self: center;
}

.popUp-searchCont {
  width: 70%;
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: flex-start;
}
.popUp-searchCont .reglog-form-inpCont .button {
  position: absolute;
  right: 4px;
  top: 5px;
  padding: 7px 10px;
  font-size: 21px;
}

.popUp-searchCont-reco {
  background-color: #008095;
  box-shadow: inset 0 0 0 2px #008095;
  color: #ffffff;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 10px 20px;
}

.popUp-wrapperCont {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 15px 0;
  position: relative;
}
.popUp-wrapperCont i {
  font-size: 24px;
  font-weight: 900;
  color: #008095;
  cursor: pointer;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
}
.popUp-wrapperCont i.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.popUp-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex: 1;
  width: 100%;
}

.popUp-cards-container {
  display: flex;
  gap: 10px;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}

.popUp-wrapper-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #959699;
  border-radius: 12px;
  background-color: #f9f9f9;
  padding: 20px;
  justify-content: space-between;
  flex: 0 0 calc((100% - 30px) / 4);
  min-width: 0;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .popUp-wrapper-card {
    flex: 0 0 calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 1046px) {
  .popUp-wrapper-card {
    flex: 0 0 calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .popUp-wrapper-card {
    flex: 0 0 100%;
  }
}
.popUp-wrapper-card .terCard-profileInfo-cont {
  align-items: flex-start;
  flex-direction: column;
}
.popUp-wrapper-card .terCard-btnCont {
  width: 100%;
}
.popUp-wrapper-card .terCard-btnCont .button {
  width: 100%;
  padding: 10px 0;
}
.popUp-wrapper-card .terCard-profTag-sug {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ffffff;
  color: #05a8a5;
  border: 1px solid #05a8a5;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  min-width: 130px;
  text-align: center;
}
.popUp-wrapper-card .terCard-profTag-comp {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #05a8a5;
  border: 1px solid #05a8a5;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  min-width: 200px;
  min-width: 130px;
  text-align: center;
}

#callView_popUp {
  min-height: 110%;
}
#callView_popUp .popUp-mess-btnCont .button {
  min-width: 275px;
}

.popUp-mess-textCont {
  max-height: 350px;
  overflow: auto;
  padding-right: 15px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.popUp-mess-textCont .popUp-mess-text {
  text-align: start;
  font-size: 18px;
}
.popUp-mess-textCont::-webkit-scrollbar {
  width: 15px;
}
.popUp-mess-textCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.popUp-mess-textCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up.svg");
}
.popUp-mess-textCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down.svg");
}
.popUp-mess-textCont::-webkit-scrollbar-button:vertical:start:increment, .popUp-mess-textCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.popUp-mess-textCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
}
.popUp-mess-textCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.popUp-mess-textCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.popUp-mess-dateCont {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 7px;
}
.popUp-mess-dateCont i {
  color: #008095;
  font-size: 20px;
}

.popUp-mess-dateImg {
  width: 18px;
  height: 18px;
}
.popUp-mess-dateImg img {
  object-fit: cover;
}

.popUp-mess-date {
  font-size: 24px;
  color: #959699;
  font-weight: 700;
}

.passw-popUp .popUp-mess-textCont,
.term-popUp .popUp-mess-textCont {
  margin-top: 25px;
}
.passw-popUp .popUp-mess-titleLow,
.term-popUp .popUp-mess-titleLow {
  font-size: clamp(18px, 0.25641vw + 17.08px, 22px);
  color: #959699;
  text-align: center;
  font-weight: 700;
}
.passw-popUp .popUp-mess-text,
.term-popUp .popUp-mess-text {
  text-align: center;
  font-size: clamp(15px, 0.19231vw + 14.31px, 18px);
  line-height: clamp(27px, 0.70513vw + 24.46px, 38px);
}
.passw-popUp .popUp-pass-emaCont,
.term-popUp .popUp-pass-emaCont {
  width: 100%;
  max-width: 450px;
}
.passw-popUp .popUp-mess-btnCont,
.term-popUp .popUp-mess-btnCont {
  width: 100%;
  max-width: 450px;
  margin-top: 0;
}
@media screen and (max-width: 550px) {
  .passw-popUp .popUp-mess-btnCont,
  .term-popUp .popUp-mess-btnCont {
    flex-direction: column;
    gap: 10px;
  }
}
.passw-popUp .popUp-mess-btnCont .button,
.term-popUp .popUp-mess-btnCont .button {
  width: 100%;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  padding: 10px 0;
}
.passw-popUp .popUp-message-body,
.term-popUp .popUp-message-body {
  padding: clamp(15px, 2.5641vw + 5.77px, 55px) clamp(15px, 4.48718vw - 1.15px, 85px);
}
.passw-popUp .popUp-winName,
.term-popUp .popUp-winName {
  font-size: clamp(20px, 0.25641vw + 19.08px, 24px);
}
.passw-popUp .popUp-mess-textCont,
.term-popUp .popUp-mess-textCont {
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.popUp-pass-contaNum {
  color: #008095;
  font-size: clamp(28px, 0.51282vw + 26.15px, 36px);
  font-weight: 700;
}

.popUp-mess-pwCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 70px 0;
  padding-top: 150px;
  min-height: 100%;
  background-color: rgba(19, 19, 19, 0.8901960784);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.alert.active {
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  transition: all 0.1s linear;
}
.alert.active .alert-mainCont {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.alert-mainCont {
  background-color: #00525c;
  max-width: 660px;
  width: 90%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: clamp(25px, 0.96154vw + 21.54px, 40px);
  transform: translateY(-300%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}

.alertTitle {
  color: #ffffff;
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
  font-weight: 700;
  text-align: center;
}

.alertText {
  color: #ffffff;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  font-weight: 500;
  text-align: center;
}

.alert-btnCont {
  display: flex;
  align-items: center;
  gap: 10px;
}
.alert-btnCont .button {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  padding: 10px 25px;
  min-width: unset;
  text-align: center;
}

.body-panel {
  background: linear-gradient(270deg, rgba(69, 151, 163, 0.2196078431) 0%, rgba(71, 175, 173, 0.3098039216) 100%);
  display: grid;
  grid-template-areas: "header header" "aside main";
  grid-template-columns: clamp(185px, 17.96875vw - 45px, 300px) 1fr;
  grid-template-rows: auto 1fr;
  align-items: flex-start;
  min-height: 100vh;
}
.body-panel .header-userCont .separador {
  width: 1.5px;
  margin: 0 clamp(7px, 0.66667vw + 2.2px, 15px);
  height: unset;
}
.body-panel .header-userCont .fa-bell {
  font-size: clamp(24px, 1.33333vw + 14.4px, 40px);
  color: #959699;
  position: relative;
  cursor: pointer;
}
.body-panel .header-userCont .fa-bell.noty::after {
  content: "";
  width: clamp(8px, 0.66667vw + 3.2px, 16px);
  height: clamp(8px, 0.66667vw + 3.2px, 16px);
  border: 2px solid #959699;
  aspect-ratio: 1/1;
  background-color: #ff142b;
  position: absolute;
  outline: 3px solid #f1f1f1;
  top: 2px;
  right: -4px;
  border-radius: 100px;
}
@media screen and (max-width: 1440px) {
  .body-panel {
    grid-template-columns: 0fr 1fr;
  }
}

.header-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #f1f1f1;
  grid-area: header;
}

.header-panelCont {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}
.header-panelCont .header-menuButt {
  position: relative;
  aspect-ratio: 1;
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .header-panelCont .header-menuButt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.header-panelCont .header-menuButt i {
  font-size: clamp(24px, 8vw, 36px);
  color: #008095;
  position: absolute;
  transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  left: -6px;
}
.header-panelCont .header-menuButt .menu-close {
  transform: scale(0.6);
  opacity: 0;
  visibility: hidden;
}
.header-panelCont.menu-active .header-menuButt .menu-close {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.header-panelCont.menu-active .header-menuButt .menu-open {
  transform: scale(0.6);
  opacity: 0;
  visibility: hidden;
}

.panelPro-TitleCont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panelPro-TitleCont .button {
  padding: 12px 24px;
}

.aside-panelPro {
  grid-area: aside;
  height: 100%;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  display: flex;
  justify-content: center;
}
.aside-panelPro.active .aside-nav {
  transform: translateX(90px);
}

.aside-nav {
  display: flex;
  flex-direction: column;
  gap: 35px;
  width: 100%;
  background: linear-gradient(180deg, #00525c 0%, #05a8a5 100%);
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  padding: 65px clamp(15px, 4.6875vw - 45px, 45px);
  transition: all 0.3s linear;
}
@media screen and (max-width: 1280px) {
  .aside-nav {
    position: fixed;
    max-width: 185px;
    transform: translateX(-120px);
    height: 100%;
    box-shadow: -17px 30px 20px 11px #3e4047;
  }
}

.aside-navItem {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: clamp(10px, 2.34375vw - 20px, 25px);
}
.aside-navItem i {
  font-size: 18px;
  color: #69dad3;
  opacity: 0.5;
}

.aside-navItem.active .aside-itemTitle {
  color: #69dad3;
}

.aside-itemTitle {
  font-size: clamp(17px, 0.78125vw + 7px, 22px);
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
}

.main-panelPro {
  grid-area: main;
  width: 100%;
  height: 100%;
  display: flex;
}
.main-panelPro iframe {
  width: 100%;
}

.panel-secBody {
  align-items: flex-start;
  padding: 25px clamp(20px, 3.90625vw - 30px, 45px);
  gap: clamp(12px, 0.83333vw + 9px, 25px);
}
@media screen and (max-width: 996px) {
  .panel-secBody {
    padding: 25px clamp(12px, 0.86957vw + 8.87px, 20px);
  }
}

.panelPro-Title {
  color: #00525c;
  font-size: clamp(32px, 1.02564vw + 28.31px, 48px);
  font-weight: 900;
}
.panelPro-Title.bienv {
  font-size: clamp(17px, 1.98718vw + 9.85px, 48px);
}

.panelBox-ver {
  background-color: #05a8a5;
  border-radius: 18px;
  overflow: hidden;
}

.panelBox {
  border-radius: 12px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5490196078);
  border: 1px solid #ffffff;
  box-shadow: 8px 8px 5px 0px rgba(149, 150, 153, 0.2705882353);
}

.panelBox-header {
  padding: 10px clamp(10px, 0.81967vw + 7.05px, 20px);
  background-color: #00525c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.panelBox-header .fa-circle-info {
  color: #ffffff;
  font-size: 22px;
  cursor: pointer;
}
.panelBox-header .custom-selectCont {
  max-width: clamp(160px, 1.60256vw + 154.23px, 185px);
}
.panelBox-header .custom-select {
  max-width: 200px;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.2705882353);
  border: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 6px;
}
.panelBox-header .custom-select span {
  color: #ffffff;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
}
.panelBox-header .custom-select i {
  color: #ffffff;
}
.panelBox-header select::picker-icon {
  color: #ffffff;
}
.panelBox-header .custom-selectMenu {
  max-height: 185px;
}

.panelBox-title {
  color: #ffffff;
  font-weight: 700;
  font-size: clamp(16px, 0.3125vw + 12px, 18px);
}

.panelBox-arrowCont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 55px;
}
.panelBox-arrowCont i {
  color: #69dad3;
  font-size: 18px;
  cursor: pointer;
}

.panelBox-titleCont {
  display: flex;
  align-items: center;
  gap: 15px;
}

.panelBox-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
.panelBox-wrapper i {
  color: #69dad3;
  font-size: 18px;
  cursor: pointer;
}

.panelBox-wrapperText {
  margin-bottom: 2px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}

.panelBox-headerAux {
  display: flex;
  align-items: center;
  gap: 15px;
}
.panelBox-headerAux .button {
  font-size: 16px;
  font-weight: 600;
  gap: 5px;
  padding: 7px 20px;
}
.panelBox-headerAux .button i {
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}
.panelBox-headerAux .custom-select {
  min-width: 150px;
}

.popUp-panel {
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 20;
  transition: all 0.27s linear;
  transform: scale(0.2);
  opacity: 0;
  visibility: hidden;
}

.popUp-edit {
  width: 100%;
  padding-bottom: 45px;
}
.popUp-edit .reg-form-main {
  max-width: unset;
  margin-top: 75px;
}
.popUp-edit .reg-edit-form {
  width: 100%;
}
.popUp-edit .reg-edit-form .custom-select {
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
}
.popUp-edit .reglog-form-title {
  align-self: flex-end;
  color: #959699;
  font-size: clamp(18px, 0.38462vw + 16.62px, 24px);
  font-weight: 700;
}
.popUp-edit .button {
  font-size: 18px;
}
.popUp-edit .editPop-docuInfo {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
.popUp-edit .editPop-docuInfo .fa-arrow-up-from-bracket {
  color: #00525c;
  font-size: 18px;
}
.popUp-edit .editPop-docuName {
  color: #05a8a5;
  font-size: 22px;
  font-weight: 700;
}
.popUp-edit .editPop-docuUpload {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.popUp-edit .editPop-docuAcl {
  color: #959699;
  font-size: 16px;
  font-weight: 600;
}
.popUp-edit .editPop-noDocu {
  width: 100%;
  color: #959699;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.popUp-edit .panelChat-infoBody {
  max-height: unset;
}

.reg-edit-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 90%;
}
.reg-edit-form textarea {
  border-radius: 20px;
  border: 1px solid #959699;
  outline: none;
  padding: 15px;
  resize: none;
  font-size: 16px;
  color: #959699;
  font-weight: 500;
  width: 100%;
}

@media screen and (max-width: 1120px) {
  .pac-busca {
    display: none !important;
  }
}

.panelPro-iniMain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "perf prox" "esta prox" "res soli";
  gap: 15px;
  width: 100%;
}
@media screen and (max-width: 1350px) {
  .panelPro-iniMain {
    grid-template-areas: "perf esta" "prox prox" "res res" "soli soli";
  }
}
@media screen and (max-width: 990px) {
  .panelPro-iniMain {
    grid-template-columns: 1fr;
    grid-template-areas: "perf" "esta" "prox" "soli" "res";
  }
}

.ini-perf {
  grid-area: perf;
  padding: clamp(12px, 0.65306vw + 9.65px, 20px) clamp(12px, 1.46939vw + 6.71px, 30px);
  display: grid;
  grid-template-columns: clamp(60px, 4.89796vw + 42.37px, 120px) 11fr;
  align-items: center;
  gap: clamp(10px, 0.32051vw + 8.85px, 15px);
}
.ini-perf img {
  object-fit: cover;
}

.iniPerf-imgCont {
  width: clamp(60px, 4.89796vw + 42.37px, 120px);
  height: clamp(60px, 4.89796vw + 42.37px, 120px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
  background-image: url("../../assets/img/profile-standar.jpg");
  background-position: center;
  background-size: contain;
}

.iniPerf-userCont {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.iniPerf-userCont .fa-pen-to-square {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  font-size: 24px;
}

.iniPerf-textPef {
  color: #ffffff;
  font-size: clamp(14px, 0.65306vw + 11.65px, 22px);
  font-weight: 700;
  margin-bottom: clamp(4px, 0.4898vw + 2.24px, 10px);
}

.iniPerf-userName {
  color: #ffffff;
  font-size: clamp(24px, 1.46939vw + 18.71px, 42px);
  font-weight: 700;
}

.iniPerf-userInfo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.iniPerf-textMP {
  color: #ffffff;
  font-size: clamp(16px, 0.65306vw + 13.65px, 24px);
  font-weight: 200;
}

.ini-perfLoc {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ini-perfLoc i {
  color: #ffffff;
  font-size: clamp(14px, 0.57143vw + 11.94px, 21px);
}

.iniPerf-textLoc {
  color: #ffffff;
  font-size: clamp(16px, 0.65306vw + 13.65px, 24px);
  font-weight: 200;
}

.ini-prox {
  grid-area: prox;
}

.panelBox-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  height: calc(100% - 50px);
}

.iniProx-diasCont {
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
  width: 100%;
  padding: 0 clamp(10px, 1.63265vw + 4.12px, 30px);
}

.iniProx-diaItem {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px 0;
  position: relative;
}
.iniProx-diaItem.active {
  background-color: #05a8a5;
}
.iniProx-diaItem.active .iniProx-diaNom {
  color: #ffffff;
}
.iniProx-diaItem.active .iniProx-diaNum {
  color: #ffffff;
}

.iniProx-diaNom {
  color: #00525c;
  font-size: clamp(14px, 0.81633vw + 11.06px, 24px);
  font-weight: 700;
}

.iniProx-diaNum {
  color: #00525c;
  font-size: clamp(24px, 0.97959vw + 20.47px, 36px);
  font-weight: 700;
}

.iniProx-diaSes {
  background-color: #ff142b;
  border-radius: 100px;
  color: #ffffff;
  padding: 4px;
  width: clamp(16px, 0.4898vw + 14.24px, 22px);
  height: clamp(16px, 0.4898vw + 14.24px, 22px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(11px, 0.2449vw + 10.12px, 14px);
  font-weight: 700;
  bottom: clamp(2px, 0.2449vw + 1.12px, 5px);
  right: clamp(2px, 0.2449vw + 1.12px, 5px);
  position: absolute;
}

.iniProx-body {
  padding: 0 clamp(10px, 0.81633vw + 7.06px, 20px) 15px clamp(10px, 0.81633vw + 7.06px, 20px);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.iniProx-titleCont {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 660px) {
  .iniProx-titleCont {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}
.iniProx-titleCont .button {
  padding: 7px 20px;
  font-size: clamp(13px, 0.2459vw + 12.11px, 16px);
}

.iniProx-title {
  color: #00525c;
  font-weight: 900;
  font-size: clamp(16px, 0.65574vw + 13.64px, 24px);
}

.iniProx-sesCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  padding-bottom: 10px;
  max-height: 140px;
  overflow: auto;
  padding-right: 5px;
  align-items: center;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.iniProx-sesCont::-webkit-scrollbar {
  width: 15px;
}
.iniProx-sesCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.iniProx-sesCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.iniProx-sesCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.iniProx-sesCont::-webkit-scrollbar-button:vertical:start:increment, .iniProx-sesCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.iniProx-sesCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.iniProx-sesCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.iniProx-sesCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.iniProx-mess {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 7px;
  margin-top: 15px;
  padding: 15px 0;
}
.iniProx-mess i {
  font-size: clamp(36px, 0.81967vw + 33.05px, 46px);
  color: #959699;
}

.iniProx-sesItem {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 2fr 2fr;
  width: 100%;
  gap: clamp(10px, -0.65306vw + 20.35px, 18px);
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 8px;
  padding: 5px 10px;
}
@media screen and (max-width: 990px) {
  .iniProx-sesItem {
    grid-template-columns: 1fr 2fr;
  }
}

.iniProx-sesinfo {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 990px) {
  .iniProx-sesinfo.diag-info {
    display: none;
  }
}
.iniProx-sesinfo i {
  color: #05a8a5;
  font-size: clamp(14px, 0.32653vw + 12.82px, 18px);
}

.iniProx-sesText {
  color: #00525c;
  font-weight: 600;
  font-size: clamp(14px, 0.40816vw + 12.53px, 19px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: clamp(140px, 4.89796vw + 122.37px, 200px);
}

.ini-esta {
  grid-area: esta;
}
.ini-esta .panelBox-header {
  gap: 10px;
}
.ini-esta .panelBox-body {
  align-items: center;
  justify-content: center;
  padding: 23px 0;
  gap: 7px;
}
.ini-esta .panelBox-body i {
  color: #959699;
  font-size: clamp(36px, 0.81967vw + 33.05px, 46px);
}
.ini-esta .panelBox-header .custom-selectCont .custom-selectMenu {
  max-height: clamp(107px, 1.06557vw + 103.16px, 120px);
}

.iniEsta-mess {
  font-size: clamp(16px, 0.65574vw + 13.64px, 24px);
  color: #959699;
  font-weight: 600;
  text-align: center;
}

.ini-res {
  grid-area: res;
}

.iniRes-mess {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 50px;
}
.iniRes-mess i {
  color: #959699;
  font-size: clamp(36px, 0.81967vw + 33.05px, 46px);
}

.ini-res .popUp-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex: 1;
  width: 100%;
}
.ini-res .popUp-wrapperCont {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 15px 0;
  position: relative;
  padding: 0 10px;
}
.ini-res .popUp-wrapperCont i {
  font-size: clamp(18px, 0.4918vw + 16.23px, 24px);
  font-weight: 900;
  color: #008095;
  cursor: pointer;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
}
.ini-res .popUp-wrapperCont i.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.ini-res .popUp-wrapper-card {
  border: 1px solid #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  background-color: rgba(255, 255, 255, 0.5490196078);
  padding: 15px 0;
  flex: 0 0 calc((100% - 30px) / 3);
  min-width: 0;
}
@media screen and (max-width: 1046px) {
  .ini-res .popUp-wrapper-card {
    flex: 0 0 calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .ini-res .popUp-wrapper-card {
    flex: 0 0 100%;
  }
}
.ini-res .popUp-cards-container {
  display: flex;
  gap: 10px;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}

.iniRes-pacCard-imgCont {
  width: clamp(45px, 1.22951vw + 40.57px, 60px);
  height: clamp(45px, 1.22951vw + 40.57px, 60px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

.iniRes-pacCard-name {
  font-size: clamp(16px, 0.16393vw + 15.41px, 18px);
  color: #05a8a5;
  font-weight: 700;
  text-align: center;
  padding: 0 5px;
}

.iniRes-pacCard-age {
  font-size: clamp(16px, 0.16393vw + 15.41px, 18px);
  color: #00525c;
  font-weight: 700;
  text-align: center;
  padding: 0 15px;
}

.iniRes-pacCard-diag {
  font-size: clamp(13px, 0.2459vw + 12.11px, 16px);
  color: #00525c;
  font-weight: 600;
  text-align: center;
  margin: 5px 0;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px;
  height: 63px;
}

.iniRes-pacCard-prox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px 0;
  background-color: #69dad3;
  width: 100%;
  gap: 3px;
}

.iniRes-pacCard-proxTitle {
  color: #00525c;
  font-weight: 700;
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
}

.iniRes-pacCard-proxText {
  color: #00525c;
  font-weight: 600;
  font-size: clamp(13px, 0.16393vw + 12.41px, 15px);
}

.ini-soli {
  grid-area: soli;
}
.ini-soli .panelBox-body {
  padding: 15px;
}

.iniSoli-soliCont {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 15px;
  overflow: auto;
  min-height: 56px;
  max-height: 270px;
  padding-right: 5px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 750px) {
  .iniSoli-soliCont {
    min-height: 110px;
  }
}
.iniSoli-soliCont::-webkit-scrollbar {
  width: 15px;
}
.iniSoli-soliCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.iniSoli-soliCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.iniSoli-soliCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.iniSoli-soliCont::-webkit-scrollbar-button:vertical:start:increment, .iniSoli-soliCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.iniSoli-soliCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.iniSoli-soliCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.iniSoli-soliCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.iniSoli-mess {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.iniSoli-mess i {
  color: #959699;
  font-size: clamp(36px, 0.81967vw + 33.05px, 46px);
}

.iniSoli-soliItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 8px;
  padding: 5px 10px;
}
@media screen and (max-width: 690px) {
  .iniSoli-soliItem {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}

.iniSoli-soliPac {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media screen and (max-width: 750px) {
  .iniSoli-soliPac {
    display: grid;
    grid-template-columns: clamp(35px, 0.81967vw + 32.05px, 45px) 1fr;
  }
}

.iniSoli-soliPac-imgCont {
  width: clamp(35px, 0.81967vw + 32.05px, 45px);
  height: clamp(35px, 0.81967vw + 32.05px, 45px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

.iniSoli-soliPac-infoCont {
  display: flex;
  flex-direction: column;
}

.iniSoli-soliPac-name {
  font-size: clamp(15px, 0.2459vw + 14.11px, 18px);
  color: #05a8a5;
  font-weight: 700;
}
.iniSoli-soliPac-name span {
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
  color: #008095;
  font-weight: 600;
}

.iniSoli-soliPac-date {
  color: #00525c;
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
  font-weight: 700;
}
.iniSoli-soliPac-date span {
  font-weight: 500;
}

.iniSoli-btnCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 750px) {
  .iniSoli-btnCont {
    margin-left: 43px;
  }
}
.iniSoli-btnCont .button {
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
  padding: 7px 16px;
}

.panelPaci-iniMain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "info tera" "cont fact" "cred fact";
  gap: 15px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .panelPaci-iniMain {
    grid-template-areas: "info tera" "cont cont" "cred cred" "fact fact";
  }
}
@media screen and (max-width: 996px) {
  .panelPaci-iniMain {
    grid-template-columns: 1fr;
    grid-template-areas: "info" "cont" "tera" "cred" "fact";
  }
}
.panelPaci-iniMain .perf-info {
  grid-area: info;
}
.panelPaci-iniMain .data-cont {
  grid-area: cont;
}
.panelPaci-iniMain .data-cont .panelBox-body {
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .panelPaci-iniMain .data-cont .panelBox-body {
    padding-top: clamp(14px, 1.73913vw + 7.74px, 30px);
    padding-bottom: clamp(14px, 1.73913vw + 7.74px, 30px);
  }
}
.panelPaci-iniMain .data-cred {
  grid-area: cred;
  overflow: visible;
}
.panelPaci-iniMain .ini-res {
  grid-area: tera;
}
.panelPaci-iniMain .ini-fact {
  grid-area: fact;
}
@media screen and (max-width: 1280px) {
  .panelPaci-iniMain .perfInfo-infoName {
    font-size: clamp(18px, 1.95652vw + 10.96px, 36px);
  }
}
.panelPaci-iniMain .perf-info {
  background-color: #f1f1f1;
  padding: clamp(10px, 0.96154vw + 6.54px, 25px) clamp(15px, 1.5625vw - 5px, 25px);
}
.panelPaci-iniMain .perf-info .perfInfo-imgCont {
  width: clamp(90px, 7.05128vw + 64.62px, 200px);
  height: clamp(90px, 7.05128vw + 64.62px, 200px);
}
@media screen and (max-width: 996px) {
  .panelPaci-iniMain .perf-info .perfInfo-userMedia {
    align-items: center;
  }
}
@media screen and (max-width: 650px) {
  .panelPaci-iniMain .perf-info .perfInfo-userMedia {
    grid-template-areas: "user foto";
  }
}
.panelPaci-iniMain .perfInfo-userCont {
  gap: clamp(20px, 1.60256vw + 14.23px, 45px);
}
.panelPaci-iniMain .perfInfo-userInfo {
  justify-content: center;
  gap: clamp(12px, 1.15385vw + 7.85px, 30px);
}
.panelPaci-iniMain .perfInfo-infoCont {
  gap: clamp(10px, 0.64103vw + 7.69px, 20px);
}
@media screen and (max-width: 996px) {
  .panelPaci-iniMain .perfInfo-infoData {
    font-size: clamp(14px, 1.25786vw + 9.47px, 22px);
  }
  .panelPaci-iniMain .perfInfo-infoData span {
    font-size: clamp(13px, 1.10063vw + 9.04px, 20px);
  }
}
.panelPaci-iniMain .perfInfo-mediaFile {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 25px 10px;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 8px;
  min-width: clamp(122px, 6.41026vw + 98.92px, 222px);
}
.panelPaci-iniMain .perfInfo-mediaFile .perfInfo-mediaTitle {
  font-size: clamp(12px, 0.12821vw + 11.54px, 14px);
}
.panelPaci-iniMain .perfCuen-mainCont {
  padding-right: 50px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1440px) {
  .panelPaci-iniMain .perfCuen-mainCont {
    max-width: 900px;
  }
}
@media screen and (max-width: 996px) {
  .panelPaci-iniMain .perfCuen-mainCont {
    padding-right: 0;
  }
}
.panelPaci-iniMain .perfCuen-mainCont .perfCuen-infoText {
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 7px;
}
@media screen and (max-width: 996px) {
  .panelPaci-iniMain .perfCuen-mainCont .perfCuen-infoText {
    font-size: clamp(14px, 0.9434vw + 10.6px, 20px);
  }
}
.panelPaci-iniMain .perfCuen-mainCont .perfCuen-infoText i {
  margin-top: 7px;
}
@media screen and (max-width: 460px) {
  .panelPaci-iniMain .perf-cuen-contacto {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }
}
.panelPaci-iniMain .panelBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.panelPaci-iniMain .panelBox-header {
  flex-shrink: 0;
}
.panelPaci-iniMain .panelBox-header .fa-circle-info {
  color: #ffffff;
  font-size: 22px;
  cursor: pointer;
}
.panelPaci-iniMain .panelBox-body {
  flex: 1;
}

.panelPaci-iniColumn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.panelPaci-iniColumn .perf-info {
  background-color: #f1f1f1;
}
.panelPaci-iniColumn .perfInfo-userCont {
  gap: 45px;
}
.panelPaci-iniColumn .perfInfo-imgCont {
  width: 200px;
  height: 200px;
}
.panelPaci-iniColumn .perfInfo-userInfo {
  justify-content: center;
  gap: 30px;
}
.panelPaci-iniColumn .perfInfo-infoCont {
  gap: 20px;
}
.panelPaci-iniColumn .perfInfo-mediaFile {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 25px 10px;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 8px;
  min-width: clamp(195px, 4.21875vw + 141px, 222px);
}
.panelPaci-iniColumn .perfCuen-infoText {
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.panelPaci-iniColumn .perfCuen-infoText i {
  margin-top: 7px;
}
.panelPaci-iniColumn .perfCuen-mainCont {
  padding-right: 50px;
}

.tuTer-body {
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 15px;
}
@media screen and (max-width: 996px) {
  .tuTer-body {
    padding: clamp(8px, 1.10063vw + 4.04px, 15px);
  }
}
.tuTer-body .perfInfo-imgCont {
  width: clamp(100px, 5.71429vw + 37.43px, 130px);
  height: clamp(100px, 5.71429vw + 37.43px, 130px);
  margin-top: 15px;
}
@media screen and (max-width: 996px) {
  .tuTer-body .perfInfo-imgCont {
    width: clamp(60px, 21.22642vw - 16.42px, 195px);
    height: clamp(60px, 21.22642vw - 16.42px, 195px);
  }
}
.tuTer-body .perfInfo-userCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 996px) {
  .tuTer-body .perfInfo-userCont {
    gap: clamp(7px, 1.25786vw + 2.47px, 15px);
  }
}
.tuTer-body .perfInfo-userInfo {
  gap: 15px;
}
@media screen and (max-width: 996px) {
  .tuTer-body .perfInfo-userInfo {
    gap: clamp(10px, 0.78616vw + 7.17px, 15px);
  }
}
.tuTer-body .perfInfo-infoCont {
  gap: 10px;
}
@media screen and (max-width: 996px) {
  .tuTer-body .perfInfo-infoCont {
    gap: clamp(5px, 0.78616vw + 2.17px, 10px);
  }
}
.tuTer-body .panel-proxTurn-cont {
  margin-top: 0;
  background-color: rgba(0, 190, 180, 0.1843137255);
  color: #00525c;
  font-weight: 700;
  padding: 7px;
  font-size: clamp(15px, 0.57143vw + 8.74px, 18px);
}
@media screen and (max-width: 500px) {
  .tuTer-body .panel-proxTurn-cont {
    flex-direction: column;
    gap: 2px;
  }
  .tuTer-body .panel-proxTurn-cont .panel-proxTurn {
    margin-right: 0;
    font-size: clamp(13px, 1.42857vw + 7.86px, 15px);
  }
  .tuTer-body .panel-proxTurn-cont .panel-proxTurn-date {
    font-size: clamp(13px, 1.42857vw + 7.86px, 15px);
  }
  .tuTer-body .panel-proxTurn-cont .fa-clock {
    display: none;
  }
}

.tuTer-mess {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 50px;
  text-align: center;
}
.tuTer-mess i {
  color: #959699;
  font-size: 46px;
}
.tuTer-mess .perfInfo-btnCont {
  justify-content: center;
}
.tuTer-mess .button {
  width: 90%;
  max-width: 250px;
}

.perfInfo-btnCont {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 1440px) {
  .perfInfo-btnCont {
    flex-direction: column;
  }
}
@media screen and (max-width: 996px) {
  .perfInfo-btnCont {
    flex-direction: row;
  }
}
.perfInfo-btnCont .button {
  padding: 7px;
  width: 100%;
  font-size: clamp(16px, 0.38095vw + 11.83px, 18px);
}
@media screen and (max-width: 996px) {
  .perfInfo-btnCont .button {
    font-size: clamp(12px, 0.62893vw + 9.74px, 16px);
  }
}

.ini-fact .panelBox-body {
  padding: 15px;
}
@media screen and (max-width: 996px) {
  .ini-fact .panelBox-body {
    padding: clamp(5px, 7.14286vw - 20.71px, 15px);
  }
}

.iniFact-factCont {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  overflow: auto;
  max-height: 270px;
  padding-right: 5px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.iniFact-factCont::-webkit-scrollbar {
  width: 15px;
}
.iniFact-factCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.iniFact-factCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.iniFact-factCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.iniFact-factCont::-webkit-scrollbar-button:vertical:start:increment, .iniFact-factCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.iniFact-factCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.iniFact-factCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.iniFact-factCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
@media screen and (max-width: 996px) {
  .iniFact-factCont {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
    padding-right: 9px;
  }
}

.iniFact-factItem {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 0.5fr 1fr 0.2fr;
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
  gap: 5px;
}
.iniFact-factItem i {
  color: #008095;
  font-size: clamp(18px, 0.25641vw + 17.08px, 22px);
  cursor: pointer;
}

.iniFact-factText {
  color: #959699;
  font-weight: 600;
  font-size: clamp(13px, 0.32051vw + 11.85px, 18px);
}

.iniFact-mess {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-direction: column;
  text-align: center;
  padding: 50px;
}
.iniFact-mess i {
  color: #959699;
  font-size: 46px;
}

.data-cred .perfCuen-mainCont {
  padding-right: 0;
}
.data-cred .perfCuen-infoText {
  font-weight: 700;
}

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

.popUP-compSes {
  padding-bottom: 65px;
}
.popUP-compSes .reg-edit-form {
  gap: 35px;
}
.popUP-compSes .custom-select {
  font-size: 15px;
}
.popUP-compSes .custom-select option {
  padding: 2px;
}

.panelPro-perfMain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: 100%;
}
.panelPro-perfMain .panelBox-body {
  gap: 30px;
}
@media screen and (max-width: 1120px) {
  .panelPro-perfMain {
    grid-template-columns: 1fr;
  }
}

.perfColumn {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.perf-info {
  overflow: visible;
  position: relative;
  padding: 25px clamp(15px, 1.5625vw - 5px, 25px);
}
.perf-info .edit {
  position: absolute;
  top: clamp(8px, 0.44872vw + 6.38px, 15px);
  right: clamp(8px, 0.44872vw + 6.38px, 15px);
  font-size: 24px;
  color: #00525c;
  cursor: pointer;
}
@media screen and (max-width: 650px) {
  .perf-info .perfInfo-userMedia {
    display: grid;
    grid-template-columns: clamp(90px, 3.52564vw + 77.31px, 145px) 1fr;
    grid-template-areas: "user foto" "user video";
    align-items: center;
  }
}

.perfInfo-userCont {
  display: flex;
  gap: clamp(15px, 2.34375vw - 15px, 30px);
  margin-top: 15px;
}
@media screen and (max-width: 650px) {
  .perfInfo-userCont {
    flex-direction: column;
  }
}

.perfInfo-userMedia {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.perfInfo-userMedia .perfInfo-imgCont {
  grid-area: user;
}
.perfInfo-userMedia #foto_fileBtn {
  grid-area: foto;
}
.perfInfo-userMedia #video_fileBtn {
  grid-area: video;
}

.perfInfo-imgCont {
  width: 180px;
  height: 180px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
  background-image: url("../../assets/img/profile-standar.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.perfInfo-mediaFile {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 25px 10px;
  background-color: #f9f9f9;
  border-radius: 8px;
  min-width: clamp(195px, 4.21875vw + 141px, 222px);
}

.perfInfo-mediaHead {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #05a8a5;
}

.perfInfo-mediaTitle {
  font-weight: 700;
  font-size: 14px;
}

.perfInfo-mediaName {
  font-size: 16px;
  color: #00525c;
  font-weight: 500;
  padding-left: 21px;
}

.perfInfo-userInfo {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.perfInfo-infoName {
  color: #05a8a5;
  font-size: clamp(28px, 0.89744vw + 24.77px, 42px);
}

.perfInfo-infoCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.perfInfo-infoData-cont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.perfInfo-infoData-cont .fa-circle-info {
  color: #00525c;
  font-size: 20px;
  cursor: pointer;
}

.perfInfo-infoData {
  color: #00525c;
  font-size: clamp(16px, 0.625vw + 8px, 20px);
  font-weight: 700;
}
.perfInfo-infoData i {
  color: #05a8a5;
  font-size: 20px;
}
.perfInfo-infoData span {
  font-size: clamp(15px, 0.46875vw + 9px, 18px);
  font-weight: 500;
}

.perfInfo-descCont {
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 12px;
  padding-bottom: 0px;
  border: 1px solid #ffffff;
  margin-bottom: -20px;
}

.perfInfo-descTitle {
  padding: 10px 20px;
  color: #00525c;
  font-size: clamp(16px, 0.12821vw + 15.54px, 18px);
  font-weight: 700;
}

.perfInfo-despCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.perfInfo-despCont .reg-desp {
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: all 0.3s linear;
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 12px;
  padding-bottom: 0px;
  border: 1px solid #ffffff;
}
.perfInfo-despCont .reg-desp.expanded {
  grid-template-rows: max-content 1fr;
}
.perfInfo-despCont .reg-desp.expanded .fa-pen-to-square {
  transform: rotate(0);
}
.perfInfo-despCont .reg-desp .reg-desp-iconsCont {
  display: flex;
  align-items: center;
  gap: 10px;
}
.perfInfo-despCont .reg-desp-head {
  padding: 10px clamp(7px, 0.83333vw + 4px, 20px);
  padding-bottom: 0;
}
.perfInfo-despCont .reg-desp-head i {
  font-size: 18px;
  color: #00525c;
}
.perfInfo-despCont .reg-desp-title {
  color: #00525c;
  font-size: clamp(16px, 0.12821vw + 15.54px, 18px);
}
.perfInfo-despCont .reg-desp-body {
  margin-top: 10px;
  padding: 0 clamp(5px, 0.96154vw + 1.54px, 20px);
  gap: 0;
}

.perfInfo-despText {
  color: #00525c;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 500;
  padding-bottom: 15px;
  line-height: 28px;
  padding: 0px 20px;
  padding-bottom: 10px;
}

.perfInfo-expCard {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-color: #ffffff;
  border-radius: 12px;
  margin-bottom: 15px;
  padding: 15px 25px;
}

.perfInfo-expHead {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  color: #05a8a5;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 700;
}
.perfInfo-expHead i {
  margin-top: 3px;
}

.perfInfo-expText {
  color: #00525c;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 500;
}
.perfInfo-expText.bold {
  font-weight: 700;
}

.perf-opi .panelBox-body {
  padding: 25px 15px;
  height: unset;
}

.perfOpi-cardCont {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 10px;
  max-height: 350px;
  overflow: auto;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.perfOpi-cardCont::-webkit-scrollbar {
  width: 15px;
}
.perfOpi-cardCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.perfOpi-cardCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.perfOpi-cardCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.perfOpi-cardCont::-webkit-scrollbar-button:vertical:start:increment, .perfOpi-cardCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.perfOpi-cardCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.perfOpi-cardCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.perfOpi-cardCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.perfOpi-card {
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 12px;
  border: 1px solid #ffffff;
  padding: 10px clamp(10px, 1.5625vw - 10px, 20px);
  display: grid;
  gap: 15px;
  grid-template-columns: clamp(175px, 6.25vw + 95px, 215px) 1fr;
  align-items: flex-start;
}
@media screen and (max-width: 550px) {
  .perfOpi-card {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}

.perfOpi-userInfo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.perfOpi-userImg {
  width: 45px;
  height: 45px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

.perfOpi-userName {
  color: #05a8a5;
  font-size: clamp(14px, 0.625vw + 6px, 18px);
  font-weight: 700;
}

.perfOpi-opiCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.perfOpi-mess {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 50px;
}
.perfOpi-mess i {
  color: #959699;
  font-size: 46px;
}

.perfOpi-opiInfo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.perfOpi-starCont {
  display: flex;
  align-items: center;
  gap: 2px;
}
.perfOpi-starCont .fa-solid.fa-star {
  color: #05a8a5;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}
.perfOpi-starCont .fa-solid.fa-star-half-stroke {
  color: #05a8a5;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}
.perfOpi-starCont .fa-regular.fa-star {
  color: #959699;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}

.perfOpi-date {
  color: #00525c;
  font-weight: 700;
  font-size: clamp(13px, 0.46875vw + 7px, 16px);
}

.perfOpi-opiText {
  color: #00525c;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
  font-weight: 500;
  line-height: clamp(23px, 0.78125vw + 13px, 28px);
}

.perf-balan .panelBox-body {
  align-items: center;
  justify-content: center;
  padding: 25px;
  gap: 7px;
}
.perf-balan .panelBox-body i {
  color: #959699;
  font-size: 46px;
}
.perf-balan .custom-selectCont .custom-selectMenu {
  max-height: 120px;
}

.perfBalan-mainCont {
  background-color: #f1f1f1;
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 20px;
  justify-content: center;
}

.perfBalan-ingCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.perfBalan-ingTitle {
  color: #00525c;
  font-size: 22px;
  font-weight: 700;
}

.perfBalan-ingNum {
  font-size: 42px;
  color: #05a8a5;
  font-weight: 700;
}

.perfBalan-graph {
  background-color: rgba(0, 190, 180, 0.1843137255);
  width: 380px;
  border-radius: 18px;
  height: 230px;
}

.perf-cuen .panelBox-body {
  padding: clamp(30px, 2.34375vw + 0px, 45px) clamp(15px, 3.125vw - 25px, 35px);
}

.perfCuen-mainCont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.perfCuen-mainCont .button {
  font-size: clamp(12px, 0.62893vw + 9.74px, 16px);
  padding: 8px 16px;
}

.perfCuen-infoName {
  color: #00525c;
  font-size: clamp(18px, 0.625vw + 10px, 22px);
  font-weight: 700;
}

.perfCuen-infoText {
  color: #00525c;
  font-size: clamp(14px, 0.625vw + 6px, 18px);
  font-weight: 500;
}

.perfTrans-cardCont {
  padding: clamp(20px, 3.125vw - 20px, 40px) clamp(10px, 2.34375vw - 20px, 25px);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.perfTrans-card {
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 12px;
  border: 1px solid #ffffff;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.perfTrans-userCont {
  display: flex;
  align-items: center;
  gap: 10px;
}

.perfTrans-mess {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
  gap: 7px;
}
.perfTrans-mess i {
  color: #959699;
  font-size: 46px;
}

.perfTrans-userImg {
  width: 45px;
  height: 45px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

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

.perfTrans-userHead {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1400px) {
  .perfTrans-userHead {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}

.perfTrans-userName {
  font-size: clamp(16px, 0.9375vw + 4px, 22px);
  color: #05a8a5;
  font-weight: 700;
}

.perfTrans-acre {
  color: #008095;
  font-size: clamp(12px, 0.625vw + 4px, 16px);
  font-weight: 700;
}

.perfTrans-date {
  color: #00525c;
  font-weight: 500;
  font-size: clamp(16px, 0.3125vw + 12px, 18px);
}

.perfTrans-num {
  font-size: clamp(19px, 1.40625vw + 1px, 28px);
  color: #00525c;
  font-weight: 700;
}

.perf-filePop {
  padding-top: 55px;
}

.panelPro-agenMain {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 15px;
  align-items: start;
}
.panelPro-agenMain .panelBox-body {
  padding-bottom: 20px;
  gap: 5px;
}
@media screen and (max-width: 1440px) {
  .panelPro-agenMain {
    display: flex;
    flex-direction: column;
  }
  .panelPro-agenMain .agen-calen {
    width: 100%;
  }
  .panelPro-agenMain .agen-calen .panelBox-headerAux {
    gap: clamp(5px, 0.81967vw + 2.05px, 15px);
  }
  .panelPro-agenMain .agen-calen .panelBox-wrapperText {
    font-size: clamp(13px, 0.2459vw + 12.11px, 16px);
  }
  .panelPro-agenMain .agen-calen .panelBox-wrapper i {
    font-size: clamp(14px, 0.32787vw + 12.82px, 18px);
  }
  .panelPro-agenMain .agen-miniCal {
    min-width: 460px;
  }
}
@media screen and (max-width: 1440px) and (max-width: 820px) {
  .panelPro-agenMain .agen-miniCal {
    display: none;
  }
}

.agen-calen {
  overflow: visible;
  position: relative;
}

.miniCal-header {
  width: 100%;
  background-color: #f1f1f1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-items: center;
  padding: 0 10px;
}

.miniCal-dayName {
  padding: 10px 0;
  font-size: 22px;
  color: #00525c;
  font-weight: 900;
}

.miniCal-body {
  display: grid;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-items: center;
  gap: 3px;
  padding: 0 10px;
}

.panelPro-agenColumn {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 1440px) {
  .panelPro-agenColumn {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
  }
}

.miniCal-day {
  padding: 7px 0;
  font-size: 20px;
  font-weight: 700;
  color: #00525c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.miniCal-day:hover {
  background-color: rgba(0, 190, 180, 0.1843137255);
}
.miniCal-day.empty {
  visibility: hidden;
  opacity: 0;
}
.miniCal-day.actual {
  border: 2px solid #05a8a5;
  background-color: transparent;
}
.miniCal-day.select {
  background-color: #05a8a5;
  color: #ffffff;
}

.calen-gmtCont {
  width: 100%;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.calen-gmt-selectCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.calen-gmt-selectCont .fa-circle-info {
  color: #00525c;
  font-size: clamp(18px, 0.4918vw + 16.23px, 24px);
  cursor: pointer;
  padding-top: 6px;
  padding-left: 5px;
}

.calen-gmt-select {
  color: #00525c;
  font-size: 22px;
  font-weight: 700;
  background-color: transparent;
  border: none;
}

.calen-gmt-selectSecun {
  color: #05a8a5;
  font-size: clamp(13px, 0.57377vw + 10.93px, 20px);
  font-weight: 700;
  background-color: transparent;
  border: none;
  text-align: center;
}

.calen-gmt {
  color: #00525c;
  font-size: clamp(14px, 0.65574vw + 11.64px, 22px);
  font-weight: 700;
  text-align: center;
}

.calen-s-header {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
  padding: 20px 0 10px 0;
  margin-left: 100px;
  margin-right: 40px;
}
.calen-s-header .fa-chevron-left {
  position: absolute;
  left: 0;
  font-size: 26px;
  color: #69dad3;
  display: none;
}
.calen-s-header .fa-chevron-right {
  position: absolute;
  right: 0;
  font-size: 26px;
  color: #69dad3;
  display: none;
}

.calen-s-dayCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  cursor: pointer;
  position: relative;
}
.calen-s-dayCont.select {
  background-color: #05a8a5;
}
.calen-s-dayCont.select .calen-s-dayName {
  color: #ffffff;
}
.calen-s-dayCont.select .calen-s-dayNum {
  color: #ffffff;
}

.calen-s-dayName {
  font-size: 18px;
  color: #00525c;
  font-weight: 700;
}

.calen-d-sesNum {
  background-color: #ff142b;
  border-radius: 100px;
  color: #ffffff;
  padding: 4px;
  width: clamp(16px, 0.4898vw + 14.24px, 22px);
  height: clamp(16px, 0.4898vw + 14.24px, 22px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(11px, 0.2449vw + 10.12px, 14px);
  font-weight: 700;
  bottom: -1px;
  right: -4px;
  position: absolute;
}

.calen-s-dayNum {
  font-size: 28px;
  color: #00525c;
  font-weight: 700;
}

.calen-s-body {
  display: grid;
  grid-template-columns: 100px repeat(7, 1fr);
  max-height: 676px;
  overflow: auto;
  margin-right: 15px;
  padding-right: 5px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.calen-s-body::-webkit-scrollbar {
  width: 15px;
}
.calen-s-body::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.calen-s-body::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.calen-s-body::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.calen-s-body::-webkit-scrollbar-button:vertical:start:increment, .calen-s-body::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.calen-s-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.calen-s-body::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.calen-s-body::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.calen-s-hourCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.calen-s-hourSecun {
  position: absolute;
  bottom: -15px;
  font-size: 15px;
  color: #05a8a5;
  font-weight: 700;
}

.calen-s-hour {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 18px;
  color: #00525c;
  font-weight: 700;
  height: 75px;
}

.calen-s-dayCell {
  background-color: rgba(255, 255, 255, 0.2705882353);
  width: 100%;
  height: 75px;
  border: 1px solid #ffffff;
  position: relative;
}
.calen-s-dayCell.start {
  border-top-left-radius: 16px;
}
.calen-s-dayCell.end {
  border-top-right-radius: 16px;
}

.calen-s-pin {
  position: absolute;
  background-color: #ffffff;
  border: 2px solid #05a8a5;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 8px 8px 5px 0px rgba(149, 150, 153, 0.2705882353);
  width: 100%;
  z-index: 100;
  cursor: pointer;
}
.calen-s-pin.pend {
  background-color: #05a8a5;
}
.calen-s-pin.pend .calen-s-pinName {
  color: #ffffff;
}
.calen-s-pin.pend .calen-s-pinHour {
  color: #ffffff;
}

.pin--small {
  top: 50%;
  height: 100%;
}

.pin--medium {
  height: 150%;
}

.pin--large {
  height: 100%;
}

.calen-s-pinName {
  font-size: 14px;
  font-weight: 700;
  color: #05a8a5;
}

.calen-s-pinHour {
  font-size: 14px;
  font-weight: 500;
  color: #00525c;
}

.calen-d-body {
  display: grid;
  grid-template-columns: 100px 1fr;
  max-height: 676px;
  overflow: auto;
  margin-right: 15px;
  padding-right: 5px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.calen-d-body::-webkit-scrollbar {
  width: 15px;
}
.calen-d-body::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.calen-d-body::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.calen-d-body::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.calen-d-body::-webkit-scrollbar-button:vertical:start:increment, .calen-d-body::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.calen-d-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.calen-d-body::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.calen-d-body::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.calen-d-hourCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.calen-d-hourSecun {
  position: absolute;
  bottom: -15px;
  font-size: 15px;
  color: #05a8a5;
  font-weight: 700;
}

.calen-d-hour {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 18px;
  color: #00525c;
  font-weight: 700;
  height: 75px;
}

.calen-d-dayCell {
  background-color: rgba(255, 255, 255, 0.2705882353);
  width: 100%;
  height: 75px;
  border: 1px solid #ffffff;
  position: relative;
}
.calen-d-dayCell.start {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.calen-d-pin {
  position: absolute;
  background-color: #ffffff;
  border: 2px solid #05a8a5;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 8px 8px 5px 0px rgba(149, 150, 153, 0.2705882353);
  width: 100%;
  z-index: 100;
  cursor: pointer;
}

.pin--small {
  top: 50%;
  height: 100%;
}

.pin--medium {
  height: 150%;
}

.pin--large {
  height: 100%;
}

.calen-d-pinName {
  font-size: 16px;
  font-weight: 700;
  color: #05a8a5;
}

.calen-d-pinHour {
  font-size: 16px;
  font-weight: 500;
  color: #00525c;
}

.calen-m {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 0 clamp(10px, 4.91803vw - 7.7px, 70px);
  gap: clamp(2px, 1.06557vw - 1.84px, 15px);
}

.calen-m-header {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
  padding: clamp(6px, 1.14754vw + 1.87px, 20px) 0 clamp(5px, 0.40984vw + 3.52px, 10px) 0;
}

.calen-m-dayName {
  font-size: clamp(13px, 0.7377vw + 10.34px, 22px);
  color: #00525c;
  font-weight: 900;
}

.calen-m-body {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.calen-m-dayCell {
  background-color: rgba(255, 255, 255, 0.2705882353);
  width: 100%;
  aspect-ratio: 1/1;
  border: 2px solid #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding-top: 5px;
  color: #00525c;
  font-weight: 700;
  position: relative;
  font-size: clamp(13px, 0.2459vw + 12.11px, 16px);
}
@media screen and (max-width: 720px) {
  .calen-m-dayCell {
    aspect-ratio: 1/1.5;
  }
}
.calen-m-dayCell.unav {
  color: #959699;
  background-color: rgba(149, 150, 153, 0.2705882353);
}
.calen-m-dayCell.h-start {
  border-top-left-radius: 16px;
}
.calen-m-dayCell.h-end {
  border-top-right-radius: 16px;
}
.calen-m-dayCell.f-start {
  border-bottom-left-radius: 16px;
}
.calen-m-dayCell.f-end {
  border-bottom-right-radius: 16px;
}

.calen-m-pinSimp {
  background-color: #ffffff;
  border: 2px solid #05a8a5;
  border-radius: 8px;
  padding: 3px;
  box-shadow: 5px 5px 5px 0px rgba(149, 150, 153, 0.2705882353);
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  color: #05a8a5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: clamp(40px, 8.11475vw + 10.79px, 139px);
}

.calen-m-pinMas {
  color: #00525c;
  font-size: 16px;
  font-weight: 700;
  align-self: flex-start;
  margin-top: 10px;
  margin-left: 5px;
  cursor: pointer;
}

.calen-m-pinComp {
  position: absolute;
  background-color: #f1f1f1;
  border: 2px solid #05a8a5;
  border-radius: 8px;
  padding: 5px;
  box-shadow: 5px 5px 5px 0px #959699;
  z-index: 100;
  display: flex;
  flex-direction: column;
  bottom: -10px;
  left: -10px;
  min-width: 180px;
  gap: 10px;
  transition: all 0.2s linear;
  transform: scale(0);
  transform-origin: 10px 90%;
  opacity: 0;
  visibility: hidden;
}
.calen-m-pinComp.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.pinComp-close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #05a8a5;
  font-size: 20px;
}

.pinComp-dayCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 190, 180, 0.1843137255);
  border-radius: 100px;
  width: 52px;
  height: 52px;
  align-self: center;
}

.pinComp-dayName {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
}

.pinComp-dayNum {
  font-size: 22px;
  font-weight: 900;
  line-height: 15px;
}

.pinComp-secCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.pinComp-secCont::-webkit-scrollbar {
  width: 15px;
}
.pinComp-secCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.pinComp-secCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.pinComp-secCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.pinComp-secCont::-webkit-scrollbar-button:vertical:start:increment, .pinComp-secCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.pinComp-secCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.pinComp-secCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.pinComp-secCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.pinComp-name {
  color: #05a8a5;
  font-size: 14px;
  font-weight: 700;
}

.pinComp-hour {
  color: #00525c;
  font-weight: 700;
  font-size: 14px;
}

.pinPop-secDet {
  background-color: #ffffff;
  border-radius: 16px;
  position: absolute;
  z-index: 101;
  padding: 35px clamp(10px, 2.04918vw + 2.62px, 35px);
  box-shadow: 12px 12px 12px 0px rgba(149, 150, 153, 0.2705882353);
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 450px;
  top: -75%;
  left: 75%;
  transition: all 0.2s linear;
  transform: scale(0);
  transform-origin: 0 25%;
  opacity: 0;
  visibility: hidden;
}
.pinPop-secDet.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.pinPop-secDet.dia {
  top: 5px;
  left: 25%;
  transform-origin: center center;
}
.pinPop-secDet .pinPop-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #05a8a5;
  font-size: 24px;
  cursor: pointer;
}
.pinPop-secDet .button {
  width: 100%;
  font-size: 15px;
  padding: 10px;
}

.pinPop-title {
  color: #959699;
  font-weight: 700;
  font-size: clamp(13px, 0.57377vw + 10.93px, 20px);
  align-self: flex-end;
}

.pinPop-userInfo {
  margin: clamp(10px, 0.81967vw + 7.05px, 20px) 0;
}

.pinPop-userName {
  color: #05a8a5;
  font-size: clamp(18px, 0.4918vw + 16.23px, 24px);
  font-weight: 700;
}

.pinPop-dateInfo {
  color: #959699;
  font-size: clamp(14px, 0.32787vw + 12.82px, 18px);
  font-weight: 700;
}

.pinPop-noteCont {
  margin-bottom: 15px;
}

.pinPop-noteTitle {
  color: #959699;
  font-size: clamp(14px, 0.32787vw + 12.82px, 18px);
  font-weight: 700;
}

.pinPop-noteText {
  color: #959699;
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
  font-weight: 500;
}

.pinPop-btnCont {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 500px) {
  .pinPop-btnCont {
    flex-direction: column;
  }
}

.popUp-reprog {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 45px clamp(10px, 2.24359vw + 1.92px, 45px);
  gap: clamp(20px, 0.64103vw + 17.69px, 30px);
}
.popUp-reprog .panel-proxTurn-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
  margin-top: 0;
  font-size: clamp(14px, 0.625vw + 6px, 18px);
}
@media screen and (max-width: 850px) {
  .popUp-reprog .panel-proxTurn-cont {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.popUp-reprog .panel-proxTurn-cont .panel-proxTurn-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.popUp-reprog .panel-proxTurn-cont.active {
  border: none;
  background-color: #69dad3;
  color: #008095;
}

.popReserv .popReprog-btnsConts {
  width: 100%;
}

.popReprog-horaCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.popReprog-horario {
  width: 100%;
  max-width: 750px;
  text-align: center;
  border: 1.5px solid #008095;
  border-radius: 8px;
  padding: 7px;
  color: #008095;
  font-weight: 700;
  font-size: clamp(15px, 0.83333vw + 12px, 22px);
  cursor: pointer;
}
.popReprog-horario.active {
  color: #ffffff;
  background-color: #008095;
}

.popReprog-header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 850px) {
  .popReprog-header {
    flex-direction: column-reverse;
  }
  .popReprog-header .reglog-form-title {
    align-self: flex-end;
  }
}
.popReprog-header .reglog-form-title {
  color: #959699;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  font-weight: 700;
}

.popReprog-dispoCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}

.popReprog-dispo {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 850px) {
  .popReprog-dispo {
    flex-direction: column;
    gap: 7px;
  }
}
.popReprog-dispo .button {
  padding: 12px 15px 11px 20px;
  width: 100%;
}
.popReprog-dispo .custom-select {
  border-radius: 8px;
  width: 100%;
  font-size: clamp(16px, 0.25641vw + 15.08px, 20px);
}

.popReprog-userCont {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 850px) {
  .popReprog-userCont {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
  }
}

.popReprog-imgCont {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
  background-image: url("../../assets/img/profile-standar.jpg");
  background-position: center;
  background-size: contain;
}

.popReprog-pac {
  font-size: clamp(18px, 0.25641vw + 17.08px, 22px);
  font-weight: 700;
  color: #959699;
}
@media screen and (max-width: 850px) {
  .popReprog-pac {
    text-align: center;
  }
}

.popReprog-name {
  color: #05a8a5;
  font-size: clamp(24px, 0.76923vw + 21.23px, 36px);
  font-weight: 700;
}
@media screen and (max-width: 850px) {
  .popReprog-name {
    text-align: center;
  }
}

.popReprog-headtext {
  color: #959699;
  font-size: clamp(15px, 0.46875vw + 9px, 18px);
  font-weight: 700;
  align-self: flex-start;
}

.popReprog-btnsConts {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}
@media screen and (max-width: 850px) {
  .popReprog-btnsConts {
    flex-direction: column;
  }
}
.popReprog-btnsConts .button {
  width: 100%;
  max-width: none;
  padding: 10px;
}

.popReprog-calenCont {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-areas: "gmt gmt" "mini calen";
  border: 1px solid #959699;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 12px 12px 10px 0px rgba(149, 150, 153, 0.2705882353);
}
.popReprog-calenCont .calen-gmtCont {
  grid-area: gmt;
  background-color: #f9f9f9;
  padding: 10px 0;
}
.popReprog-calenCont .calen-gmtCont .calen-gmt {
  color: #959699;
  font-size: 18px;
  font-weight: 700;
}
.popReprog-calenCont .agen-miniCal {
  grid-area: mini;
}
.popReprog-calenCont .agen-miniCal .panelBox-body {
  gap: 0px;
}
.popReprog-calenCont .agen-miniCal .panelBox-header {
  background-color: transparent;
}
.popReprog-calenCont .agen-miniCal .panelBox-header .panelBox-title {
  color: #959699;
  font-weight: 700;
  font-size: 16px;
}
.popReprog-calenCont .agen-miniCal .miniCal-header {
  background-color: transparent;
}
.popReprog-calenCont .agen-miniCal .miniCal-header .miniCal-dayName {
  font-size: 14px;
  color: #959699;
  font-weight: 900;
}
.popReprog-calenCont .agen-miniCal .miniCal-day {
  padding: 7px 0;
  font-size: 14px;
  font-weight: 700;
  color: #959699;
  width: 26px;
  height: 26px;
}
.popReprog-calenCont .agen-miniCal .miniCal-day.select {
  color: #ffffff;
}
.popReprog-calenCont .popReprog-calen {
  grid-area: calen;
}
.popReprog-calenCont .popReprog-calen .calen-s-dayCont {
  width: 54px;
  height: 54px;
}
.popReprog-calenCont .popReprog-calen .calen-s-dayCont .calen-s-dayName {
  font-size: 14px;
}
.popReprog-calenCont .popReprog-calen .calen-s-dayCont .calen-s-dayNum {
  font-size: 20px;
}
.popReprog-calenCont .popReprog-calen .calen-s-dayCell {
  background-color: #f9f9f9;
  width: 100%;
  height: 60px;
  border: 1px solid rgba(149, 150, 153, 0.2705882353);
}
.popReprog-calenCont .popReprog-calen .calen-s-dayCell.blocked {
  background-color: #edeced;
}
.popReprog-calenCont .popReprog-calen .column-weekend .calen-s-dayCell {
  background-color: rgba(149, 150, 153, 0.2705882353);
}
.popReprog-calenCont .popReprog-calen .calen-s-hour {
  height: 60px;
  font-size: 16px;
}

.reprog-pin {
  background-color: #05a8a5;
  border-radius: 8px;
  position: absolute;
  z-index: 101;
  padding: 8px;
  box-shadow: 8px 8px 5px 0px rgba(149, 150, 153, 0.2705882353);
  display: flex;
  flex-direction: column;
  width: 125%;
  transition: all 0.2s linear;
}
.reprog-pin .form-input {
  width: 100%;
  border: 1px solid #ffffff;
  padding: 3px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  background-color: #05a8a5;
}

.reprog-pinName {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.reprogPin-inpCont {
  display: flex;
  align-items: center;
  margin-top: 5px;
  gap: 3px;
  color: #ffffff;
  font-weight: 700;
}

.popUP-cancelSes {
  padding: 45px clamp(10px, 2.24359vw + 1.92px, 45px);
  width: 100%;
}
.popUP-cancelSes .popUp-messCont {
  gap: 20px;
}
.popUP-cancelSes .popUp-messCont .panel-proxTurn-cont.active {
  box-shadow: none;
}
.popUP-cancelSes .popUp-messCont .panel-proxTurn-cont.active .popUp-mess-text {
  color: #008095;
}
.popUP-cancelSes .panel-proxTurn-cont.active {
  border: none;
  background-color: #69dad3;
  color: #008095;
}

.pop-agConfig-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.pop-agConfig-container .custom-selectCont {
  max-width: 120px;
}
.pop-agConfig-container .custom-selectCont .custom-select {
  padding: 7px;
}

.popUp-agConfig {
  width: 100%;
  padding: 0 15px;
  padding-bottom: 45px;
}
.popUp-agConfig .reglog-form-inpCont {
  max-width: clamp(75px, 6.25vw + 52.5px, 90px);
}
.popUp-agConfig .reg-form-main {
  max-width: unset;
  margin-top: 75px;
  gap: clamp(20px, 10.41667vw - 17.5px, 45px);
}
@media screen and (max-width: 550px) {
  .popUp-agConfig .reg-form-main {
    width: 100%;
  }
}
.popUp-agConfig .reglog-form-title {
  align-self: flex-end;
  color: #959699;
  font-size: clamp(18px, 0.4918vw + 16.23px, 24px);
  font-weight: 700;
}

.agConfig-title {
  color: #959699;
  font-weight: 700;
  font-size: clamp(17px, 1.25vw + 12.5px, 20px);
}

.agConfig-dispoItem {
  width: 100%;
  display: flex;
  align-items: flex-start;
  min-height: 36px;
  display: grid;
  grid-template-columns: 1fr 25px;
  gap: 10px;
}
.agConfig-dispoItem i {
  color: #959699;
  font-size: 25px;
  cursor: pointer;
  position: relative;
}
.agConfig-dispoItem i.disabled {
  opacity: 0.6;
  cursor: auto;
}
.agConfig-dispoItem .fa-square-plus {
  font-size: 28px;
}

.agConfig-itemHorario {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.agConfig-itemDia {
  color: #959699;
  font-size: 17px;
  font-weight: 700;
  width: 40px;
  padding-top: 8px;
}

.agConfig-rangeCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.agConfig-horaCont {
  align-items: center;
  gap: clamp(5px, 2.08333vw - 2.5px, 10px);
  width: 100%;
  display: grid;
  grid-template-columns: clamp(75px, 6.25vw + 52.5px, 90px) 7px clamp(75px, 6.25vw + 52.5px, 90px) 2fr;
}
.agConfig-horaCont .fa-ban {
  justify-self: flex-end;
  align-self: flex-start;
  margin-top: 2px;
}
.agConfig-horaCont.noDis {
  grid-template-columns: 1fr;
}
.agConfig-horaCont.noDis .fa-ban {
  display: none;
}

.agConfig-horaNodis {
  color: #959699;
  font-weight: 700;
  font-size: 15px;
  padding-top: 10px;
}

.hora-input {
  width: 100%;
  padding: 8px;
  border: 1px solid #959699;
  border-radius: 8px;
  text-align: center;
  font-size: clamp(12px, 0.83333vw + 9px, 14px);
  font-weight: 600;
  color: #959699;
}

.agConfig-opcionesCont {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px;
  width: 60px;
}
.agConfig-opcionesCont i {
  color: #959699;
  font-size: 25px;
  cursor: pointer;
  position: relative;
}
.agConfig-opcionesCont i.disabled {
  opacity: 0.6;
}
.agConfig-opcionesCont .fa-square-plus {
  font-size: 28px;
}

.agConfig-franjItem {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.agConfig-franjText {
  color: #959699;
  font-weight: 700;
  font-size: clamp(14px, 0.83333vw + 11px, 16px);
}
.agConfig-franjText.verde {
  color: #05a8a5;
}

.agConfig-franjCont {
  display: flex;
  align-items: center;
  gap: 7px;
}
.agConfig-franjCont .reglog-form-inpCont {
  max-width: 40px;
}
.agConfig-franjCont input[type=radio],
.agConfig-franjCont input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.agConfig-franjCont .form-verif-span {
  width: 20px;
  height: 20px;
}
.agConfig-franjCont .form-verif-span::after {
  width: 12px;
  height: 12px;
}

.franj-input {
  width: 100%;
  padding: 5px;
  border: 1px solid #959699;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
  font-size: clamp(14px, 0.83333vw + 11px, 16px);
  color: #959699;
}

.agConfig-dispoAjus-container {
  margin-top: clamp(-10px, -2.91667vw + 7.5px, -3px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.agConfig-dispoAjus-itemCont {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.agConfig-dispoAjus-item {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  color: #959699;
  font-weight: 700;
  position: relative;
  padding: 5px;
  border-radius: 8px;
}
.agConfig-dispoAjus-item:nth-child(odd) {
  background-color: #f1f1f1;
}

.agConfig-periodCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.agConfig-periodCont .custom-selectCont .custom-select {
  padding: 7px;
}
.agConfig-periodCont .custom-selectMenu {
  max-height: 105px;
}
.agConfig-periodCont input[type=radio],
.agConfig-periodCont input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.agConfig-periodCont .form-verif-span {
  width: 20px;
  height: 20px;
}
.agConfig-periodCont .form-verif-span::after {
  width: 12px;
  height: 12px;
}

.agConfig-dispoAjus-fecha {
  cursor: pointer;
  font-size: clamp(14px, 0.83333vw + 11px, 16px);
  width: 70%;
}

.agConfig-btnCont {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.agConfig-dispoAjus-opciones {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agConfig-dispoAjus-opciones .fa-square-plus {
  color: #959699;
  font-size: 24px;
  padding: 5px;
}
.agConfig-dispoAjus-opciones .fa-ban {
  font-size: 22px;
}

.agConfig-dispoAjus-calendar {
  position: absolute;
  background-color: #ffffff;
  padding: 25px;
  border: 1px solid #959699;
  border-radius: 12px;
  box-shadow: 7px 7px 7px 0px rgba(149, 150, 153, 0.2705882353);
  background-color: #ffffff;
  z-index: 1;
  left: clamp(13px, 11.25vw - 27.5px, 40px);
  transition: all 0.2s linear;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: 0 50%;
}
.agConfig-dispoAjus-calendar.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.agConfig-dispoAjus-calendar .button {
  font-size: 16px;
  padding: 7px;
}
.agConfig-dispoAjus-calendar .popUp-closeBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #05a8a5;
  font-size: 18;
  cursor: pointer;
}
.agConfig-dispoAjus-calendar .agen-miniCal .panelBox-body {
  gap: 0px;
}
.agConfig-dispoAjus-calendar .agen-miniCal .panelBox-header {
  background-color: transparent;
}
.agConfig-dispoAjus-calendar .agen-miniCal .panelBox-header .panelBox-title {
  color: #959699;
  font-weight: 700;
  font-size: 16px;
}
.agConfig-dispoAjus-calendar .agen-miniCal .miniCal-header {
  background-color: transparent;
}
.agConfig-dispoAjus-calendar .agen-miniCal .miniCal-header .miniCal-dayName {
  font-size: 14px;
  color: #959699;
  font-weight: 900;
}
.agConfig-dispoAjus-calendar .agen-miniCal .miniCal-day {
  padding: 7px 0;
  font-size: 14px;
  font-weight: 700;
  color: #959699;
  width: 26px;
  height: 26px;
}
.agConfig-dispoAjus-calendar .agen-miniCal .miniCal-day.select {
  color: #ffffff;
}

.agConfig-dispoAjus-check {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.agConfig-dispoAjus-check input[type=radio],
.agConfig-dispoAjus-check input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.agConfig-dispoAjus-check .form-verif-span {
  width: 16px;
  height: 16px;
}
.agConfig-dispoAjus-check .form-verif-span::after {
  width: 10px;
  height: 10px;
}

.agConfig-dispoAjus-horaCont {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.agend-dispoHor .panelBox-body {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.agend-dispoHor .agen-dispoCont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
}

.agen-dispoText {
  color: #00525c;
  font-weight: 700;
  font-size: clamp(15px, 0.2459vw + 14.11px, 18px);
}

.agend-dispoHor {
  overflow: visible;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .agend-dispoHor {
    max-width: 350px;
  }
}

@media screen and (max-width: 990px) {
  #select_calType {
    display: none !important;
  }
}

@media screen and (max-width: 720px) {
  #agen_config {
    font-size: 0;
    gap: 0;
    padding: 7px;
  }
  #agen_config i {
    font-size: 16px;
  }
}

.panelPro-pacsMain {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 15px;
  grid-template-areas: "estad busc" "ficha ficha";
}
@media screen and (max-width: 1225px) {
  .panelPro-pacsMain {
    grid-template-areas: "estad estad" "busc busc" "ficha ficha";
  }
}
.panelPro-pacsMain .estadPacs {
  grid-area: estad;
}
@media screen and (max-width: 768px) {
  .panelPro-pacsMain .estadPacs {
    display: none;
  }
}
.panelPro-pacsMain .buscaPacs {
  grid-area: busc;
}
.panelPro-pacsMain .fichaPacs {
  grid-area: ficha;
}
@media screen and (max-width: 550px) {
  .panelPro-pacsMain .fichaPacs .panelBox-title {
    display: none;
  }
}

.buscaPacs .panelBox-header {
  width: 100%;
  justify-content: space-between;
}
.buscaPacs .reglog-form-inpCont {
  max-width: clamp(170px, 6.55738vw + 146.39px, 250px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2705882353);
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.buscaPacs .reglog-form-inpCont .filter-input {
  color: #ffffff;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
}
.buscaPacs .reglog-form-inpCont .filter-input::placeholder {
  color: #ffffff;
}
.buscaPacs .reglog-form-inpCont .fa-magnifying-glass {
  cursor: pointer;
}

.pacs-body {
  padding: 15px;
  gap: 5px;
}
.pacs-body .call-tool {
  border: none;
  font-size: 14px;
  text-align: center;
  padding: 10px 5px;
  font-weight: 700;
}
.pacs-body .call-tool.active {
  background-color: #69dad3;
  color: #00525c;
}
.pacs-body .call-panelMain {
  border-radius: 12px;
  border: none;
  padding: 15px 10px;
}
.pacs-body .call-panelMain {
  background-color: rgba(255, 255, 255, 0.2705882353);
}

.pacs-estadTitle {
  color: #00525c;
  font-size: 22px;
  font-weight: 700;
}

.pacs-estad-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}

.pacs-estad-filterBtn {
  color: #00525c;
  font-size: 14px;
  font-weight: 700;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  max-width: 120px;
  text-align: center;
}
.pacs-estad-filterBtn.active {
  background-color: #69dad3;
  color: #00525c;
}

.pacs-estad-resultCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 15px;
  overflow: auto;
  padding-right: 10px;
  max-height: 270px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.pacs-estad-resultCont::-webkit-scrollbar {
  width: 15px;
}
.pacs-estad-resultCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.pacs-estad-resultCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.pacs-estad-resultCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.pacs-estad-resultCont::-webkit-scrollbar-button:vertical:start:increment, .pacs-estad-resultCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.pacs-estad-resultCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.pacs-estad-resultCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.pacs-estad-resultCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

@media screen and (max-width: 1225px) {
  .geneCont {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .geneCont .pacs-estad-refeCont {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: unset;
    max-width: unset;
  }
}

.pacs-estad-refeCont {
  width: 100%;
  max-width: 350px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: center;
}

.pacs-estad-refeItem {
  display: flex;
  align-items: center;
  gap: 5px;
}

.pacs-estad-refeColor {
  width: 35px;
  height: 35px;
  aspect-ratio: 1/1;
  border-radius: 8px;
}
.pacs-estad-refeColor.full {
  background-color: #008095;
}
.pacs-estad-refeColor.mid {
  background-color: rgba(0, 128, 149, 0.768627451);
}
.pacs-estad-refeColor.low {
  background-color: rgba(0, 128, 149, 0.5019607843);
}

.pacs-estad-refePercent {
  color: #05a8a5;
  font-weight: 700;
  font-size: 22px;
}

.pacs-estad-refeText {
  font-size: 14px;
  font-weight: 600;
  color: #00525c;
}

.pacs-tortGraph {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #008095 0deg 36deg, rgba(0, 128, 149, 0.768627451) 36deg 180deg, rgba(0, 128, 149, 0.5019607843) 180deg 360deg);
  position: relative;
}

.pacs-tortGraph::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  background: #f1f1f1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.pacs-estad-graphicCont {
  display: flex;
  width: 180px;
  height: 180px;
  align-items: center;
  justify-content: flex-start;
  align-self: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 1225px) {
  .pacs-estad-graphicCont {
    width: 250px;
    height: 250px;
  }
}

.buscaPacs-body {
  padding: clamp(8px, 0.57377vw + 5.93px, 15px);
  width: 100%;
  height: calc(100% - 50px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.buscaPacs-resulCont {
  padding-right: 7px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  max-height: 435px;
  width: 100%;
  align-items: center;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.buscaPacs-resulCont::-webkit-scrollbar {
  width: 15px;
}
.buscaPacs-resulCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.buscaPacs-resulCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.buscaPacs-resulCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.buscaPacs-resulCont::-webkit-scrollbar-button:vertical:start:increment, .buscaPacs-resulCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.buscaPacs-resulCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.buscaPacs-resulCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.buscaPacs-resulCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.buscaPacs-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 12px;
  border: 1px solid #ffffff;
  padding: 10px clamp(10px, 0.81967vw + 7.05px, 20px);
}
@media screen and (max-width: 768px) {
  .buscaPacs-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.buscaPacs-item .button {
  padding: 7px 35px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .buscaPacs-item .button {
    margin-left: calc(clamp(60px, 6.55738vw + 36.39px, 140px) + 15px);
  }
}
.buscaPacs-item .perfInfo-userCont {
  align-items: flex-start;
  width: 70%;
  display: grid;
  grid-template-columns: clamp(60px, 6.55738vw + 36.39px, 140px) 1fr;
}
@media screen and (max-width: 768px) {
  .buscaPacs-item .perfInfo-userCont {
    display: grid;
    grid-template-columns: clamp(60px, 6.55738vw + 36.39px, 140px) 1fr;
    width: 100%;
  }
}
.buscaPacs-item .perfInfo-imgCont {
  width: clamp(60px, 6.55738vw + 36.39px, 140px);
  height: clamp(60px, 6.55738vw + 36.39px, 140px);
}
.buscaPacs-item .perfInfo-userInfo {
  gap: 5px;
  width: 100%;
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .buscaPacs-item .perfInfo-userInfo {
    width: 100%;
  }
}
.buscaPacs-item .perfInfo-infoName {
  font-size: clamp(18px, 0.4918vw + 16.23px, 24px);
}
.buscaPacs-item .perfInfo-infoData {
  font-size: clamp(16px, 0.4918vw + 14.23px, 22px);
}
.buscaPacs-item .panel-proxTurn-cont {
  box-shadow: none;
  font-size: clamp(14px, 0.50633vw + 7.8px, 16px);
  margin-top: 0;
  background-color: #69dad3;
  border: none;
  color: #00525c;
  font-weight: 700;
  padding: 7px;
  width: 100%;
}
@media screen and (max-width: 1225px) {
  .buscaPacs-item .panel-proxTurn-cont {
    font-size: 16px;
  }
}
@media screen and (max-width: 550px) {
  .buscaPacs-item .panel-proxTurn-cont {
    flex-direction: column;
    gap: 2px;
    width: 100%;
  }
  .buscaPacs-item .panel-proxTurn-cont .panel-proxTurn {
    margin-right: 0;
    font-size: clamp(13px, 1.42857vw + 7.86px, 15px);
  }
  .buscaPacs-item .panel-proxTurn-cont .panel-proxTurn-date {
    font-size: clamp(13px, 1.42857vw + 7.86px, 15px);
  }
  .buscaPacs-item .panel-proxTurn-cont .fa-clock {
    display: none;
  }
}
.buscaPacs-item .tag {
  padding: 5px 10px;
  font-size: clamp(13px, 0.08197vw + 12.7px, 14px);
  font-weight: 600;
}

.fichaPacs .panel-proxTurn-cont {
  background-color: transparent;
  padding: 0;
  border: none;
  width: unset;
  box-shadow: none;
  margin: 0;
  color: #69dad3;
  font-size: clamp(14px, 0.32787vw + 12.82px, 18px);
}

.fichaPacs-body {
  padding: 25px 15px;
}
.fichaPacs-body .pacGrid {
  background-color: rgba(255, 255, 255, 0.5490196078);
  padding: 15px;
  border-radius: 12px;
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid {
    padding: 0;
    padding-right: 5px;
  }
}
.fichaPacs-body .pacGrid .pacGrid-header {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 15px;
}
@media screen and (max-width: 1225px) {
  .fichaPacs-body .pacGrid .pacGrid-header {
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
  }
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-header {
    grid-template-columns: 1.2fr 0.6fr 1fr 0.6fr 0.6fr;
    padding: 5px;
    gap: 5px;
  }
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-header {
    margin: 0;
  }
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-header .pacGrid-headerTitle {
    font-size: clamp(13px, 0.83333vw + 10px, 16px);
  }
}
.fichaPacs-body .pacGrid .pacGrid-item {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 15px;
  background-color: #ffffff;
}
@media screen and (max-width: 1225px) {
  .fichaPacs-body .pacGrid .pacGrid-item {
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
  }
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-item {
    grid-template-columns: 1.2fr 0.6fr 1fr 0.6fr 0.6fr;
    padding: 5px;
    gap: 5px;
  }
  .fichaPacs-body .pacGrid .pacGrid-item .pacGrid-item-text {
    font-size: clamp(12px, 1.11111vw + 8px, 16px);
  }
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-item .button {
    max-width: 30px;
    height: clamp(24px, 1.66667vw + 18px, 30px);
    width: clamp(24px, 1.66667vw + 18px, 30px);
    padding: 0;
    border-radius: 4px;
    justify-self: center;
    font-size: 13px;
  }
}
.fichaPacs-body .pacGrid .pacGrid-item .button i {
  display: none;
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-item .button i {
    display: block;
  }
}
.fichaPacs-body .pacGrid .pacGrid-item .button span {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-item .button span {
    display: none;
  }
}
.fichaPacs-body .pacGrid .pacGrid-item .button--rojo,
.fichaPacs-body .pacGrid .pacGrid-item .button--verde {
  max-width: 200px;
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-item .button--rojo,
  .fichaPacs-body .pacGrid .pacGrid-item .button--verde {
    max-width: 30px;
    height: clamp(24px, 1.66667vw + 18px, 30px);
    width: clamp(24px, 1.66667vw + 18px, 30px);
    padding: 0;
    border-radius: 4px;
    justify-self: center;
    font-size: 13px;
  }
}
.fichaPacs-body .pacGrid .pacGrid-body {
  max-height: 240px;
}
@media screen and (max-width: 720px) {
  .fichaPacs-body .pacGrid .pacGrid-body {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
    padding-right: 0;
  }
}

.fichaPacs-userCont {
  display: grid;
  grid-template-columns: 1.1fr 3fr;
  gap: 15px;
}
@media screen and (max-width: 1225px) {
  .fichaPacs-userCont {
    grid-template-columns: 1.5fr 3fr;
  }
}
@media screen and (max-width: 990px) {
  .fichaPacs-userCont {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.79365vw + 7.14px, 15px);
  }
}
.fichaPacs-userCont .perfInfo-userCont {
  margin: 0;
  flex-direction: row;
  align-items: flex-start;
}
.fichaPacs-userCont .perfInfo-userInfo {
  gap: 10px;
}
.fichaPacs-userCont .perfInfo-userInfo .perfInfo-infoName {
  font-size: clamp(18px, 0.89744vw + 14.77px, 32px);
}

.fichaPacs-userDiag-cont {
  margin-top: 10px;
}
.fichaPacs-userDiag-cont .panel-user-infoTitle {
  color: #00525c;
  font-size: clamp(16px, 0.16393vw + 15.41px, 18px);
}
@media screen and (max-width: 390px) {
  .fichaPacs-userDiag-cont .panel-user-info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.fichaPacs-userDiag-cont .custom-select {
  border-radius: 8px;
  background-color: #ffffff;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag {
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5490196078);
  border: none;
  padding: 20px;
  overflow: auto;
  max-height: 180px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.fichaPacs-userDiag-cont .panel-user-infoDiag.edit {
  max-height: none;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar {
  width: 15px;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-button:vertical:start:increment, .fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag .fa-pen-to-square {
  color: #00525c;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag .button {
  padding: 7px;
  max-width: 250px;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag .panel-user-infoBtnCont {
  margin-top: 10px;
  justify-content: center;
}
.fichaPacs-userDiag-cont .panel-user-infoDiag .panel-user-infoText {
  line-height: clamp(23px, 0.40984vw + 21.52px, 28px);
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
}
.fichaPacs-userDiag-cont .panel-user-infoDiag textarea {
  line-height: clamp(23px, 0.40984vw + 21.52px, 28px);
  font-size: clamp(14px, 0.16393vw + 13.41px, 16px);
  font-weight: 500;
  min-height: max-content;
}

.tareas-pop .call-panelMain {
  border: none;
  max-height: 350px;
  overflow: auto;
  height: 500px;
  display: grid;
  grid-template-rows: 30px 1fr;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.tareas-pop .call-panelMain .tareas-container {
  max-height: 280px;
}
.tareas-pop .call-panelMain.edit {
  max-height: none;
}
.tareas-pop .call-panelMain::-webkit-scrollbar {
  width: 15px;
}
.tareas-pop .call-panelMain::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.tareas-pop .call-panelMain::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.tareas-pop .call-panelMain::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.tareas-pop .call-panelMain::-webkit-scrollbar-button:vertical:start:increment, .tareas-pop .call-panelMain::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.tareas-pop .call-panelMain::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.tareas-pop .call-panelMain::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.tareas-pop .call-panelMain::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.notas-pop .popUp-mess-text {
  font-size: clamp(14px, 0.90909vw + 10.73px, 18px);
  outline: none !important;
  border: none !important;
}
.notas-pop .popUp-mess-text:focus {
  border: none;
  outline: none !important;
  border: none !important;
}
.notas-pop .popUp-mess-date {
  font-size: clamp(18px, 1.36364vw + 13.09px, 24px);
}
.notas-pop .popUp-mess-dateCont {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto 1fr;
}
.notas-pop .popUp-mess-dateCont .fa-pen-to-square {
  justify-self: flex-end;
  cursor: pointer;
  font-size: 24px;
}

.tareas-pop .tareas-headTitle {
  font-size: clamp(14px, 1.36364vw + 9.09px, 20px);
}
.tareas-pop .taresas-headNum {
  width: clamp(30px, 1.81818vw + 23.45px, 38px);
  height: clamp(30px, 1.81818vw + 23.45px, 38px);
  font-size: clamp(20px, 1.81818vw + 13.45px, 28px);
}
.tareas-pop .popUp-mess-btnCont {
  width: 90%;
  justify-content: center;
}
@media screen and (max-width: 620px) {
  .tareas-pop .tareas-container {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
  }
}

.panelCon-profeMain {
  width: 100%;
  gap: 15px;
  display: flex;
  flex-direction: column;
}

.profe-busca .panelBox-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.profe-busca .panelBox-filterCont .custom-selectCont {
  max-width: 250px;
}
.profe-busca .panelBox-filterCont .custom-selectCont .custom-select {
  width: max-content;
  min-width: clamp(75px, 19.53125vw - 175px, 200px);
  max-width: 250px;
  gap: 35px;
  border-radius: 6px;
  border: none;
}
.profe-busca .panelBox-filterCont .custom-selectCont .custom-selectMenu {
  min-width: 150px;
}
.profe-busca .panelBox-filterCont .filter-input {
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2705882353);
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.profe-busca .panelBox-filterCont .filter-input::placeholder {
  color: #ffffff;
}
.profe-busca .panelBox-filterCont .filter-input:focus {
  outline: none;
  border: none;
}
.profe-busca .panelBox-filterCont .button {
  padding: 5px 30px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.profe-busca .panelBox-body {
  padding: 10px clamp(6px, 2.1875vw - 22px, 20px);
}

.profBusc-resultCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.profBusc-header {
  display: grid;
  grid-template-columns: 1.75fr 1fr 0.6fr 1fr 1fr 1.5fr 0.7fr;
  padding: 10px 20px;
  background-color: #69dad3;
  border-radius: 8px;
  gap: clamp(1px, 1.40625vw - 17px, 10px);
  align-items: center;
  margin-left: 15px;
  margin-right: 25px;
}

.profBusc-headerTitle {
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
  color: #00525c;
  font-weight: 700;
}

.profBusc-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: 160px;
  overflow: auto;
  padding-right: 10px;
  scrollbar-gutter: stable both-edges;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.profBusc-body::-webkit-scrollbar {
  width: 15px;
}
.profBusc-body::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 10000;
}
.profBusc-body::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.profBusc-body::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.profBusc-body::-webkit-scrollbar-button:vertical:start:increment, .profBusc-body::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.profBusc-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.profBusc-body::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.profBusc-body::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.profBusc-item {
  background-color: #ffffff;
  border-radius: 8px;
  width: 100%;
  display: grid;
  grid-template-columns: 1.75fr 1fr 0.6fr 1fr 1fr 1.5fr 0.7fr;
  gap: clamp(1px, 1.40625vw - 17px, 10px);
  align-items: center;
  padding: 5px 15px;
  border: 1px solid #ffffff;
}
.profBusc-item:nth-child(even) {
  background-color: #e7e9e9;
}
.profBusc-item .button {
  padding: 7px 15px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  max-width: 120px;
  justify-self: center;
}

.profBusc-item-userCont {
  display: flex;
  align-items: center;
  gap: 10px;
}

.profBusc-itemImg {
  width: 35px;
  height: 35px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

.profBusc-item-userName {
  color: #05a8a5;
  font-weight: 700;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}

.profBusc-item-text {
  color: #959699;
  font-weight: 700;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}

.profe-profile {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profe-profile .panelBox-body {
  padding: 0 20px;
  padding-bottom: 15px;
}
.profe-profile .reg-desp {
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: all 0.3s linear;
  border-radius: 12px;
  background-color: #ffffff;
}
.profe-profile .reg-desp.expanded {
  grid-template-rows: max-content 1fr;
  padding-bottom: 25px;
}
.profe-profile .reg-desp i {
  color: #00525c;
}
.profe-profile .reg-desp > .reg-desp-body {
  margin-top: 0;
}
.profe-profile .reg-desp .reg-desp-head {
  padding: 25px;
}
.profe-profile .reg-desp .pagination-icon {
  color: #008095;
  font-size: 21px;
  cursor: pointer;
}
.profe-profile .profEsta-desp {
  background-color: #f9f9f9;
  border: 2px solid #f1f1f1;
  margin: 0 25px;
}
.profe-profile .profEsta-desp .profProfile-despTitle {
  color: #959699;
  font-size: 18px;
}

.profProfile-userCont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 15px 25px;
  border-radius: 12px;
}
.profProfile-userCont .button {
  font-size: 16px;
  padding: 10px 20px;
}

.profProfile-user {
  display: flex;
  align-items: center;
  gap: 30px;
}

.profProfile-userImg {
  width: 140px;
  height: 140px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

.profProfile-userName {
  color: #05a8a5;
  font-size: 32px;
  font-weight: 700;
}

.profProfile-userAge {
  color: #00525c;
  font-size: 28px;
  font-weight: 700;
}

.profProfile-despTitle {
  color: #00525c;
  font-size: 22px;
  font-weight: 700;
}

.profProfile-infoCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 25px;
}

.profProfile-infoData {
  color: #959699;
  font-size: clamp(16px, 0.625vw + 8px, 20px);
  font-weight: 700;
}
.profProfile-infoData span {
  font-size: clamp(15px, 0.46875vw + 9px, 18px);
  font-weight: 500;
}

.exp-desp .perfInfo-expCard {
  margin-bottom: 0px;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 25px;
}
.exp-desp .perfInfo-expCard.sinAprob {
  background-color: rgba(0, 190, 180, 0.1843137255);
}
.exp-desp .perfInfo-expCard .perfInfo-expCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.perfInfo-expBtncont {
  display: flex;
  align-items: center;
  gap: 10px;
}
.perfInfo-expBtncont .button {
  padding: 10px 45px;
  font-size: 16px;
}

.perfInfo-expFilecont {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 5px;
}

.perfInfo-expFilename {
  color: #00beb4;
  font-weight: 700;
  font-size: 17px;
  cursor: pointer;
}

.pacGrid {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-right: 5px;
}

.pacGrid-header {
  display: grid;
  grid-template-columns: 1.5fr 0.6fr 1fr 0.8fr 1.5fr 0.7fr;
  padding: 10px 20px;
  background-color: #69dad3;
  border-radius: 8px;
  gap: clamp(1px, 1.40625vw - 17px, 10px);
  align-items: center;
  margin-left: 15px;
  margin-right: 25px;
}

.pacGrid-headerTitle {
  font-size: 16px;
  color: #00525c;
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .pacGrid-headerTitle.cent {
    text-align: center;
  }
}

.pacGrid-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: 160px;
  overflow: auto;
  padding-right: 10px;
  scrollbar-gutter: stable both-edges;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.pacGrid-body::-webkit-scrollbar {
  width: 15px;
}
.pacGrid-body::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 10000;
}
.pacGrid-body::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.pacGrid-body::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.pacGrid-body::-webkit-scrollbar-button:vertical:start:increment, .pacGrid-body::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.pacGrid-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.pacGrid-body::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.pacGrid-body::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.pacGrid-item {
  background-color: #ffffff;
  border-radius: 8px;
  width: 100%;
  display: grid;
  grid-template-columns: 1.5fr 0.6fr 1fr 0.8fr 1.5fr 0.7fr;
  gap: clamp(1px, 1.40625vw - 17px, 10px);
  align-items: center;
  padding: 5px 15px;
}
.pacGrid-item .button {
  padding: 7px 15px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  max-width: 120px;
}

.pacGrid-item-userCont {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pacGrid-itemImg {
  width: 35px;
  height: 35px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 100px;
}

.pacGrid-item-userName {
  color: #05a8a5;
  font-weight: 700;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}

.pacGrid-item-text {
  color: #959699;
  font-weight: 700;
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
}

.profEstad-infoCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0 25px;
}

.profEstad-itemsCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 25px;
}

.profEsta-resultValue {
  font-weight: 700;
  color: #00525c;
  font-family: 18px;
}

.profEsta-barCont {
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 36px;
  gap: 5px;
}

.profEsta-bar {
  width: 100%;
  height: 9px;
  background-color: rgba(149, 150, 153, 0.2705882353);
  border-radius: 10px;
  overflow: hidden;
}

.profEsta-barFill {
  height: 100%;
  width: 0.3%;
  background-color: #008095;
  transition: width 0.5s ease-in-out;
}

.profEsta-barPercent {
  font-size: 14px;
  color: #00525c;
  font-weight: 600;
}

.popCert-textCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.popCert-text {
  color: #959699;
  font-weight: 700;
  font-size: 18px;
}
.popCert-text span {
  color: #05a8a5;
}

.popAprob {
  width: 100%;
}
.popAprob .reg-antePro-form {
  width: 100%;
}
.popAprob .reg-antePro-form .reg-antePro-btnsCont {
  width: 100%;
  justify-content: center;
}
.popAprob .reg-antePro-form .button {
  max-width: 200px;
}

.popRechazo {
  width: 100%;
}
.popRechazo .reg-antePro-form {
  width: 100%;
}
.popRechazo .reg-antePro-form .reg-antePro-btnsCont {
  width: 100%;
  justify-content: center;
}
.popRechazo .reg-antePro-form .button {
  max-width: 250px;
}

.popHistorial {
  width: 100%;
  padding: 75px 45px;
}
.popHistorial .popReprog-imgCont {
  width: 60px;
  height: 60px;
}
.popHistorial .popReprog-name {
  font-size: 26px;
}
.popHistorial .pagination-cont {
  margin-top: 25px;
}

.popHist-gridCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}

.popHist-gridHeader {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 0.5fr;
  background-color: #00beb4;
  padding: 5px 15px;
  border-radius: 12px;
}

.popHist-headerTitle {
  color: #00525c;
  font-weight: 700;
  font-size: 18px;
}

.popHist-gridBody {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.popHist-gridRow {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 0.5fr;
  padding: 10px 15px;
  border-radius: 8px;
}
.popHist-gridRow:nth-child(even) {
  background-color: #e7e9e9;
}

.popHist-rowText {
  color: #959699;
  font-weight: 700;
  font-size: clamp(18px, 0.3125vw + 14px, 20px);
}

.pagination-cont {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pagination-cont .pagination-icon {
  color: #008095;
  font-size: 21px;
  cursor: pointer;
}

.pagination-numCont {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pagination-num {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  border: 2px solid #008095;
  aspect-ratio: 1/1;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  font-size: 18px;
  color: #008095;
  font-weight: 700;
  cursor: pointer;
}
.pagination-num.active {
  border: 2px solid #05a8a5;
  background-color: #05a8a5;
  color: #ffffff;
}

.envi_notiPop .reg-antePro-form {
  width: 100%;
}

.profEsta-resultItem:nth-child(1) .profEsta-barFill {
  width: 0.32;
}

.profEsta-resultItem:nth-child(2) .profEsta-barFill {
  width: 14.7%;
}

.profEsta-resultItem:nth-child(3) .profEsta-barFill {
  width: 66.4%;
}

.profEsta-resultItem:nth-child(4) .profEsta-barFill {
  width: 11.1%;
}

.profEsta-resultItem:nth-child(5) .profEsta-barFill {
  width: 4.9%;
}

.profEsta-resultItem:nth-child(6) .profEsta-barFill {
  width: 2%;
}

.profEsta-resultItem:nth-child(7) .profEsta-barFill {
  width: 0.9%;
}

.panelCon-pacMain {
  width: 100%;
  gap: 15px;
  display: flex;
  flex-direction: column;
}

.pac-busca .panelBox-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pac-busca .panelBox-filterCont .custom-selectCont {
  max-width: 250px;
}
.pac-busca .panelBox-filterCont .custom-selectCont .custom-select {
  width: max-content;
  min-width: clamp(75px, 19.53125vw - 175px, 200px);
  max-width: 250px;
  gap: 35px;
  border-radius: 6px;
  border: none;
}
.pac-busca .panelBox-filterCont .custom-selectCont .custom-selectMenu {
  min-width: 150px;
}
.pac-busca .panelBox-filterCont .filter-input {
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2705882353);
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.pac-busca .panelBox-filterCont .filter-input::placeholder {
  color: #ffffff;
}
.pac-busca .panelBox-filterCont .filter-input:focus {
  outline: none;
  border: none;
}
.pac-busca .panelBox-filterCont .button {
  padding: 5px 30px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.pac-busca .panelBox-body {
  padding: 10px clamp(6px, 2.1875vw - 22px, 20px);
}

.pacBusc-header {
  display: grid;
  grid-template-columns: 1.75fr 0.3fr 1fr 1fr 1.7fr 1fr 0.7fr;
  padding: 10px 20px;
  background-color: #69dad3;
  border-radius: 8px;
  gap: clamp(1px, 1.40625vw - 17px, 10px);
  align-items: center;
  margin-left: 15px;
  margin-right: 25px;
}

.pacBusc-item {
  background-color: #ffffff;
  border-radius: 8px;
  width: 100%;
  display: grid;
  grid-template-columns: 1.75fr 0.3fr 1fr 1fr 1.7fr 1fr 0.7fr;
  gap: clamp(1px, 1.40625vw - 17px, 10px);
  align-items: center;
  padding: 5px 15px;
  border: 1px solid #ffffff;
}
.pacBusc-item:nth-child(even) {
  background-color: #e7e9e9;
}
.pacBusc-item .button {
  padding: 7px 15px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  max-width: 120px;
  justify-self: center;
}

.pacHist {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
}

.pacHist-gridCont {
  padding: 0 15px;
  width: 100%;
}

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

.pacProfile-infoData {
  color: #959699;
  font-size: clamp(16px, 0.625vw + 8px, 20px);
  font-weight: 700;
}

.pacProfile-infoList {
  color: #959699;
  font-size: clamp(15px, 0.46875vw + 9px, 18px);
  font-weight: 500;
  padding-left: 20px;
}

.panelCon-configMain {
  display: flex;
  gap: 15px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .panelCon-configMain {
    flex-direction: column;
  }
}

.panelCon-configColumn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.config-algoritmo {
  padding: 10px;
}

.config-desp {
  grid-template-rows: max-content 0fr;
  background-color: #f5f7f7;
  border-radius: 12px;
}
.config-desp .reg-desp-head {
  padding: 10px 20px;
  padding-bottom: 0;
  transition: all 0.4s linear;
}
.config-desp .reg-desp-head i {
  color: #00525c;
  font-size: 20px;
}
.config-desp .reg-desp-head .fa-pen-to-square {
  transform: rotate(0);
  position: relative;
  z-index: 1;
}
.config-desp .reg-desp-head .profProfile-despTitle {
  font-size: 20px;
}
.config-desp > .reg-desp-body {
  padding: 0px 20px;
  margin-top: 10px;
}
.config-desp.expanded {
  grid-template-rows: max-content 1fr;
  padding-bottom: 15px;
}
.config-desp.expanded .reg-desp-head {
  padding-bottom: 10px;
}
.config-desp.expanded .reg-desp-head .fa-pen-to-square {
  transform: rotate(0);
}

.config-algorGrid {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.config-algorGrid-header {
  display: grid;
  grid-template-columns: 3fr 1fr 0.5fr;
  padding: 10px 20px;
  background-color: #69dad3;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
}

.config-algorGrid-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.config-algorGrid-title {
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
  color: #00525c;
  font-weight: 700;
}

.config-algorGrid-item {
  display: grid;
  padding: 10px 20px;
  align-items: center;
  grid-template-columns: 3fr 1fr 0.5fr;
  background-color: #f9f9f9;
  border-radius: 12px;
  border: 1px solid #ffffff;
  gap: 5px;
}
.config-algorGrid-item .custom-selectCont {
  max-width: 120px;
}
.config-algorGrid-item .custom-select {
  padding: 5px;
  background-color: #ffffff;
}

.config-algorGrid-text {
  color: #959699;
  font-weight: 700;
  font-size: 16px;
  padding-right: 35px;
}

.config-algorGrid-btnCont {
  display: flex;
  gap: 5px;
  align-items: center;
  width: 100%;
}
.config-algorGrid-btnCont .button {
  width: 100%;
  padding: 10px;
}

.config-clasiTer-header .fa-pen-to-square {
  color: #69dad3;
  font-size: 22px;
  cursor: pointer;
}

.config-clasiTer-body {
  padding: 15px;
  padding-bottom: 35px;
}
.config-clasiTer-body .reglog-form-inpCont {
  max-width: 250px;
}

.config-clasiTer-text {
  color: #959699;
  font-weight: 600;
  font-size: 18px;
}

.config-clasiTer-grid {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.config-clasiTer-grid-header {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding: 10px 20px;
  background-color: #69dad3;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
}

.config-clasiTer-grid-title {
  font-size: clamp(14px, 0.3125vw + 10px, 16px);
  color: #00525c;
  font-weight: 700;
}

.config-clasiTer-grid-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.config-clasiTer-grid-item {
  display: grid;
  padding: 10px 20px;
  align-items: center;
  grid-template-columns: 2fr 1fr;
  background-color: #f9f9f9;
  border-radius: 12px;
  border: 1px solid #ffffff;
  gap: 5px;
}
.config-clasiTer-grid-item .franj-input {
  text-align: start;
  max-width: 80px;
}

.config-clasiTer-grid-text {
  color: #959699;
  font-weight: 700;
  font-size: 16px;
  padding-right: 35px;
}

.config-clasiTer-btnContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}
.config-clasiTer-btnContainer .button {
  width: 100%;
  padding: 7px 25px;
}

.config-tareasHeader .button {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  padding: 7px 20px;
  background-color: rgba(255, 255, 255, 0.2705882353);
  box-shadow: none;
}

.config-tareasBody {
  padding: 15px;
}

.config-tareasText {
  color: #959699;
  font-weight: 600;
  font-size: 18px;
}

.config-tareasCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.config-tareasItem {
  display: grid;
  grid-template-columns: 18px 1fr 55px;
  align-items: center;
  gap: 7px;
  padding: 15px;
  background-color: #f5f7f7;
  border-radius: 12px;
  border: 2px solid #f5f7f7;
}
.config-tareasItem.editItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.config-tareasItem-header {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}

.config-tareasItem-icon {
  color: #00525c;
  font-size: 20px;
  cursor: grab;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}
.config-tareasItem-icon:active {
  cursor: grabbing;
}

.config-tareasItem-inputCont {
  width: 100%;
}

.tareaEdit-input {
  width: 100%;
  color: #959699;
  font-size: 22px;
  font-weight: 600;
  border: none;
  outline: none;
  background: transparent;
}

.config-tareasItem-body {
  width: 100%;
}

.tareaEdit-textarea {
  resize: none;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #959699;
  padding: 10px;
  color: #959699;
  font-weight: 600;
  font-size: 18px;
  border-radius: 12px;
}
.tareaEdit-textarea:focus {
  outline: none;
}

.config-tareasItem-btnCont {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.config-tareasItem-btnCont .button {
  width: 100%;
  padding: 8px;
}

.config-tareasItem-title {
  color: #008095;
  font-size: 22px;
  font-weight: 600;
}

.config-tareasItem-opciones {
  display: flex;
  align-items: center;
  gap: 15px;
}
.config-tareasItem-opciones i {
  color: #008095;
  font-size: 20px;
  cursor: pointer;
}

.config-tareasItem {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: default;
}

.config-tareasItem-icon {
  cursor: grab !important;
}

.config-tareasItem-icon:active,
.config-tareasItem[draggable=true] .config-tareasItem-icon {
  cursor: grabbing !important;
}

.config-tareasItem.dragging {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.config-tareasItem.drag-over {
  border: 2px solid #00beb4;
  background-color: rgba(0, 190, 180, 0.1843137255);
}

.config-tareasItem[draggable=true] {
  cursor: default;
}

.config-tareasItem.dragging {
  cursor: move;
}

.config-tareasItem.dragging,
.config-tareasItem.dragging * {
  cursor: grabbing !important;
}

.config-docu-itemCont {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 150px;
  overflow: auto;
  padding-right: 5px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.config-docu-itemCont::-webkit-scrollbar {
  width: 15px;
}
.config-docu-itemCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 10000;
}
.config-docu-itemCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.config-docu-itemCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.config-docu-itemCont::-webkit-scrollbar-button:vertical:start:increment, .config-docu-itemCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.config-docu-itemCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.config-docu-itemCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.config-docu-itemCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.config-docu {
  padding: 15px;
}

.config-docu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 15px;
  background-color: #f5f7f7;
  border-radius: 12px;
  border: 2px solid #f5f7f7;
}
.config-docu-item i {
  color: #008095;
  font-size: 20px;
  cursor: pointer;
}

.config-docu-itemTitle {
  color: #008095;
  font-size: 18px;
  font-weight: 700;
}

.docu-editPop .reg-antePro-form {
  width: 100%;
}

.config-tareasItem {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: flex-start;
  gap: 7px;
  padding: 15px;
  background-color: #f5f7f7;
  border-radius: 12px;
  border: 2px solid #f5f7f7;
}
.config-tareasItem.editItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.config-tareasItem .reg-desp {
  width: 100%;
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: all 0.4s linear;
}
.config-tareasItem .reg-desp .reg-desp-body {
  margin-top: 0;
  transition: all 0.4s linear;
}
.config-tareasItem .reg-desp .fa-trash-can,
.config-tareasItem .reg-desp .fa-pen-to-square {
  transform: rotate(0);
  position: relative;
  z-index: 1;
}
.config-tareasItem .reg-desp.expanded {
  grid-template-rows: max-content 1fr;
}
.config-tareasItem .reg-desp.expanded .reg-desp-body {
  margin-top: 7px;
}
.config-tareasItem .reg-desp.expanded .fa-trash-can,
.config-tareasItem .reg-desp.expanded .fa-pen-to-square {
  transform: rotate(0);
  position: relative;
  z-index: 1;
}

.config-tareasItem-text {
  color: #959699;
  font-size: 16px;
  font-weight: 700;
}

.prueba-body {
  padding: 45px;
}

.config-clasiTer-title {
  color: #008095;
  font-size: 22px;
  font-weight: 700;
}

.config-valorSes-grid .config-clasiTer-grid-header {
  grid-template-columns: 2fr 1fr 1fr;
}
.config-valorSes-grid .config-clasiTer-grid-item {
  grid-template-columns: 2fr 1fr 1fr;
}

.config-clasiTer-body .reg-desp {
  display: grid;
  grid-template-rows: max-content 0fr;
  transition: all 0.3s linear;
}
.config-clasiTer-body .reg-desp.expanded {
  grid-template-rows: max-content 1fr;
}
.config-clasiTer-body .reg-desp.expanded .reg-desp-head i {
  transform: rotate(90deg);
}
.config-clasiTer-body .reg-desp.expanded .reg-desp-body {
  overflow: visible;
}
.config-clasiTer-body .reg-desp.animating .reg-desp-body {
  overflow: hidden;
}
.config-clasiTer-body .reg-desp .reg-desp-body {
  overflow: hidden;
  margin-top: 3px;
  padding: 0;
}
.config-clasiTer-body .reg-desp .reg-desp-head {
  width: 100%;
  background-color: #00525c;
  border-radius: 8px;
  justify-content: center;
  padding: 7px 0;
  position: relative;
}
.config-clasiTer-body .reg-desp .reg-desp-head .fa-solid {
  position: absolute;
  right: 15px;
  color: #ffffff;
  font-size: 20px;
}
.config-clasiTer-body .reg-desp .reg-desp-head .profProfile-despTitle {
  color: #ffffff;
  font-size: clamp(14px, 0.25641vw + 13.08px, 16px);
}

.panelCon-comuMain {
  width: 100%;
}
.panelCon-comuMain .panelBox-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.panelCon-comuMain .panelBox-filterCont .custom-select {
  min-width: 150px;
}

.comun-body {
  width: 100%;
  padding: 15px;
}
.comun-body .pacHist-gridCont {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.comun-body .popHist-gridBody {
  max-height: 550px;
  overflow: auto;
  scrollbar-gutter: stable;
  padding-right: 5px;
}
.comun-body .popHist-gridBody::-webkit-scrollbar {
  width: 15px;
}
.comun-body .popHist-gridBody::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.comun-body .popHist-gridBody::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.comun-body .popHist-gridBody::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.comun-body .popHist-gridBody::-webkit-scrollbar-button:vertical:start:increment, .comun-body .popHist-gridBody::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.comun-body .popHist-gridBody::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.comun-body .popHist-gridBody::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.comun-body .popHist-gridBody::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.comun-body .popHist-gridHeader {
  grid-template-columns: 2fr 1fr 1fr 1fr 60px 60px;
}
.comun-body .popHist-gridRow {
  grid-template-columns: 2fr 1fr 1fr 1fr 50px 50px;
  background-color: #ffffff;
}
.comun-body .popHist-gridRow i {
  position: relative;
  color: #008095;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.noti-typeCont {
  display: flex;
  align-items: center;
  gap: 15px;
}

.creaNoti-form .form-label {
  font-size: 18px;
  font-weight: 600;
}
.creaNoti-form .custom-select {
  font-size: 18px;
  font-weight: 600;
}

.notiVea-infoCont {
  width: 100%;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.notiVea-info {
  font-size: 18px;
  color: #959699;
  font-weight: 700;
}
.notiVea-info span {
  font-weight: 500;
}

.elim-noti .popUp-mess-btnCont {
  width: 100%;
}
.elim-noti .popUp-mess-btnCont .button {
  width: 100%;
}

.panelPac-configMain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: 100%;
}
@media screen and (max-width: 996px) {
  .panelPac-configMain {
    grid-template-columns: 1fr;
  }
}

.panelPaci-iniColumn .perf-cuen .edit {
  color: #69dad3;
  font-size: 22px;
  cursor: pointer;
}
.panelPaci-iniColumn .perf-cuen .notiConf-body {
  gap: clamp(20px, 1.60256vw + 14.23px, 45px);
}

.panelPaci-datoCon-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 0.6fr 1fr 1fr;
  grid-template-areas: "dire dire dire dire cp cp" "ciudad ciudad prov prov pais pais" "email email email tel tel tel";
  gap: 7px;
}
@media screen and (max-width: 1440px) {
  .panelPaci-datoCon-form {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "dire dire cp" "ciudad ciudad ciudad" "prov prov prov" "pais pais pais" "email email email" "tel tel tel";
  }
}
@media screen and (max-width: 996px) {
  .panelPaci-datoCon-form {
    grid-template-columns: 1fr 1fr 1fr 0.6fr 1fr 1fr;
    grid-template-areas: "dire dire dire dire dire cp" "ciudad ciudad prov prov pais pais" "email email email email tel tel";
  }
}
@media screen and (max-width: 720px) {
  .panelPaci-datoCon-form {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "dire dire cp" "ciudad ciudad ciudad" "prov prov prov" "pais pais pais" "email email email" "tel tel tel";
  }
}
@media screen and (max-width: 440px) {
  .panelPaci-datoCon-form {
    grid-template-columns: 1fr;
    grid-template-areas: "dire" "cp" "ciudad" "prov" "pais" "email" "tel";
  }
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(input[name=dato-dire]) {
  grid-area: dire;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(input[name=dato-cp]) {
  grid-area: cp;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(input[name=dato-ciudad]) {
  grid-area: ciudad;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(input[name=dato-prov]) {
  grid-area: prov;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(select[name=country_select]) {
  grid-area: pais;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(select[name=country_select]) select {
  width: 100%;
  font-size: clamp(14px, 0.25641vw + 13.08px, 18px);
  font-weight: 500;
  padding: 10px 15px 11px 20px;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(input[name=dato-correo]) {
  grid-area: email;
}
.panelPaci-datoCon-form .reglog-form-inpCont:has(input[name=dato-tel]) {
  grid-area: tel;
}
.panelPaci-datoCon-form .select-tel-pais {
  width: 200px;
  font-size: 16px;
}

.panelPaci-btnCont {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
@media screen and (max-width: 440px) {
  .panelPaci-btnCont {
    flex-direction: column;
  }
}
.panelPaci-btnCont .button {
  padding: 7px;
  width: 100%;
}

.panelPaci-notiConf-frecu {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.panelPaci-notiConf-title {
  color: #00525c;
  font-weight: 700;
  font-size: clamp(18px, 0.12821vw + 17.54px, 20px);
}

.panelPaci-notiConf-text {
  color: #959699;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 600;
}

.panelPaci-notiConf-selecCont {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.panelPaci-notiConf-selecCont select {
  padding: 7px;
  width: 180px;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 600;
}

.panelPaci-notiConf-pref {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.panelPaci-notiConf-prefOpciones {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.panelPaci-notiConf-opCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 15px;
}
.panelPaci-notiConf-opCont .reglog-form-verif-inp {
  align-items: flex-start;
}
.panelPaci-notiConf-opCont .form-verif-span::after {
  background-color: #959699;
}
.panelPaci-notiConf-opCont .form-verif-label {
  color: #00525c;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  font-weight: 700;
}

.panelPaci-notiConf-opText {
  color: #959699;
  font-weight: 600;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
  padding-left: 20px;
}

.config-borrBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  padding: clamp(30px, 2.34375vw + 0px, 45px) 32px;
}
.config-borrBody .fa-triangle-exclamation {
  color: #af1625;
  font-size: clamp(54px, 1.02564vw + 50.31px, 70px);
}
.config-borrBody .button {
  padding: 7px 65px;
  margin-top: 15px;
}

.perf-cuen .config-borrBody {
  padding: clamp(30px, 2.34375vw + 0px, 45px) 32px;
}

.panelPac-config-borrTitle {
  color: #af1625;
  font-size: clamp(16px, 0.50633vw + 9.8px, 18px);
  font-weight: 700;
  text-align: center;
}

.panelPac-config-borrsubTitle {
  color: #00525c;
  font-size: clamp(16px, 0.50633vw + 9.8px, 18px);
  font-weight: 700;
  text-align: center;
}

.panelPac-config-borrList {
  color: #959699;
  font-size: clamp(14px, 0.50633vw + 7.8px, 16px);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.panelPaci-cueAso-form {
  display: grid;
  grid-template-columns: 0.7fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "titu titu titu titu tipo tipo" "cuen cuen banc banc cuil cuil";
  gap: 7px;
}
@media screen and (max-width: 1440px) {
  .panelPaci-cueAso-form {
    grid-template-columns: 1fr;
    grid-template-areas: "titu" "tipo" "cuen" "banc" "cuil";
  }
}
.panelPaci-cueAso-form .reglog-form-inpCont:has(input[name=pago-ban]) {
  grid-area: banc;
}
.panelPaci-cueAso-form .reglog-form-inpCont:has(input[name=pago-titu]) {
  grid-area: titu;
}
.panelPaci-cueAso-form .reglog-form-inpCont:has(input[name=pago-cuen]) {
  grid-area: cuen;
}
.panelPaci-cueAso-form .reglog-form-inpCont:has(input[name=pago-cuil]) {
  grid-area: cuil;
}
.panelPaci-cueAso-form .custom-select {
  grid-area: tipo;
  padding: 8px 15px 6px 20px;
}

.panelPaci-honoRango {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 15px;
}

.panelPaci-rangoCont {
  display: flex;
  align-items: center;
  gap: clamp(2px, 1.40845vw - 12.04px, 15px);
}
@media screen and (max-width: 996px) {
  .panelPaci-rangoCont {
    gap: clamp(5px, 0.64103vw + 2.69px, 15px);
  }
}
@media screen and (max-width: 550px) {
  .panelPaci-rangoCont {
    flex-direction: column;
    align-items: flex-start;
  }
  .panelPaci-rangoCont .guion {
    display: none;
  }
  .panelPaci-rangoCont .panelPaci-rangoItem {
    flex-direction: row;
    gap: 5px;
  }
}
.panelPaci-rangoCont .form-input {
  max-width: 190px;
}

.panelPaci-rangoItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #00525c;
  font-weight: 700;
  text-align: center;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}

.panelPaci-rangoItem {
  min-width: 150px;
}

.usycon-body {
  gap: 20px;
}

.panelPaci-usycon-emailCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.panelPaci-usycon-contraCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.panelPaci-usycon-inputCont {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .panelPaci-usycon-inputCont {
    grid-template-columns: 1fr;
  }
}

.popUP-configMess {
  padding: 65px clamp(10px, 3.52564vw - 2.69px, 65px);
  padding-bottom: 30px;
  width: 100%;
}
.popUP-configMess .popUp-messIcon {
  width: 100px;
}
.popUP-configMess .popReprog-header {
  justify-content: flex-end;
}
.popUP-configMess .valorAlert {
  max-width: 500px;
}

.panelPaci-soporMail-text {
  color: #959699;
  font-size: clamp(16px, 0.25641vw + 15.08px, 20px);
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 440px) {
  .panelPaci-soporMail-text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.panelPaci-soporMail-text span {
  color: #05a8a5;
  cursor: pointer;
}

.panelPaci-cueHeader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panelPaci-cueHeader .button {
  padding: 7px 15px;
}
@media screen and (max-width: 440px) {
  .panelPaci-cueHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }
}

.panelPaci-cueAso-cardsCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.panelPaci-cueAso-card {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #959699;
  padding: 15px;
}

.cueAso-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.cueAso-card-header .cueAso-card-bankName {
  color: #00525c;
  font-size: clamp(16px, 0.25641vw + 14.08px, 18px);
  font-weight: 700;
}
.cueAso-card-header .cueAso-card-btnCont {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cueAso-card-header .cueAso-card-btnCont .fa-solid {
  color: #00525c;
  font-size: clamp(14px, 0.25641vw + 13.08px, 16px);
  cursor: pointer;
}

.cueAso-card-infoCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cueAso-card-infoRow {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 500px) {
  .cueAso-card-infoRow {
    flex-direction: column;
    gap: 5px;
  }
}

.cueAso-card-infoText {
  color: #959699;
  font-size: clamp(14px, 0.25641vw + 13.08px, 16px);
  font-weight: 600;
  margin-bottom: 5px;
}
.cueAso-card-infoText span {
  color: #00525c;
  font-weight: 700;
}

.paci-pagoCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.paci-config {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paci-config .button {
  max-width: 250px;
}

.panelPaci-cueAso-messCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.panelPaci-cueAso-messCont .fa-triangle-exclamation {
  color: #959699;
  font-size: 42px;
}

.panelPaci-cueAso-mess {
  color: #959699;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.paci-consen-text {
  color: #959699;
  font-weight: 700;
  font-size: clamp(14px, 0.12821vw + 13.54px, 16px);
}

.paci-consent-file {
  background-color: #ffffff;
  color: #959699;
  font-size: clamp(12px, 0.12821vw + 11.54px, 14px);
  font-weight: 600;
  padding: 15px;
  border-radius: 12px;
  line-height: clamp(22px, 0.51282vw + 20.15px, 30px);
  overflow: auto;
  max-height: 235px;
  /* Ocultar explícitamente los otros botones */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.paci-consent-file::-webkit-scrollbar {
  width: 15px;
}
.paci-consent-file::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.paci-consent-file::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.paci-consent-file::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.paci-consent-file::-webkit-scrollbar-button:vertical:start:increment, .paci-consent-file::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.paci-consent-file::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.paci-consent-file::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.paci-consent-file::-webkit-scrollbar-thumb:hover {
  background: #008095;
}

.paci-consenCont {
  gap: 20px;
}
.paci-consenCont .panelPaci-btnCont {
  justify-content: center;
}
.paci-consenCont .panelPaci-btnCont .button {
  max-width: 250px;
}

.popUp-mess-textTitle {
  color: #959699;
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
  font-weight: 700;
  text-align: center;
  line-height: clamp(26px, 0.76923vw + 23.23px, 38px);
}

.consent-btnCont {
  width: 100%;
  justify-content: center;
}
.consent-btnCont .button {
  width: 100%;
}

.panelPaci-teraMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.panelPaci-teraMain .pac-busca .panelBox-body {
  padding: 20px clamp(6px, 2.1875vw - 22px, 20px);
}

.teraBody {
  padding: clamp(20px, 1.60256vw + 14.23px, 45px) clamp(12px, 0.83333vw + 9px, 25px);
}
.teraBody .perfInfo-userCont {
  gap: 45px;
}
@media screen and (max-width: 690px) {
  .teraBody .perfInfo-userCont {
    flex-direction: column;
    gap: 20px;
  }
}
.teraBody .perfInfo-userInfo {
  width: 100%;
  display: grid;
  grid-template-columns: 0.7fr 2fr 1fr;
  grid-template-areas: "nombre nombre nombre" "info espe btns";
  gap: clamp(7px, 0.83333vw + 4px, 20px);
}
@media screen and (max-width: 1060px) {
  .teraBody .perfInfo-userInfo {
    display: flex;
    flex-direction: column;
  }
}
.teraBody .perfInfo-userInfo .perfInfo-infoText {
  color: #00525c;
  font-size: clamp(15px, 0.46875vw + 9px, 18px);
  font-weight: 500;
  line-height: 28px;
  max-height: 130px;
  overflow: auto;
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar {
  width: 15px;
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
  z-index: 100000000000000000000000;
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-button:vertical:start:increment, .teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.teraBody .perfInfo-userInfo .perfInfo-infoText::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.teraBody .perfInfo-infoName {
  grid-area: nombre;
  font-size: clamp(26px, 1.02564vw + 22.31px, 42px);
}
.teraBody .infoPer {
  grid-area: info;
}
.teraBody .infoEspe {
  grid-area: espe;
}
.teraBody .paciTer-btnCont {
  grid-area: btns;
}

.perfInfo-userMedia {
  position: relative;
}
.perfInfo-userMedia .perfInfo-imgCont {
  width: clamp(90px, 3.52564vw + 77.31px, 145px);
  height: clamp(90px, 3.52564vw + 77.31px, 145px);
  position: relative;
  overflow: visible;
}
.perfInfo-userMedia .perfInfo-imgCont img {
  border-radius: 100px;
}
.perfInfo-userMedia .fa-circle-play {
  color: #ffffff;
  background-color: #05a8a5;
  border-radius: 50px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
  bottom: -8px;
  font-size: 32px;
}

.paciTer-btnCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 690px) {
  .paciTer-btnCont a {
    width: 100%;
  }
}
.paciTer-btnCont .button {
  font-size: 16px;
  padding: 7px;
  width: 180px;
}
@media screen and (max-width: 1060px) {
  .paciTer-btnCont .button {
    width: 450px;
  }
}
@media screen and (max-width: 690px) {
  .paciTer-btnCont .button {
    width: 100%;
  }
}
.paciTer-btnCont .camb-ter {
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
}

.valor-expe .popUp-mess-text span {
  font-size: clamp(16px, 0.38462vw + 14.62px, 22px);
}
.valor-expe .popUp-mess-subTitle span {
  color: #05a8a5;
}
.valor-expe .separador {
  height: 1px;
  width: 100%;
  margin: 20px 0;
}

.terPerfil-cont .fa-star {
  font-size: 18px;
}

.pop-cambTer .popUp-searchCont {
  width: 100%;
}
@media screen and (max-width: 650px) {
  .pop-cambTer .popUp-searchCont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "reco espe" "busc busc";
  }
  .pop-cambTer .popUp-searchCont .popUp-searchCont-reco {
    grid-area: reco;
  }
  .pop-cambTer .popUp-searchCont .custom-selectCont {
    grid-area: espe;
  }
  .pop-cambTer .popUp-searchCont .reglog-form-inpCont {
    grid-area: busc;
  }
}
.pop-cambTer .popUp-searchCont .reglog-form-inpCont .button {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 650px) {
  .pop-cambTer .terCard-btnCont {
    flex-direction: column;
  }
}
.pop-cambTer .terCard-profileDesc-text {
  font-size: clamp(14px, 0.37037vw + 12.67px, 16px);
}
.pop-cambTer .terCard-profileInfo-name {
  font-size: clamp(18px, 0.37037vw + 16.67px, 20px);
}
.pop-cambTer .terCard-profileDesc-title {
  font-size: clamp(16px, 0.37037vw + 14.67px, 18px);
}
.pop-cambTer .terCard-profileInfo-espec {
  font-size: clamp(16px, 0.37037vw + 14.67px, 18px);
}
.pop-cambTer .popUp-searchCont-reco {
  width: 100%;
}
.pop-cambTer .custom-select {
  width: 100%;
  font-size: clamp(14px, 1.11111vw + 10px, 20px);
  padding: 10px 15px 10px 20px;
}
.pop-cambTer .popUp-searchCont-reco {
  font-size: clamp(14px, 1.11111vw + 10px, 20px);
}
.pop-cambTer .form-input {
  font-size: clamp(14px, 1.11111vw + 10px, 20px);
}
.pop-cambTer .form-label {
  font-size: clamp(14px, 1.11111vw + 10px, 20px);
}
.pop-cambTer .canc-button {
  padding: 7px;
  width: 100%;
  max-width: 250px;
}

.perfInfo-messCont {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-direction: column;
  padding: 25px;
}
.perfInfo-messCont i {
  color: #959699;
  font-size: 46px;
}
.perfInfo-messCont .button {
  margin-top: 25px;
  padding: 7px 25px;
}

.chat-html {
  height: 100%;
}
.chat-html .panelBox {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.chat-html .panelBox-body {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.chat-html .panelChat-busqBody {
  padding: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chat-html .panelChat-busqBody .panelChat-resultCont {
  flex: 1;
  overflow-y: auto;
  margin-top: 0;
}

.chat-body {
  height: 100%;
}

.panelPro-chatMain {
  width: 100%;
  height: calc(100vh - 112px);
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-areas: "busc chat info";
}
@media screen and (max-width: 1440px) {
  .panelPro-chatMain {
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "busc chat" "info info";
    height: calc(100vh - 100px);
  }
}
@media screen and (max-width: 1120px) {
  .panelPro-chatMain {
    grid-template-columns: 1fr;
    grid-template-areas: "busc" "chat" "info";
    height: calc(100vh - 80px);
  }
}
@media screen and (max-width: 768px) {
  .panelPro-chatMain {
    height: calc(100vh - 60px);
  }
}
.panelPro-chatMain .chat-busc {
  grid-area: busc;
}
@media screen and (max-width: 1440px) {
  .panelPro-chatMain .chat-busc {
    min-height: 370px;
  }
}
.panelPro-chatMain .chat-busc .perfTrans-userName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}
.panelPro-chatMain .chat-chatCont {
  grid-area: chat;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media screen and (max-width: 1440px) {
  .panelPro-chatMain .chat-chatCont {
    min-height: 420px;
  }
}
@media screen and (max-width: 1120px) {
  .panelPro-chatMain .chat-chatCont {
    min-height: 650px;
  }
}
.panelPro-chatMain .chat-info {
  grid-area: info;
}
@media screen and (max-width: 1440px) {
  .panelPro-chatMain .chat-info {
    display: none;
  }
}

.panelChat-busqBody {
  padding: 15px;
}
.panelChat-busqBody .reglog-form-inpCont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  background-color: #ffffff;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.panelChat-busqBody .reglog-form-inpCont input {
  color: #00525c;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
  background-color: transparent;
  border: none;
  outline: none;
}
.panelChat-busqBody .reglog-form-inpCont input::placeholder {
  color: #00525c;
}
.panelChat-busqBody .reglog-form-inpCont i {
  color: #00525c;
  cursor: pointer;
}

.panelChat-resultCont {
  display: flex;
  flex-direction: column;
  gap: clamp(7px, 0.65574vw + 4.64px, 15px);
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #05a8a5 #ffffff;
  padding-right: 8px;
  max-height: 860px;
}
.panelChat-resultCont::-webkit-scrollbar {
  width: 15px;
}
.panelChat-resultCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
}
.panelChat-resultCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.panelChat-resultCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.panelChat-resultCont::-webkit-scrollbar-button:vertical:start:increment, .panelChat-resultCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.panelChat-resultCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.panelChat-resultCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.panelChat-resultCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
@media screen and (max-width: 996px) {
  .panelChat-resultCont {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
    padding-right: 9px;
  }
}
@media screen and (max-width: 1120px) {
  .panelChat-resultCont {
    max-height: 240px;
  }
}

.panelChat-resultItem {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.panelChat-resultItem .fa-envelope {
  color: #008095;
  font-size: 22px;
  flex-shrink: 0;
  margin-right: 5px;
}
.panelChat-resultItem.active {
  background-color: rgba(0, 190, 180, 0.1843137255);
}
.panelChat-resultItem .perfTrans-date {
  font-size: 16px;
  font-weight: 600;
}

.panelChat-mensCont {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.panelChat-mensHeader {
  background-color: #ffffff;
  padding: clamp(15px, 2vh, 25px);
  flex-shrink: 0;
}

.panelChat-mensBody {
  display: flex;
  flex-direction: column;
  padding-right: 10px;
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.panelChat-mensChatCont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 15px;
  flex: 1;
  height: 0;
}
.panelChat-mensChatCont::-webkit-scrollbar {
  width: 15px;
}
.panelChat-mensChatCont::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
}
.panelChat-mensChatCont::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.panelChat-mensChatCont::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.panelChat-mensChatCont::-webkit-scrollbar-button:vertical:start:increment, .panelChat-mensChatCont::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.panelChat-mensChatCont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.panelChat-mensChatCont::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.panelChat-mensChatCont::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
@media screen and (max-width: 996px) {
  .panelChat-mensChatCont {
    scrollbar-width: thin;
    scrollbar-color: #05a8a5 #ffffff;
    padding-right: 9px;
  }
}

.recMess {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 15px;
  width: 70%;
  align-self: flex-start;
  position: relative;
}
.recMess .recMess-hora {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 11px;
}
@media screen and (max-width: 990px) {
  .recMess {
    width: 95%;
  }
}
@media screen and (max-width: 690px) {
  .recMess {
    grid-template-columns: 1fr;
  }
}
.recMess .recMessCont {
  background-color: #ffffff;
  padding: 15px;
  border-radius: 12px;
  font-size: 14px;
  color: #00525c;
  font-weight: 600;
  line-height: 26px;
}
.recMess .recMessCont p {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
}
@media screen and (max-width: 990px) {
  .recMess .recMessCont {
    line-height: 20px;
  }
}
.recMess .perfTrans-userImg {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 690px) {
  .recMess .perfTrans-userImg {
    display: none;
  }
}

.sendMess {
  width: 70%;
  align-self: flex-end;
  background-color: #05a8a5;
  padding: 15px;
  border-radius: 12px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  line-height: 26px;
  position: relative;
}
.sendMess .sendMess-hora {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 11px;
  color: #ffffff;
}
.sendMess p {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
}
@media screen and (max-width: 990px) {
  .sendMess {
    width: 90%;
    line-height: 20px;
  }
}

.panelChat-mensInputCont {
  flex-shrink: 0;
  margin: 0 15px;
  padding: clamp(10px, 1.5vh, 15px) 0;
}
.panelChat-mensInputCont .reglog-form-inpCont {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 8px;
  gap: 10px;
  box-shadow: 3px 3px 7px 5px rgba(149, 150, 153, 0.2705882353);
}
.panelChat-mensInputCont textarea {
  flex: 1;
  color: #00525c;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
  min-height: 24px;
  max-height: clamp(96px, 15vh, 192px); /* Altura máxima dinámica */
  line-height: 24px;
  overflow-y: auto;
  padding: 8px 0;
  scrollbar-width: thin;
  scrollbar-color: #05a8a5 transparent;
}
.panelChat-mensInputCont textarea::-webkit-scrollbar {
  width: 6px;
}
.panelChat-mensInputCont textarea::-webkit-scrollbar-track {
  background: transparent;
}
.panelChat-mensInputCont textarea::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 3px;
}
.panelChat-mensInputCont textarea::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.panelChat-mensInputCont textarea::placeholder {
  color: #00525c;
}
.panelChat-mensInputCont i {
  width: 26px;
  height: 26px;
  color: #ffffff;
  background-color: #05a8a5;
  padding: 5px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  margin-bottom: 7px;
}

.panelChat-infoBody {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 620px;
  overflow-y: auto !important;
}
.panelChat-infoBody::-webkit-scrollbar {
  width: 15px;
}
.panelChat-infoBody::-webkit-scrollbar-button {
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  cursor: pointer;
}
.panelChat-infoBody::-webkit-scrollbar-button:vertical:start:decrement {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-up-green.svg");
}
.panelChat-infoBody::-webkit-scrollbar-button:vertical:end:increment {
  height: 15px;
  background-image: url("../../assets/img/scroll-arrow-down-green.svg");
}
.panelChat-infoBody::-webkit-scrollbar-button:vertical:start:increment, .panelChat-infoBody::-webkit-scrollbar-button:vertical:end:decrement {
  height: 0;
  display: none;
}
.panelChat-infoBody::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #f9f9f9;
  border-radius: 50px;
  padding: 0px 2px;
  border: 1px solid #959699;
  background-color: #ffffff;
}
.panelChat-infoBody::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 50px;
}
.panelChat-infoBody::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.panelChat-infoBody .panel-proxTurn-cont {
  box-shadow: none;
  font-size: 14px;
  margin-top: 0;
  background-color: #69dad3;
  border: none;
  color: #00525c;
  font-weight: 700;
  padding: 7px;
  gap: 5px;
}
@media screen and (max-width: 1120px) {
  .panelChat-infoBody .panel-proxTurn-cont {
    flex-direction: column;
  }
  .panelChat-infoBody .panel-proxTurn-cont i {
    display: none;
  }
}
.panelChat-infoBody .panel-proxTurn-cont.noTurn {
  background-color: #959699;
  color: #ffffff;
  flex-direction: row;
}
.panelChat-infoBody .panel-proxTurn-cont.noTurn i {
  display: block;
}
@media screen and (max-width: 990px) {
  .panelChat-infoBody .panel-proxTurn-cont {
    flex-direction: row;
  }
  .panelChat-infoBody .panel-proxTurn-cont i {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .panelChat-infoBody .panel-proxTurn-cont {
    flex-direction: column;
  }
  .panelChat-infoBody .panel-proxTurn-cont i {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  .panelChat-infoBody.proPanel-chat {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "info diag" "info obs" "info turn";
  }
  .panelChat-infoBody.proPanel-chat .paciCard {
    grid-area: info;
  }
  .panelChat-infoBody.proPanel-chat .paciDiag {
    grid-area: diag;
  }
  .panelChat-infoBody.proPanel-chat .paciObs {
    grid-area: obs;
  }
  .panelChat-infoBody.proPanel-chat .panel-proxTurn-cont {
    grid-area: turn;
  }
}

.panelChat-infoCard {
  background-color: #ffffff;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.panelChat-infoCard .button {
  padding: 7px;
  font-size: 15px;
}
.panelChat-infoCard .perfTrans-userInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.panelChat-infoCard .perfTrans-userCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}
.panelChat-infoCard .perfTrans-userCont .perfTrans-userImg {
  width: 110px;
  height: 110px;
}
.panelChat-infoCard .perfTrans-userCont .perfTrans-userName {
  font-size: clamp(22px, 0.625vw + 14px, 26px);
}
.panelChat-infoCard .perfTrans-userCont .perfTrans-date {
  font-size: clamp(16px, 0.625vw + 8px, 20px);
  font-weight: 600;
}
.panelChat-infoCard .tag {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 600;
}
.panelChat-infoCard .perfInfo-infoCont {
  margin-bottom: 15px;
}

.panelChat-infoTitle {
  color: #00525c;
  font-size: clamp(16px, 0.625vw + 8px, 20px);
  font-weight: 700;
}

.panelChat-infoText {
  color: #00525c;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  overflow: auto;
  max-height: 260px;
  margin-right: 5px;
  padding-right: 7px;
  scrollbar-width: thin;
  scrollbar-color: #05a8a5 transparent;
}
.panelChat-infoText::-webkit-scrollbar {
  width: 6px;
}
.panelChat-infoText::-webkit-scrollbar-track {
  background: transparent;
}
.panelChat-infoText::-webkit-scrollbar-thumb {
  background: #05a8a5;
  border-radius: 3px;
}
.panelChat-infoText::-webkit-scrollbar-thumb:hover {
  background: #008095;
}
.panelChat-infoText::placeholder {
  color: #00525c;
}

.panelChat-infoSinot {
  color: #959699;
  font-size: 22px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.panelChat-infoBtnCont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.panelChat-infoBtnCont .button {
  padding: 7px;
  font-size: clamp(12px, 0.62893vw + 9.74px, 16px);
}

.popUp-chat-tera .panelChat-infoBody {
  width: 100%;
  padding: clamp(1px, 0.89744vw - 2.23px, 15px);
}
.popUp-chat-tera .panelChat-infoCard {
  padding: clamp(1px, 0.57692vw - 1.08px, 10px);
}

@media screen and (max-width: 768px) {
  .panelPro-chatMain {
    gap: 10px;
  }
  .panelChat-mensHeader {
    padding: 15px;
  }
  .panelChat-mensInputCont {
    margin: 0 10px;
    padding: 10px 0;
  }
}
.panelChat-dateTag {
  align-self: center;
  background-color: rgba(255, 255, 255, 0.5490196078);
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 600;
  color: #959699;
  border-radius: 6px;
}

.panelPac-chatMain {
  width: 100%;
  height: calc(100% - 60px);
  display: grid;
  gap: 15px;
  grid-template-columns: 3fr 1fr;
}
.panelPac-chatMain .panelBox-header .custom-select {
  width: 150px;
}
.panelPac-chatMain .panelChat-mensCont {
  height: calc(100% - 59px);
}
.panelPac-chatMain .chat-infoTer {
  align-self: flex-start;
}
@media screen and (max-width: 990px) {
  .panelPac-chatMain .chat-infoTer {
    display: none;
  }
}
.panelPac-chatMain .panelChat-infoBody {
  height: 96%;
}
.panelPac-chatMain .panelChat-infoBody .notaCard {
  flex: 1;
}
@media screen and (max-width: 1440px) {
  .panelPac-chatMain {
    grid-template-columns: 2fr 1fr;
  }
}
@media screen and (max-width: 990px) {
  .panelPac-chatMain {
    grid-template-columns: 1fr;
  }
}

.panelCon-sesioMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.panelCon-sesioMain .panelBox-header .panelBox-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.panelCon-sesioMain .panelBox-header .filter-input {
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2705882353);
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
  width: 350px;
}
.panelCon-sesioMain .panelBox-header .filter-input::placeholder {
  color: #ffffff;
}
.panelCon-sesioMain .panelBox-header .filter-input:focus {
  outline: none;
  border: none;
}
.panelCon-sesioMain .panelBox-header .button {
  padding: 5px 30px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}
.panelCon-sesioMain .profBusc-body {
  padding-right: 10px;
  scrollbar-gutter: stable;
  max-height: 197px;
}
.panelCon-sesioMain .popHist-gridHeader {
  grid-template-columns: 1fr 1fr 1fr 2fr 2fr 1fr;
  padding-right: 41px;
}
.panelCon-sesioMain .pacBusc-item {
  grid-template-columns: 1fr 1fr 1fr 2fr 2fr 1fr;
  gap: 0;
}

.panelCon-factuMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.panelCon-factuMain .custom-select {
  width: 200px;
}
.panelCon-factuMain .panelBox-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.panelCon-factuMain .reglog-form-inpCont {
  width: clamp(250px, 19.04762vw + 41.43px, 350px);
}
.panelCon-factuMain .filter-input {
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2705882353);
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
  width: clamp(250px, 19.04762vw + 41.43px, 350px);
}
.panelCon-factuMain .filter-input::placeholder {
  color: #ffffff;
}
.panelCon-factuMain .filter-input:focus {
  outline: none;
  border: none;
}
.panelCon-factuMain .button {
  padding: 5px 30px;
  font-size: clamp(15px, 0.15625vw + 13px, 16px);
  font-weight: 600;
}

.factu-body {
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  justify-content: center;
}

.panel-factuIngr {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.factuIngr-title {
  color: #00525c;
  font-size: clamp(22px, 1.14286vw + 9.49px, 28px);
  font-weight: 700;
}

.factuIngr-num {
  color: #008095;
  font-size: clamp(42px, 1.90476vw + 21.14px, 52px);
  font-weight: 700;
}

.panel-factuGraph {
  background-color: rgba(0, 190, 180, 0.1843137255);
  width: 100%;
  aspect-ratio: 3/1;
  border-radius: 12px;
}

.transa-body {
  padding: 15px;
}
.transa-body .pacHist-gridCont {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.transa-body .profBusc-body {
  scrollbar-gutter: stable;
  max-height: 250px;
}
.transa-body .popHist-headerTitle {
  font-size: clamp(14px, 0.7619vw + 5.66px, 18px);
}
.transa-body .popHist-gridHeader {
  grid-template-columns: 0.7fr 0.7fr 0.8fr 0.8fr 1fr 0.7fr;
  gap: 0;
  padding-right: 40px;
}
.transa-body .pacBusc-item {
  grid-template-columns: 0.7fr 0.7fr 0.8fr 0.8fr 1fr 0.7fr;
  gap: 0;
}
.transa-body .pacBusc-item .profBusc-item-text.ing {
  color: #60be21;
}
.transa-body .pacBusc-item .profBusc-item-text.egr {
  color: #ff142b;
}

.iniTitle .custom-select {
  width: 200px;
}

.panelCon-iniMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.panelCon-iniMain .panelBox-header .button {
  padding: 7px 35px;
  font-size: 16px;
}
.panelCon-iniMain .panelBox-header .panelBox-filterCont {
  display: flex;
  align-items: center;
  gap: 5px;
}
.panelCon-iniMain .panelBox-header .custom-select {
  width: 190px;
}
.panelCon-iniMain .pacs-estad-graphicCont {
  width: 240px;
  height: 240px;
}
.panelCon-iniMain .geneCont {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.panelCon-iniMain .geneCont .pacs-estad-refeCont {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: unset;
  max-width: unset;
}

.inicio-body {
  width: 100%;
  padding: 15px;
  gap: 15px;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 1440px) {
  .inicio-body {
    display: flex;
    flex-direction: column;
  }
}
.inicio-body .call-tool {
  border: none;
  font-size: 14px;
  text-align: center;
  padding: 10px 5px;
  font-weight: 700;
}
.inicio-body .call-tool.active {
  background-color: #69dad3;
  color: #00525c;
}
.inicio-body .call-panelMain {
  border-radius: 12px;
  border: none;
  padding: 15px 10px;
}
.inicio-body .call-panelMain {
  background-color: rgba(255, 255, 255, 0.5490196078);
}

.panel-ini-cantFilters {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.panel-ini-cantInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.5490196078);
  border-radius: 12px;
  gap: 10px;
  padding: 25px;
}

.panel-ini-cantTitle {
  color: #959699;
  font-weight: 600;
  font-size: 22px;
}

.panel-ini-cant {
  color: #008095;
  font-weight: 700;
  font-size: clamp(36px, 1.14286vw + 23.49px, 42px);
  text-align: center;
}

.ses-visi-cont {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.ini-sesBody {
  padding: 15px;
}
.ini-sesBody .separador {
  margin: 25px 0;
}
.ini-sesBody .panel-ini-sesCont {
  background-color: rgba(255, 255, 255, 0.5490196078);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  border-radius: 12px;
}
.ini-sesBody .panel-ini-sesCont .panel-ini-cantInfo {
  background-color: transparent;
}
.ini-sesBody .panel-ini-cantInfo {
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 180px;
}

.info-toolTip-cont {
  position: relative;
}
.info-toolTip-cont .info-toolTip {
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: absolute;
  z-index: 10000000;
  background-color: #ffffff;
  padding: 25px 15px;
  border-radius: 8px;
  box-shadow: 4px 6px 17px 7px rgba(149, 150, 153, 0.2705882353);
  transition: all 0.2s linear;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
}
.info-toolTip-cont .info-toolTip.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.info-toolTip-cont .info-toolTip-title {
  color: #959699;
  font-size: 14px;
  font-weight: 700;
}
.info-toolTip-cont .info-toolTip-text {
  color: #959699;
  font-size: 13px;
  font-weight: 600;
}

.call-tooltip {
  width: 275px;
  left: -290px;
  top: -71px;
  position: relative;
  transform-origin: right center;
}
.call-tooltip::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.ses-tooltip {
  width: 275px;
  right: -290px;
  top: -73px;
  position: relative;
  transform-origin: left center;
}
.ses-tooltip::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-right: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
@media screen and (max-width: 1440px) {
  .ses-tooltip {
    width: 275px;
    right: 36px;
    top: -73px;
    transform-origin: right center;
  }
  .ses-tooltip::after {
    content: "";
    position: absolute;
    left: unset;
    right: -19px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid #ffffff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}
@media screen and (max-width: 996px) {
  .ses-tooltip {
    width: 275px;
    right: -20px;
    top: 35px;
    transform-origin: 245px -10px;
  }
  .ses-tooltip::after {
    content: "";
    position: absolute;
    left: unset;
    right: 21px;
    top: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-right: 10px solid transparent;
  }
}

.dispo-tooltip {
  width: 315px;
  right: -330px;
  top: -66px;
  position: relative;
  transform-origin: left center;
}
.dispo-tooltip::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-right: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
@media screen and (max-width: 1174px) {
  .dispo-tooltip {
    width: 275px;
    right: -20px;
    top: 35px;
    transform-origin: 245px -10px;
  }
  .dispo-tooltip::after {
    content: "";
    position: absolute;
    left: unset;
    right: 21px;
    top: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-right: 10px solid transparent;
  }
}

.calen-tooltip {
  width: 315px;
  right: -147px;
  bottom: -147px;
  position: relative;
  transform-origin: center top;
}
.calen-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
@media screen and (max-width: 720px) {
  .calen-tooltip {
    right: -20px;
    top: 35px;
    transform-origin: 283px -10px;
  }
  .calen-tooltip::after {
    content: "";
    position: absolute;
    left: unset;
    right: 21px;
    top: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-right: 10px solid transparent;
  }
}

.gmt-tooltip {
  width: 275px;
  left: -290px;
  top: -67px;
  position: relative;
  transform-origin: right center;
}
.gmt-tooltip::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
@media screen and (max-width: 1142px) {
  .gmt-tooltip {
    left: 39px;
    transform-origin: left center;
  }
  .gmt-tooltip::after {
    content: "";
    position: absolute;
    left: unset;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ffffff;
  }
}

.categ-tooltip {
  width: 330px;
  right: -345px;
  top: -76px;
  position: relative;
  transform-origin: left center;
}
.categ-tooltip::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-right: 10px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

/* Estilos para el contenedor de Jitsi Meet */
#jitsi-container {
  position: relative;
  width: 100%;
  height: 100%; /* Usar toda la altura del contenedor padre */
  min-height: clamp(300px, 19.23077vw + 230.77px, 600px);
  border-radius: 20px;
  overflow: hidden;
  background-color: #00beb4;
  display: flex;
  align-items: center;
  justify-content: center;
}

#jitsi-container iframe {
  width: 100% !important;
  height: 100% !important; /* Forzar que use toda la altura */
  border: none;
  border-radius: 20px;
}

/* Contenedor principal para paciente */
.patient-call-container {
  width: 95%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 0;
  min-height: calc(100vh - 130px);
}

/* Área de video ocupa la mayor parte */
.patient-video-area {
  flex: 1;
  min-height: clamp(300px, 19.23077vw + 230.77px, 600px);
  height: calc(100vh - 250px); /* Altura específica para usar todla pantalla */
  border-radius: 20px;
  overflow: hidden;
}

/* Footer con botón de finalizar */
.patient-call-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  background-color: #f9f9f9;
  border-radius: 15px;
  gap: 20px;
}

/* Botón de finalizar para paciente */
.patient-end-button {
  background-color: #ff142b;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  padding: 15px 40px;
  border: none;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 720px) {
  .patient-end-button {
    padding: clamp(10px, 1.38889vw + 5px, 15px);
    font-size: clamp(14px, 0.55556vw + 12px, 16px);
  }
}

.patient-end-button:hover {
  background-color: #af1625;
}

/* Texto de tiempo */
.patient-time-text {
  font-size: 18px;
  color: #959699;
  font-weight: 600;
}

/* Ocultar algunos elementos de la interfaz de Jitsi para que se vea más limpio */
#jitsi-container .jitsi-watermark,
#jitsi-container .subject,
#jitsi-container .dominant-speaker {
  display: none !important;
}

/* Ocultar loading cuando hay iframe activo */
#jitsi-container iframe ~ .jitsi-loading,
#jitsi-container iframe ~ .jitsi-status-message {
  display: none !important;
}

/* Asegurar que el iframe tenga z-index superior y altura completa */
#jitsi-container iframe {
  position: relative;
  z-index: 10;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(300px, 19.23077vw + 230.77px, 600px) !important;
  max-height: none !important;
}

/* Loading y mensajes con z-index inferior */
.jitsi-loading,
.jitsi-status-message {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Estilos para mensajes de estado en el contenedor */
#jitsi-container .jitsi-status-message {
  color: #ffffff;
  text-align: center;
  font-family: "Quicksand", serif;
  font-weight: 600;
}

#jitsi-container .jitsi-status-message h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #ffffff;
}

#jitsi-container .jitsi-status-message p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #ffffff;
  opacity: 0.9;
}

#jitsi-container .jitsi-retry-button {
  padding: 12px 25px;
  background: #05a8a5;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  font-family: "Quicksand", serif;
  transition: background-color 0.3s ease;
}

#jitsi-container .jitsi-retry-button:hover {
  background: #008095;
}

/* Spinner de carga para Jitsi */
.jitsi-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #ffffff;
}

.jitsi-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #ffffff;
  border-radius: 50%;
  animation: jitsi-spin 1s linear infinite;
  margin-bottom: 20px;
}

@keyframes jitsi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Estilos para el contenedor de Jitsi Meet */
/* Asegurar que el contenedor padre tenga altura */
.call-viewCont {
  min-height: clamp(300px, 19.23077vw + 230.77px, 600px);
  height: 100%;
}

/* Ajustes para que Jitsi se vea bien en el diseño */
.call-container {
  min-height: clamp(300px, 19.23077vw + 230.77px, 600px);
}

/* Ocultar algunos elementos de la interfaz de Jitsi para que se vea más limpio */
#jitsi-container .jitsi-watermark,
#jitsi-container .subject,
#jitsi-container .dominant-speaker {
  display: none !important;
}

/* Ocultar loading cuando hay iframe activo */
#jitsi-container iframe ~ .jitsi-loading,
#jitsi-container iframe ~ .jitsi-status-message {
  display: none !important;
}

/* Asegurar que el iframe tenga z-index superior */
#jitsi-container iframe {
  position: relative;
  z-index: 10;
}

/* Loading y mensajes con z-index inferior */
.jitsi-loading,
.jitsi-status-message {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Estilos para mensajes de estado en el contenedor */
#jitsi-container .jitsi-status-message {
  color: #ffffff;
  text-align: center;
  font-family: "Quicksand", serif;
  font-weight: 600;
}

#jitsi-container .jitsi-status-message h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #ffffff;
}

#jitsi-container .jitsi-status-message p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #ffffff;
  opacity: 0.9;
}

#jitsi-container .jitsi-retry-button {
  padding: 12px 25px;
  background: #05a8a5;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  font-family: "Quicksand", serif;
  transition: background-color 0.3s ease;
}

#jitsi-container .jitsi-retry-button:hover {
  background: #008095;
}

/* Spinner de carga para Jitsi */
.jitsi-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #ffffff;
}

.jitsi-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #ffffff;
  border-radius: 50%;
  animation: jitsi-spin 1s linear infinite;
  margin-bottom: 20px;
}

@keyframes jitsi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Controles personalizados de Jitsi */
.jitsi-custom-controls {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#jitsi-container:hover .jitsi-custom-controls {
  opacity: 1;
}

.jitsi-control-btn {
  background: rgba(0, 0, 0, 0.7);
  border: none;
  color: white;
  padding: 12px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.jitsi-control-btn:hover {
  background: rgba(0, 0, 0, 0.9);
}

.jitsi-control-btn.muted {
  background: #ff142b;
}

.jitsi-control-btn.muted:hover {
  background: #af1625;
}

.no-results {
  text-align: center;
  padding: 20px;
  color: #666;
  font-style: italic;
}

.profBusc-item.selected {
  background-color: rgba(33, 150, 243, 0.1);
  border-left: 3px solid #2196f3;
}

.profBusc-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Estilos para estados de certificaciones */
.perfInfo-expCard.sinAprob {
  border-left: 4px solid #ff9800;
  background-color: rgba(255, 152, 0, 0.05);
}

.perfInfo-expCard.aprobado {
  border-left: 4px solid #4caf50;
  background-color: rgba(76, 175, 80, 0.05);
}

.perfInfo-expCard.rechazado {
  border-left: 4px solid #f44336;
  background-color: rgba(244, 67, 54, 0.05);
}

.perfInfo-expCard {
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.perfInfo-expCard:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.perfInfo-expBtncont {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.perfInfo-expBtncont .button {
  flex: 1;
  text-align: center;
  padding: 8px 16px;
  font-size: 14px;
}

.no-results {
  text-align: center;
  padding: 20px;
  color: #666;
  font-style: italic;
}

.login-body {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-cont {
  width: 90%;
  max-width: 770px;
  height: 100px;
}

.badge-sin-turnos {
    background-color: #e0f7fa;
    color: #006064;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}
/*# sourceMappingURL=styles.css.map */