@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
html {
  scroll-behavior: smooth;
}

p, body, table, tr, td, a, html, ul, li {
  font-family: "Manrope", sans-serif;
  color: #3D332F;
  font-size: 16px;
  line-height: 1.25;
}

h1 {
  font-size: 42px;
  line-height: 1.25;
  font-weight: 400;
}

h2 {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 400;
}

h3 {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 400;
}

a:hover {
  transition: all 0.2s;
}

.container {
  display: grid;
  grid-template-columns: 310px 75%;
  grid-gap: 30px;
  padding: 30px;
  box-sizing: border-box;
}
.container__content {
  max-width: 100%;
}
.croppie-container{
    height:auto !important;
}
.breadcrumb {
  display: flex;
  align-items: center;
  padding-bottom: 25px;
}
.breadcrumb__link {
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
.breadcrumb__link:hover {
  color: #52840C;
}

.header {
  padding-bottom: 25px;
}
.header__title {
  color: #52840C;
  padding: 0 0 15px 0;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400;
}
.header__text {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.responsive {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #F5F5EF;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  padding: 20px;
  text-align: center;
  z-index: 100;
}

@media only screen and (max-width: 1340px) {
  body {
    overflow: hidden;
  }
}
/* reset.css — básico y efectivo */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#summary {
    padding-left:25px !important;
}
div#summary > ul {
    list-style: disc !important;
}
div#summary > ul > li > a {
    text-decoration: none;
}

#iaPopup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 390px;
    height: 650px;
    background-color: White;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    z-index: 9999; /* se muestra encima del resto */
    overflow: hidden;
}
#iaPopup video {
    width: 100%;
    height: 100%;
}
#closePopup {
    position: absolute;
    top: 5px;
    right: 8px;
    background-color: whitesmoke;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 6px;
    z-index: 9999;
}
img, picture, video, canvas, svg {
    display: block;
    /*max-width: 100%;*/
}

input, button, textarea, select {
  font: inherit;
}

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

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select, textarea, label {
  font-family: "Manrope", sans-serif;
}

.input-container {
  background: #f5f5eb;
  border-radius: 10px;
  padding: 14px 20px 12px;
  margin-bottom: 20px;
  position: relative;
}

.input-label {
  position: absolute;
  top: 8px;
  left: 20px;
  font-size: 12px;
  color: #444;
}

.input-text {
  font-weight: 700;
  font-size: 16px;
  color: #111;
  margin-top: 20px;
  border: none;
  background: transparent;
  width: 100%;
  outline: none;
}

/* Input con tipo password */
.password-container {
  background: #f5f5eb;
  border-radius: 10px;
  padding: 14px 20px 12px;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.password-label {
  position: absolute;
  top: 8px;
  left: 20px;
  font-size: 12px;
  color: #444;
}

input[type=password] {
  font-weight: 700;
  font-size: 16px;
  color: #111;
  border: none;
  background: transparent;
  width: 100%;
  padding-right: 30px;
  outline: none;
  padding-top: 18px;
}

/* Icono ojo */
.eye-icon {
  cursor: pointer;
  font-size: 20px;
  color: #222;
  margin-left: 10px;
}

/* Checkbox estilo */
.checkbox-container {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.checkbox-custom {
  width: 22px;
  height: 22px;
  background: #5a8a20;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
}

input#recuerdame {
    display: none;
}

input[type=checkbox]:checked + .checkbox-custom {
  background: #5a8a20;
}

label[for=recuerdame] {
  font-size: 14px;
  color: #222;
}

.btn, .k-button {
  padding: 4px 20px !important;
  border-radius: 100px;
  display: flex;
  align-items: center;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  cursor: pointer;
}
.btn img, .k-button img {
  padding-left: 15px;
}
.btn:hover, .k-button:hover {
  transition: all 0.4s;
}
.btn-primary, .k-button-primary {
  border: 2px solid #52840C;
  background-color: #fff;
}
.btn-primary:hover, .k-button-primary:hover {
  background-color: #EEF3E7;
}
.btn-primary:active, .k-button-primary:active {
  border: 2px solid #395C08;
  background-color: #EEF3E7;
  transition: all 0.5s;
}
.btn-primary:active img, .k-button-primary:active img {
  filter: brightness(70%);
}

.btn-secondary img {
    padding-left:5px;
    scale: 0.9;
}

.btn-secondary {
    border: 2px solid #52840C;
    background-color: #fff;
    font-size:13px;
    font-weight: bold;
}

.btn-secondary:hover {
    background-color: #EEF3E7;
}

.btn-secondary:active {
    border: 2px solid #395C08;
    background-color: #EEF3E7;
    transition: all 0.5s;
}

.btn-secondary:active img {
    filter: brightness(70%);
}
.k-primary,
.k-outline {
  border: 2px solid #52840C;
  background-color: #fff;
  color: #52840C;
}
.k-primary:hover,
.k-outline:hover {
  background-color: #EEF3E7;
}
.k-primary:active,
.k-outline:active {
  border: 2px solid #395C08;
  background-color: #EEF3E7;
  transition: all 0.5s;
}
.k-primary:active img,
.k-outline:active img {
  filter: brightness(70%);
}
.k-success {
  background-color: #395C08;
  color: #fff;
  border: 2px solid #395C08;
}
.k-success:hover {
  background-color: #fff;
  color: #52840C;
}
.k-success:hover img {
  filter: sepia(1) saturate(10000%) hue-rotate(70deg) brightness(0.6);
}

div[class*=sidebar__] {
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 0;
}
div[class*=sidebar__]:first-child {
  padding-top: 0;
}
div[class*=sidebar__]:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

span.icon{
    display:flex;
    align-items:center;
}
.icon > img {
    margin-right:15px;
}
.sidebar {
  border-radius: 20px;
  border: 1px solid #E6E6E6;
  padding: 20px 20px;
  position: fixed;
}
.sidebar__info__text {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
}
.sidebar__info__text span {
  color: #52840C;
}
.sidebar__avatar {
  display: flex;
  align-items: center;
}
.sidebar__avatar .info__name {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  padding-left: 10px;
}
.sidebar__menu .link {
  display: flex;
  padding: 18px 10px;
  cursor: pointer;
  align-items: center;
}
.sidebar__menu .link img {
  padding-right: 10px;
}
.sidebar__menu .link .text {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
}
.sidebar__menu .link:hover,
.sidebar__menu .link .active {
  background-color: #F5F5EF;
  border-right: 3px solid #52840C;
}
.sidebar__users .users__title {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  color: #52840C;
  padding-bottom: 10px;
}
.sidebar__users .users__list .item {
  display: flex;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 400;
  align-items: center;
}
.sidebar__users .users__list .item .number {
  color: #52840C;
  font-weight: 600;
}
.sidebar__users .users__list .item img {
  padding-right: 10px;
}
.sidebar__assistant .link, .sidebar__logout .link {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.sidebar__assistant .link:hover, .sidebar__logout .link:hover {
  color: #52840C;
  text-decoration: underline;
}
.sidebar__assistant .link img, .sidebar__logout .link img {
  padding-right: 10px;
}

.userdetail {
  border: 1px solid #52840C;
  border-radius: 10px;
  padding: 10px;
}
.userdetail__info {
  border-bottom: 1px solid #E6E6E6;
  display: grid;
  grid-template-columns: 0.8fr 0.5fr 0.5fr;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  align-items: center;
}
.userdetail__info div {
  border-right: 1px solid #E6E6E6;
  /*padding-right: 15px;*/
  margin-right: 15px;
  height: 100%;
}
.userdetail__info .photo {
  display: flex;
  align-items: center;
}
.userdetail__info .photo__img {
  width: 70px;
}
.userdetail__info .photo__name {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  padding: 0 0 0 15px;
}
.userdetail__info .photo__name span {
  color: #52840C;
  font-weight: 700;
}
.userdetail__info .like {
  display: flex;
  align-items: center;
  justify-content: center;
}
.userdetail__info .like__name,
.userdetail__info .birth__text {
  padding: 0 0 0 10px;
  color: #7E716B;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}
.userdetail__info .like__name span.vlike,
.userdetail__info .birth__text span.vbirth {
  color: #52840C;
  font-weight: 700;
  font-size: 18px;
}
.userdetail__info .birthday {
  align-items: center;
  display: flex;
  justify-content: center;
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.userdetail__info .birthday__date  {
    border-right: none;
}
.userdetail__info .birthday__date div {
    border-right: none;
}
.userdetail__info .birthday__day {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    border-radius: 100px;
    border: 1px solid #52840C;
    padding: 5px 10px;
    height: auto;
    align-items: center;
}
.userdetail__info .birthday__day img {
  padding-right: 10px;
}
.userdetail__info .birthday__day .text {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  color: #000;
}
.userdetail__assistance {
  padding: 0 0 10px 10px;
}
.userdetail__assistance .text {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  color: #52840C;
  padding: 0 0 10px 0;
}
.userdetail__assistance .hours {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.userdetail__assistance .hours__list {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #E6E6E6;
}
.userdetail__assistance .hours__list:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
.userdetail__assistance .hours__list span {
  color: #52840C;
  font-weight: bold;
  display: block;
}

.table-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 25px 0;
}
.list {
  display: flex;
}
.list__item {
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 6px;
  transition: background 0.2s ease;
  margin: 0 10px 0 0;
  border: 1px solid #B8CD9B;
  padding: 5px 15px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.list__item:hover {
  background-color: #EEF3E7;
  border: 1px solid #52840C;
}
.list__item.selected {
  background-color: #d1e7dd;
  font-weight: 600;
  color: #0f5132;
}

.filter__search {
  position: relative;
}
.filter__search .k-input > * {
  border-radius: 100px;
  padding-left: 50px;
  width: 300px;
}
.filter__search::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  background: url(../images/icons/icon-search.svg) no-repeat center center;
  background-size: cover;
  top: 50%;
  left: 265px;
  transform: translate(0, -50%);
  z-index: 10;
}
.filter__content {
  max-height: 0;
  transition: max-height 1s;
  overflow: hidden;
  box-sizing: border-box;
}
.filter__content.show {
  max-height: 200px;
}
.filter__content .title {
  font-size: 14px;
  color: #7E716B;
  padding-bottom: 10px;
}
.filter__content .title:first-child {
  padding-top: 0;
}
.filter__content .list:last-child {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
.filter__icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #52840C;
  border-top: 2px solid #52840C;
  transform: rotate(45deg);
  margin-left: 6px;
  transition: transform 0.3s ease;
}
.filter__button.active .filter__icon {
  transform: rotate(-135deg);
}
.filter__label {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  cursor: pointer;
  color: #325107;
}
.filter__label:hover {
  opacity: 0.7;
  transition: all 0.4s;
}

#userlist .avatar {
  display: flex;
  align-items: center;
  font-weight: 600;
}
#userlist .avatar img {
  max-width: 30px;
  margin-right: 10px;
}
#userlist .col-dni {
  font-weight: 600;
}
#userlist .col-numberidenti {
  font-weight: 600;
}
#userlist .col-state .state {
  font-size: 14px;
  color: #000;
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 100px;
  border: 1px solid #52840C;
}
#userlist .col-state .state .colorbaja {
  border-color: red;
}
#userlist .col-icon {
  /*display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #52840C;
  border-top: 2px solid #52840C;
  transform: rotate(45deg);
  margin-left: 6px;
  transition: transform 0.3s ease;*/
  cursor: pointer;
}
#userlist .col-icon .icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #52840C;
  border-bottom: 2px solid #52840C;
  transform: rotate(-45deg);
  margin: 5px;
}
#userlist .col-icon .icon:hover {
  opacity: 0.5s;
}

.tab__header {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 10px 10px 0 0;
  margin-top: 30px;
}
.tab__header .tab {
  padding: 12px 15px;
  border-right: 1px solid #E6E6E6;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.tab__header .tab img {
  margin-right: 10px;
}
.tab__header .tab:last-child {
  border-right: none;
  border-radius: 0 10px 0 0;
}
.tab__header .tab:first-child {
  border-radius: 10px 0 0 0;
}
.tab__header .tab:hover {
  background-color: #FFF3DC;
}
.tab__header .tab.active {
  font-weight: bold;
  background: #FFF3DC;
}
.tab__content {
  display: none;
  padding: 20px 0;
}
.tab__content.active {
  display: block;
  margin-top:20px;
}

#userplan .col-day {
  font-weight: bold;
}

#userdates .col-info {
    font-weight: bold;
}

.col-info {
  font-weight: bold !important;
}

#usertasks .col-task {
  font-weight: bold;
}

#userhistory .col-history {
  font-weight: bold;
}

#userfiles.k-grid .k-table-row {
  background: #F5F5EF;
  border: 1px solid #F0EEED;
  border-radius: 15px;
}
#userfiles .col-image .thumb {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #52840C;
}
#userfiles .col-image .thumb img {
  margin-right: 15px;
}
#userfiles .col-preview .content,
#userfiles .col-download .content {
  display: flex;
  align-items: center;
}
#userfiles .col-preview .content img,
#userfiles .col-download .content img {
  margin-right: 15px;
}

/* Contenedor de la imagen dentro del modal */
#image-modal {
  text-align: center;
  padding: 1rem;
}

#zoom-image {
  max-width: 100%;
  max-height: 80vh;
  transition: transform 0.3s ease;
}

/* Controles de zoom */
.zoom-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 1rem;
}

.zoom-controls button {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
}

.zoom-controls button:hover {
  background-color: #e0e0e0;
}

/* Botón de cerrar (opcional, si no usas la X de Kendo) */
#close-modal {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  text-decoration: underline;
}

#image-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
}
#image-modal button {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#image-modal .zoom-button {
  position: absolute;
  bottom: 30px;
  background-color: #fff;
  padding: 15px 20px 10px 20px;
  border-radius: 5px;
}
#image-modal .zoom-button button:nth-child(2) {
  padding: 0 10px;
}
#image-modal .download {
  position: absolute;
  top: 10px;
  right: 30px;
  color: #fff;
  font-size: 18px;
}
#image-modal .download a {
  display: flex;
  align-items: center;
}
#image-modal .close {
  position: absolute;
  top: 10px;
  left: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.login {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.login__image {
  background: url(../../images/login.png) no-repeat bottom left;
  background-size: cover;
  border-radius: 0 20px 20px 0;
}
.login__form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__form__content {
  width: 530px;
}
.login__form__content .subtitle {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
.login__form__content .title {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  white-space: nowrap;
}
.login__form__content .title span {
  color: #52840C;
}
.login__form__content .text {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  padding: 30px 0;
}
.login .forgot__password {
  font-family: "Manrope", sans-serif;
  padding-top: 80px;
}
.login .forgot__password a {
  color: #47017D;
  text-decoration: underline;
}

.codigo-container {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.codigo-input {
  width: 75px;
  height: 75px;
  font-size: 32px;
  text-align: center;
  border: 2px solid transparent;
  border-radius: 10px;
  background-color: #F5F5EF;
  transition: border-color 0.2s ease;
}

.codigo-input:focus {
  outline: none;
  border-color: #B8CD9B; /* Verde suave */
}

.step1.hide {
  display: none;
}

.step2 {
  padding-bottom: 40px;
  opacity: 0;
  display: none;
}
.step3 {
    padding-bottom: 40px;
    opacity: 0;
    display: none;
}
.step3.show {
    display: block;
    opacity: 1;
    transition: all 0.5s;
}
.step2.show {
  display: block;
  opacity: 1;
  transition: all 0.5s;
}

.grid__list .k-listview-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  padding: 0 20px 20px 0;
}
.k-tooltip-content .item__list {
    border-radius: 8px;
    border: 1px solid #52840C;
    background-color: #F5F5EF;
    padding: 14px 14px 5px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: box-shadow 0.2s ease;
    max-width:250px;
}
.k-tooltip-content .item__list .image {
    width: 220px;
    height: auto;
    border-radius: 8px;
    margin: 0 0 4px 0;
}
.k-tooltip-content .item__list .date {
    color: #52840C;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    padding: 0;
}
.k-tooltip-content .item__list .title {
    font-size: 14px;
    line-height: 1.25;
    font-weight: bold;
    color: #000;
}

.k-tooltip-content .item__list .link {
    color: #000;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.k-tooltip-content .item__list .link span {
    color: #52840C;
    font-size: 30px;
    line-height: 1.25;
    font-weight: bold;
}

.k-tooltip-content .item__list .link:hover {
    text-decoration: none;
    color: #52840C;
}
.k-tooltip{
    background-color: inherit !important;
    padding:0px !important;
}
.k-tooltip .k-callout {
    color: #52840C !important;
}
.grid__list .item__list {
    border-radius: 8px;
    background-color: #F5F5EF;
    padding: 14px 14px 5px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: box-shadow 0.2s ease;
}
.grid__list .item__list .image {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 0 0 4px 0;
}
.grid__list .item__list .type {
  background-color: #B8CD9B;
  color: #000;
  padding: 8px 15px;
  border-radius: 100px;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
.grid__list .item__list .date {
  color: #52840C;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  padding: 0;
}
.grid__list .item__list .title {
  font-size: 14px;
  line-height: 1.25;
  font-weight: bold;
  color: #000;
}
.grid__list .item__list .link {
  color: #000;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.grid__list .item__list .link span {
  color: #52840C;
  font-size: 30px;
  line-height: 1.25;
  font-weight: bold;
}
.grid__list .item__list .link:hover {
  text-decoration: none;
  color: #52840C;
}

/* Estilo base para scroll en navegadores WebKit (Chrome, Edge, Safari) */
.grid__list.k-listview::-webkit-scrollbar {
  width: 10px;
}

.grid__list.k-listview::-webkit-scrollbar-track {
  background: transparent;
}

.grid__list.k-listview::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.grid__list.k-listview::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

/* Firefox */
.grid__list.k-listview {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.documentation__detail {
  width: 90%;
  margin: 0 auto;
}
.documentation__detail .info {
  max-width: 85%;
  margin: 0 auto;
  padding: 40px 0 15px 0;
  display: flex;
  align-items: center;
}
.documentation__detail .info .type {
  background-color: #B8CD9B;
  color: #000;
  padding: 8px 15px;
  border-radius: 100px;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
.documentation__detail .info .date {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  padding-left: 10px;
}
.documentation__detail .summary {
  max-width: 85%;
  margin: 0 auto;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
}
.documentation__detail .summary .title, .documentation__detail .summary h1, .documentation__detail .summary h2, .documentation__detail .summary h3 {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  padding-bottom: 15px;
  color: #52840C;
}
.documentation__detail .summary .text {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  padding-bottom: 15px;
  color: #000;
}
.documentation__detail .content {
  padding: 60px 0 60px 0;
  max-width: 85%;
  margin: 0 auto;
}
.documentation__detail .content .title, .documentation__detail .content h2, .documentation__detail .content h3, .documentation__detail .content h4, .documentation__detail .content h5 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 15px;
  color: #64544D;
}
.documentation__detail .content .text, .documentation__detail .content p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding-bottom: 22px;
  color: #000;
}
.documentation__detail .content .legend {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  color: #000;
}
.documentation__detail .slidedoc {
  max-width: 85%;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 85px;
}
.documentation__detail .slidedoc__content {
  width: 100%;
  position: relative;
}
.documentation__detail .slidedoc .slide-counter {
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: -36px;
  width: 100px;
  font-size: 14px;
  font-weight: normal;
}
.documentation__detail .slidedoc .owl-carousel .owl-stage-outer {
  max-width: 100%;
  overflow: hidden;
}
.documentation__detail .slidedoc .owl-carousel .owl-item {
  width: auto;
}
.documentation__detail .slidedoc .owl-carousel .item {
  text-align: center;
}
.documentation__detail .slidedoc .owl-carousel .item img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.documentation__detail .slidedoc .owl-carousel .item .legend {
    margin-top: 7px;
    text-align: left;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 10px;
    color: #000;
    text-align: center;
}
.documentation__detail .slidedoc .owl-theme .owl-dots .owl-dot.active span {
  background-color: #52840C;
  width: 110px;
  transition: all 0.5;
}
.documentation__detail .slidedoc .owl-theme .owl-dots .owl-dot span {
  background-color: #7E716B;
  transition: all 0.5s;
  width: 15px;
  height: 15px;
}
.documentation__detail .slidedoc .owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
  opacity: 0.7;
}
.documentation__detail .slidedoc .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  margin-top: 0;
}
.documentation__detail .slidedoc .owl-theme .owl-dots {
  position: absolute;
  left: 0;
  bottom: -40px;
}
.documentation__detail .slidedoc .owl-theme .owl-nav [class*=owl-] {
  margin-top: 0;
}
.documentation__detail .download {
  margin: 0 auto;
  max-width: 85%;
}
.documentation__detail .download .title {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 15px;
  color: #64544D;
}
.documentation__detail .download__item {
  background-color: #F5F5EF;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.documentation__detail .download__item .text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #52840C;
}
.documentation__detail .download__item .button {
  display: flex;
  align-items: center;
}
.documentation__detail .download__item .button span {
  padding-left: 8px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  text-decoration: none;
}
.documentation__detail .download__item .button span:hover {
  color: #52840C;
  text-decoration: none;
  transition: all 0.5s;
}
#docs__calendar .k-button-icon{
    margin-right:5px;
}
#docs__calendar .k-scheduler-refresh{
    display:none !important;
}
#docs__calendar .k-scheduler-table{
    border-spacing: 5px;
}
#docs__calendar .k-scheduler-cell{
    border-width: 1px;
    border-radius: 5px;
}
#docs__calendar .k-scheduler-header-wrap .k-scheduler-cell {
    border-width: 0px;
}
#docs__calendar .k-today{
    border-color: orangered;
    border-width:2px;
}
.item__event {
    padding:5px;
    font-size:12px;
}
#docs__calendar .k-event {
    background-color: #EEF3E7;
    color: #3D332F;
    border: 1px solid #52840C;
}
.doc__actions {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 25px 0 30px 0;
}

.menu {
  border: 1px solid #E6E6E6;
  padding: 15px 30px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.menu__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu__content .item a {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
}
.menu__content .item a:hover {
  border-bottom: 3px solid #52840C;
  font-weight: bold;
}

.profile__content {
  display: grid;
  grid-template-columns: auto 250px;
  gap: 40px;
}
.profile__content .block {
  margin-top: 25px;
}
.profile__content .block.subdivision .link {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #B8CD9B;
  color: #000;
  font-size: 14px;
  border-radius: 8px;
  margin-bottom: 10px;
  margin-right: 5px;
}
.profile__content .block .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.profile__content .block .actions .title {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
  color: #52840C;
  padding-right: 25px;
}
.profile__content .block button.editicon {
  padding: 5px;
  font-size: 16px;
  display: flex;
  border: none !important;
}
.profile__content .block button.editicon:hover {
  background-color: #fff;
  color: #000;
}
.profile__content .block .content {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 20px;
}
.profile__content .block .content__form p {
  padding-bottom: 15px;
  font-size: 14px;
}
.profile__content .block .content__form h4 {
  padding-bottom: 5px;
}
.profile__content .block .content__form h4:last-child {
  padding-top: 20px;
}
.profile__content .block .content__form .buttons {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
}
.profile__content .block .content__form.static {
  cursor: not-allowed;
}
.profile__content .block .content__form.static input {
  cursor: not-allowed;
}
.profile__content .block .content__form.static .item {
  display: grid;
  align-items: center;
  gap: 20px;
  grid-template-columns: 180px 1fr;
}
.profile__content .block .content__form.static .item label {
  display: block;
}
.profile__content .block .content__form.static .item input {
  background-color: transparent;
  color: #000;
  font-weight: normal;
  font-size: 14px;
  border: none;
}
.profile__content .block .content__form.static .item .k-input-solid {
  color: #000 !important;
}
.profile__content .block .content .item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F0EEED;
}
.profile__content .block .content label {
  padding-left: 15px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  margin-bottom: 8px;
  display: block;
}
.profile__content .block .content input {
  font-weight: bold;
}
.profile__content hr {
  border: 1px solid #F0EEED;
  margin-top: 15px;
  margin-bottom: 15px;
}

.right .title {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
  padding-bottom: 20px;
}
.right .thumb {
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  padding: 15px;
}
.right .thumb .image {
  border-radius: 8px;
  margin-bottom: 20px;
  max-width: 200px;
}
.right .thumb .link {
  display: flex;
  align-items: center;
}
.right .thumb .link:hover {
  color: #52840C;
  opacity: 0.5;
}

#thumbsuser .action__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #F0EEED;
  padding: 20px 0 15px 0;
}
#thumbsuser .action__buttons button {
  border: none;
  display: flex;
  align-items: center;
}
#thumbsuser .action__buttons button:nth-child(3) {
  border-left: 1px solid #F0EEED;
  border-right: 1px solid #F0EEED;
  border-radius: 0;
}

.k-window-title {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 700;
  padding: 30px 0;
}

.k-window-titlebar {
  border-radius: 8px 8px 0 0;
}

.k-window-content {
  border-radius: 0 0 8px 8px;
}

.grid-check {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas */
  grid-template-rows: repeat(3, auto); /* 3 filas */
  gap: 16px; /* espacio entre celdas */
}

/* Fondo verde cuando está marcado */
/* Cambia el fondo y el borde cuando está marcado */
.k-checkbox:checked + .k-checkbox-label,
.k-checkbox:checked {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
}

/* El check (✓) blanco */
.k-checkbox:checked::before {
  color: #fff !important;
  font-weight: bold;
}

/* Estilo cuando está deshabilitado pero marcado */
.k-checkbox:checked:disabled {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
  opacity: 0.8;
}

.k-checkbox:checked:disabled::before {
  color: #fff !important;
}

.k-checkbox:checked, .k-checkbox.k-checked {
  border-color: var(--kendo-color-primary, #1274AC);
  color: var(--kendo-color-on-primary, white);
  background-color: var(--kendo-color-primary, #1274AC);
}

.itemcheck,
.itemradio {
  display: flex;
  align-items: center;
}
.itemcheck label,
.itemradio label {
  margin-bottom: 0 !important;
  padding-left: 10px !important;
}

/* Estilo base para scroll en navegadores WebKit (Chrome, Edge, Safari) */
.grid__list.k-listview::-webkit-scrollbar {
  width: 10px;
}

.grid__list.k-listview::-webkit-scrollbar-track {
  background: transparent;
}

.grid__list.k-listview::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.grid__list.k-listview::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

/* Firefox */
.grid__list.k-listview {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.documentation__detail {
  width: 90%;
  margin: 0 auto;
}
.documentation__detail .info {
  max-width: 85%;
  margin: 0 auto;
  padding: 40px 0 15px 0;
  display: flex;
  align-items: center;
}
.documentation__detail .info .type {
  background-color: #B8CD9B;
  color: #000;
  padding: 8px 15px;
  border-radius: 100px;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
.documentation__detail .info .date {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  padding-left: 10px;
}
.documentation__detail .summary {
  max-width: 85%;
  margin: 0 auto;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
}
.documentation__detail .summary .title, .documentation__detail .summary h1, .documentation__detail .summary h2, .documentation__detail .summary h3 {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  padding-bottom: 15px;
  color: #52840C;
}
.documentation__detail .summary .text {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  padding-bottom: 15px;
  color: #000;
}
.documentation__detail .content {
  padding: 60px 0 60px 0;
  max-width: 85%;
  margin: 0 auto;
}
.documentation__detail .content .title, .documentation__detail .content h2, .documentation__detail .content h3, .documentation__detail .content h4, .documentation__detail .content h5 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 15px;
  color: #64544D;
}
.documentation__detail .content .text, .documentation__detail .content p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding-bottom: 22px;
  color: #000;
}
.documentation__detail .content .legend {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  color: #000;
}

.col-preview .content,
.col-download .content {
  display: flex;
  align-items: center;
}
.col-preview .content img,
.col-download .content img {
  margin-right: 15px;
}

#reportfiles .col-download {
    cursor: pointer;
}

#image-modal .content-pdf {
  width: 70vw;
  text-align: center;
}
#image-modal .content-pdf .iframe-pdf {
  width: 100%;
  height: 90vh;
}

.reports__header {
  display: grid;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  grid-template-columns: 1fr 1fr;
}
.reports__header .title {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 400;
  color: #52840C;
}
.reports__header .zones {
  display: flex;
  align-items: center;
  justify-content: end;
}
.reports__header .zones .k-picker-solid {
  max-width: 235px;
}
.reports__header .zones .k-input-value-text {
  font-size: 14px;
}
.reports__header .zones__text {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  padding-right: 15px;
}
.reports__charts {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  margin-bottom: 40px;
}
.reports__charts .title {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 400;
  color: #52840C;
}
.reports__charts .row1 {
  padding: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.reports__charts .row1 .info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}
.reports__charts .row1 .info li {
  text-align: center;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.reports__charts .row1 .info li:last-child, .reports__charts .row1 .info li:first-child {
  border: none;
}
.reports__charts .row1 .info li span.number {
  font-weight: 600;
  color: #52840C;
}
.reports__charts .row2 {
  padding: 20px;
}
.reports__charts .row2 .charts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.reports__charts .row2 .charts [class^=chart] {
  text-align: center;
}
.reports__grid .title {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 400;
  color: #52840C;
}
.reports__grid .tab__header {
  margin-top: 20px;
}
.reports__grid .custom-toolbar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.reports__grid .custom-toolbar .k-primary, .reports__grid .custom-toolbar .k-outline {
  font-size: 14px;
}

.reports-filter .k-input > *, .reports-filter .k-picker > * {
  background-color: #F5F5F5;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}
.reports-filter .reports-filter .k-picker > * {
  background-color: #fff !important;
}
.reports-filter .k-button-md.k-icon-button {
  position: absolute;
  right: 15px;
  z-index: 10;
  top: 50%;
  transform: translate(0, -50%);
}
.reports-filter .k-input-solid {
  position: relative;
}
.reports-filter .title {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 20px;
}
.reports-filter button {
  margin: 0 auto;
}
.reports-filter label:last-child {
  padding-top: 10px;
}

.dark {
  background-color: #4A4A4A;
  /***ICONO VERDE***/
  /***ICONO GRIS***/
}
.dark div#summary > ul > li > a {
    text-decoration: none;
    color: inherit !important;
}
.dark #iaPopup {
    background-color: #4A4A4A;
}
.dark .k-calendar td {
    color: inherit !important;
}
.dark .k-scheduler {
    background-color: #5C5858;
}
.dark .k-scheduler-table {
    background-color: #5C5858;
}
.dark .k-scheduler-table {
    background-color: #5C5858;
}
.dark .k-scheduler .k-toolbar-solid {
    background-color: #5C5858 !important;
}
.dark .k-scheduler .k-other-month {
    background-color: #6B6B6B 
}
.dark .k-scheduler .k-button {
    background-color: #6B6B6B !important;
    color: #fff !important;
    border: 1px solid #89B946 !important;
}
.dark .k-scheduler .k-button:hover {
    border-radius: var(--kendo-border-radius-md, 0.25rem);
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark p, .dark a, .dark tr, .dark td, .dark th .sidebar__users .users__list .item,
.dark .k-pager *,
.dark .filter__label,
.dark .list__item,
.dark .documentation__detail .slidedoc .slide-counter,
.dark .sidebar__users .users__list .item,
.dark .reports__header .zones__text,
.dark .reports__charts .row1 .info li,
.dark .profile__content .block .content__form.static .item label,
.dark .profile__content .block .content label {
  color: #FFFFFF !important;
}
.dark .userdetail__info .photo__name span,
.dark .k-tooltip-content .item__list .link span,
.dark .grid__list .item__list .link span,
.dark .documentation__detail .summary .title, .dark .documentation__detail .summary h1, .dark .documentation__detail .summary h2, .dark .documentation__detail .summary h3 {
  color: #89B946 !important;
}
.dark .documentation__detail .content {
    color: #FFFFFF !important;
}
.dark .userdetail__assistance .hours__list span, .dark .userdetail__info .like__name span {
  color: #B8CD9B;
}
.dark .header__title {
  color: #89B946 !important;
}
.dark .userdetail__info .birthday__day {
  border: 1px solid #89B946;
}
.dark .k-grid,
.dark .k-toolbar.k-toolbar-resizable,
.dark .k-grid .k-grid-header,
.dark .k-grid .k-grid-header .k-table-th {
  background-color: #4A4A4A !important;
}
.dark .k-grid .k-table-row {
  background-color: #2B2B2B !important;
  color: #fff !important;
}
.dark .k-grid .k-grid-header .k-table-th {
  color: #fff;
}
.dark .k-grid .k-table-row.k-table-alt-row {
  background-color: #4A4A4A !important;
}
.dark .sidebar {
  background-color: #5C5858;
}
.dark .sidebar__info__text span {
  color: #89B946;
}
.dark .sidebar__users .users__title,
.dark .sidebar__users .users__list .item span .number,
.dark .sidebar__users .users__list .item .number,
.dark .reports__header .title,
.dark .reports__charts .row1 .info li span.number {
  color: #89B946;
}
.dark .k-input > * {
  background-color: transparent !important;
  border: 1px solid #E6E6E6 !important;
  color: #fff !important;
}
.dark .k-picker > * {
    background-color: transparent !important;
    /*color: #fff !important;*/
}
.dark .k-input-solid {
  border-color: #E6E6E6 !important;
  color: #fff !important;
}
.dark .k-listview-content {
  background-color: #4A4A4A;
}
.dark .sidebar__menu .link img,
.dark .sidebar__logout .link img,
.dark .filter__search::before,
.dark .userdetail__info .like img,
.dark .breadcrumb img {
  filter: brightness(1.1) saturate(1.2) hue-rotate(30deg);
}
.dark .sidebar__users .users__list .item img,
.dark .userdetail__info .birthday__day img,
.dark .k-pager-nav.k-button .k-svg-i-caret-alt-left::after,
.dark .k-pager-nav.k-button .k-svg-i-caret-alt-right::after,
.dark .documentation__detail .slidedoc .owl-theme .owl-nav,
.dark .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .dark .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg {
  filter: brightness(0) invert(1);
}
.dark .sidebar__menu .link:hover, .dark .sidebar__menu .link .active {
  background-color: #89B946;
}
.dark #userlist .col-state .state {
  border-color: #89B946;
  background-color: #4A4A4A;
  color: #fff !important;
}
.dark .k-grid-pager {
  background-color: #5C5858 !important;
  color: #fff !important;
}
.dark .k-pager-numbers .k-selected,
.dark .k-pager-md .k-pager-sizes .k-dropdownlist {
    background-color: #6B6B6B !important;
    color: #fff !important;
    border: 1px solid #89B946 !important;
}
.dark .tab__header .tab.active {
  background-color: #2B2B2B;
}
.dark .tab__content {
  border: 1px solid #fff;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
}
.dark .tab__header .tab:hover {
  background-color: #89B946;
}
.dark .k-tooltip-content .item__list {
    background-color: #2B2B2B;
    border: 1px solid #F0EEED;
}
.dark .k-tooltip-content .item__list .link:hover {
  color: #89B946 !important;
  transition: all 0.5;
}
.dark .grid__list .item__list {
  background-color: #2B2B2B;
  border: 1px solid #F0EEED;
}
.dark .grid__list .item__list .link:hover {
  color: #89B946 !important;
  transition: all 0.5;
}
.dark .documentation__detail .slidedoc .owl-theme .owl-dots .owl-dot.active span {
  background-color: #89B946 !important;
}
.dark .documentation__detail .download__item .text,
.dark .documentation__detail .download__item .button span {
  color: #325107 !important;
}
.dark .reports__grid .custom-toolbar .k-primary, .dark .reports__grid .custom-toolbar .k-outline,
.dark .profile__content .block button.editicon {
  background-color: #4A4A4A;
  color: #fff;
}
.dark .profile__content .block .content__form.static .item .k-input-solid,
.dark .profile__content .block .content__form.static .item input {
  border: none !important;
  color: #fff !important;
}
.dark .profile__content .block .content {
  background-color: #2B2B2B;
}
.dark input::-moz-placeholder {
    color: #fff !important;
}
.dark input::placeholder {
  color: #fff !important;
}
.dark .k-success {
  border: 1px solid #89B946;
  background-color: #4A4A4A;
  color: #fff;
}
.dark .k-window-content, .dark .k-window-titlebar, .dark .k-dialog-actions{
  background-color: #5C5858 !important;
  color: #fff !important;
  border-color: #89B946 !important;
}
.dark .k-window-content label, .dark .k-window-titlebar label {
  color: #fff;
}
.dark #filter .reports-filter .k-button-md.k-icon-button {
  width: 80px !important;
  border: none !important;
}

.k-toolbar > * {
  display: block !important;
  width: 100%;
}

.k-input-solid {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

.k-input > *, .k-picker > * {
    background-color: #F5F5EF !important;
    border: none;
    border-radius: 10px;
    padding: 8px 20px;
    color: #000;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
  padding-block: 8px;
  padding-inline: 8px;
}

.k-input:focus-visible {
  background-color: #000 !important;
}

.k-input-solid:focus,
.k-input-solid.k-focus {
  box-shadow: none !important;
}

.k-toolbar .k-input, .k-toolbar .k-picker {
  width: auto !important;
}

.k-toolbar-solid {
  background-color: #fff !important;
}

.k-grid {
  border: none !important;
  background-color: #fff !important;
}
.k-grid .k-table-row.k-table-alt-row {
  background-color: #F5F5EF !important;
}
.k-grid .k-table-th {
  border: none !important;
  font-weight: bold !important;
  color: #7E716B;
  background-color: #fff;
}

.k-grid-md td, .k-grid-md .k-table-td {
  font-size: 14px;
}

/***TABLE PAGINATION***/
.k-pager {
  background-color: #fff !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 13px;
  padding: 10px 20px !important;
  margin-top: 30px;
  font-family: "Manrope", sans-serif !important;
}

.k-pager-nav.k-button {
  background-color: #000;
}
.k-pager-nav.k-button:last-child {
  opacity: 1 !important;
  background-color: red !important;
}
.k-pager-nav.k-button.k-pager-last, .k-pager-nav.k-button.k-pager-first {
  display: none;
}
.k-pager-nav.k-button.k-icon-button .k-svg-icon svg {
  display: none;
}
.k-pager-nav.k-button .k-svg-i-caret-alt-left,
.k-pager-nav.k-button .k-svg-i-caret-alt-right {
  position: relative;
}
.k-pager-nav.k-button .k-svg-i-caret-alt-left::after,
.k-pager-nav.k-button .k-svg-i-caret-alt-right::after {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: cover;
  transform: translate(-50%, -50%);
}
.k-pager-nav.k-button .k-svg-i-caret-alt-left::after {
  background: url(../images/icons/icon-pg-last.svg) no-repeat;
}
.k-pager-nav.k-button .k-svg-i-caret-alt-right::after {
  background: url(../images/icons/icon-pg-next.svg) no-repeat;
}

.k-grid-pager {
  display: grid !important;
  grid-template-columns: 1fr 0.5fr 0.5fr;
}

.k-pager-numbers {
  justify-content: space-between;
}
.k-pager-numbers .k-button-flat-primary {
  color: #000 !important;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
  margin: 0 15px;
}

.k-pager-md .k-pager-sizes .k-dropdownlist {
  background-color: #F5F5EF !important;
  border-radius: 100px !important;
  border: none;
  font-size: 14px !important;
}

.k-pager-sizes .k-input-inner {
  font-size: 14px;
}

.k-button:hover {
  border-radius: 100px;
}

.k-pager-sizes {
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
}

.k-pager-sizes {
  justify-content: center;
}

/***END TABLE PAGINATION***/
.k-toolbar.k-toolbar-resizable {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.k-pager-numbers .k-selected {
  background-color: #EEF3E7 !important;
  border: 1px solid #52840C !important;
  border-radius: 100px;
}
.k-pager-numbers .k-selected::before {
  background-color: #EEF3E7;
  opacity: 0;
}

.k-pager-nav.k-button.k-button-flat:first-child {
  background-color: #000 !important;
  width: 18px;
  height: 18px;
}

/****MODAL****/
.k-window {
  background-color: transparent !important;
}
.k-dialog-titlebar{ 
  border-radius: 8px 8px 0 0 !important;
}
.k-dialog-actions {
    background-color: white;
    border-radius: 0 0 8px 8px !important;
}
.k-dialog-content{
    border-radius:0 !important;
}
/***END MODAL***/
.k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
    padding: 13px !important;
}

.k-grid .k-grid-header .k-table-th {
  font-size: 14px !important;
}

.k-listview {
  border: none !important;
  padding: 0 !important;
}

.filter__search .k-input:focus {
  border: none !important;
  background-color: transparent !important;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0 !important;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-selected.k-list-custom-value {
  background-color: #52840C !important;
  box-shadow: none !important;
}

.k-picker-solid {
  border-radius: 100px;
  padding-left: 15px;
  padding-right: 15px;
}

.k-picker-solid:hover, .k-picker-solid.k-hover {
  background-color: #F5F5EF;
}

.k-window-content,
.k-window-titlebar {
  background-color: #fff !important;
}

.k-overlay {
  opacity: 0.8 !important;
  overflow: hidden !important;
}
/* site.css */
.k-chart-tooltip {
  background: rgba(118, 183, 41) !important;
  color: #fff !important;
  border-color: #111827 !important;
}
/*# sourceMappingURL=site.css.map */

/* 🔍 Elimina los iconos nativos del input[type="search"] en todos los navegadores */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Si usas la clase de Kendo para el buscador */
.k-textbox input[type="search"] {
    /*background: url("../images/icons/icon-search.svg") no-repeat 8px center;*/
    background-size: 16px;
    padding-left: 30px;
}

/* Añade la X manualmente (usa ::after en el contenedor Kendo) */
.k-textbox {
  position: relative;
}

.k-textbox input[type="search"]:not(:placeholder-shown):not(:focus) + .clear-btn,
.k-textbox input[type="search"]:focus + .clear-btn {
  display: block;
}

.k-textbox .clear-btn {
  display: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("images/icons/icon-close.svg") no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

/* === Fichas Town: layout estable === */
.grid__town .k-listview-content {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
  gap: 20px;
  padding: 0 20px 20px 0;
}

.grid__town .item__list {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 340px; /* alto fijo de la ficha */
  padding: 17px;
  border-radius: 8px;
  background: #F5F5EF;
  box-sizing: border-box;
  overflow: hidden; /* todo dentro del borde */
  transition: box-shadow .2s ease;
}

  /* Imagen fija arriba, colapsa en hover */
  .grid__town .item__list .image {
    width: 100%;
    height: 166px; /* tu tamaño de referencia */
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: height .35s ease, opacity .35s ease, margin .35s ease;
  }

  .grid__town .item__list:hover .image {
    height: 0;
    opacity: 0;
    margin-bottom: 0;
  }

  /* Título: 2 líneas fijas con elipsis para que todas alineen igual */
  .grid__town .item__list .title {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.4em * 2); /* reserva espacio de 2 líneas */
  }

  /* Contenedor del texto para poder ganar espacio y permitir scroll */
  .grid__town .item__list .desc-wrap {
    flex: 1 1 auto;
    min-height: 0; /* imprescindible para scroll en flex */
    display: flex;
  }

  /* Descripción: elipsis en reposo, scroll interno en hover */
  .grid__town .item__list .description {
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    margin: 0;
    /* elipsis multi-línea (estado normal) */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* muestra 3 líneas al inicio */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Al hacer hover: la desc ocupa el espacio que dejó la imagen y puede scrollear.
   Se oculta la barra de scroll para no “ensuciar”. */
  .grid__town .item__list:hover .description {
    display: block; /* quitamos el clamp */
    overflow: auto; /* permite scroll interno */
    /* ocultar barra de scroll */
    scrollbar-width: none; /* Firefox */
  }

    .grid__town .item__list:hover .description::-webkit-scrollbar {
      display: none;
    }

  /* Enlace siempre abajo */
  .grid__town .item__list .link {
    margin-top: auto; /* empuja el link al pie */
    padding-top: 10px;
    border-top: 1px solid #E6E6E6;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 1.25;
    color: #000;
    text-decoration: none;
  }

    .grid__town .item__list .link span {
      color: #52840C;
      font-size: 20px;
      font-weight: 700;
    }

    .grid__town .item__list .link:hover {
      color: #52840C;
    }

  /* Quita las animaciones antiguas que descolocaban los bloques */
  .grid__town .item__list:hover .title,
  .grid__town .item__list:hover .link,
  .grid__town .item__list:hover .description {
    transform: none;
  }

/* Tema dark: hereda tus colores, sólo aseguramos contraste del borde del link */
.dark .grid__town .item__list {
  background: #2B2B2B;
  border: 1px solid #89B946;
}

  .dark .grid__town .item__list .link {
    border-top: 1px solid #555;
    color: #fff;
  }

  .dark .grid__town .item__list .title,
  .dark .grid__town .item__list .description {
    color: #fff;
  }

  .dark .grid__town .item__list .link span {
    color: #89B946;
  }