@charset "UTF-8";
/* Colores */
/* Breakpoints */
/*┌───────────────────────────────────────────── ∘°Media Queries°∘ ─────────────────────────────────────────────┐*/
/*┌───────────────────────────────────────────── ∘°Background image°∘ ─────────────────────────────────────────────┐*/
html {
  max-width: 2500px !important;
  display: block;
  margin: 0 auto;
  max-height: 1000px;
}

.plantilla-main {
  background-image: url("../../views/img/plantilla/fondo.png");
  background-repeat: no-repeat;
  background-size: cover;
}

p, h1, h2, h3, h4, h5, h6, a {
  margin: 0;
  margin-top: 0;
  margin-bottom: 0;
}

label strong {
  color: black;
}

td {
  font-size: 1.2rem;
}

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

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

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

.borde-rojo {
  border: solid 2px red !important;
  animation: borde-inchar 3s ease-in-out infinite;
}

.filter-invert {
  filter: invert(1);
}

.wrapper-p-2 {
  padding: 2rem;
}

.wrapper-p-4 {
  padding: 4rem;
}

.wrapper-plr-2 {
  padding: 0rem 2rem;
}

.modal-footer {
  margin-top: 2rem;
}

/*┌───────────────────────────────────────────── ∘°Formularios°∘ ─────────────────────────────────────────────┐*/
.tamaño-modal-xl {
  width: 100%;
}
@media (min-width: 768px) {
  .tamaño-modal-xl {
    width: 75%;
  }
}

.tamaño-modal-lg {
  width: 90% !important;
}
@media (min-width: 1200px) {
  .tamaño-modal-lg {
    width: 60% !important;
  }
}

.bg-add {
  background-color: rgb(169, 250, 169) !important;
}

.icono-titulo {
  filter: invert(61%) sepia(9%) saturate(380%) hue-rotate(174deg) brightness(95%) contrast(90%);
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
}

.content-wrapper .container {
  background-color: white;
  width: 96%;
  box-shadow: 1px 0px 21px 0px rgba(0, 0, 0, 0.35);
}

.test {
  width: 100px;
  height: 100px;
  background-color: red;
}

.light-mode {
  color: black;
  background-color: white;
}

.dark-mode {
  color: white;
  background-color: #1c1c1c;
}

.icon-empresas {
  transition: all 0.3s ease;
  width: 110px;
  height: 95px;
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .icon-empresas {
    width: 150px;
    height: 125px;
  }
}
.icon-empresas:hover {
  transform: scale(1.1);
  background-color: #bebebe;
}

.boton {
  transition: all 0.3s ease;
}
.boton:hover {
  transform: scale(1.1);
  cursor: pointer;
}

.rounded-thead {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 32, 32, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2em;
  visibility: hidden;
  z-index: 1001;
}

.loading2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 32, 32, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2em;
  visibility: hidden;
  z-index: 1001;
}

.campo-vacio {
  border: 1px solid red !important;
}

.btn-modales-cerrar i {
  color: white !important;
}

.btn-light-primary {
  background-color: #afd3fd !important;
}
[data-bs-theme=dark] .btn-light-primary {
  background-color: #1b1b32 !important;
  color: #fff !important;
}
.btn-light-primary i {
  color: #3E97FF !important;
}
.btn-light-primary:hover i {
  color: #fff !important;
}

.btn-light-success {
  background-color: #DFFFEA !important;
}

.btn-light-danger {
  background-color: #FFEEF3 !important;
}

.k-form-container {
  width: 100%;
}
.k-form-container .k-form__division {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .k-form-container .k-form__division {
    flex-direction: row;
    gap: 1rem;
  }
}
.k-form-container .k-form__field {
  width: 100%;
  margin: 1rem 0;
}
.k-form-container .k-form__field label {
  color: black;
  font-size: 1.4rem;
  text-transform: uppercase;
  display: block;
}
.k-form-container .k-form__field input, .k-form-container .k-form__field select {
  width: 100%;
  border-radius: 10px;
  padding: 0.5rem;
  border: solid 0.8px #c1c1c1;
}
.k-form-container .k-form__field input:hover, .k-form-container .k-form__field select:hover {
  cursor: pointer;
}
.k-form-container .k-form__field input:focus, .k-form-container .k-form__field select:focus {
  opacity: 1;
}
.k-form-container .k-form__field .form-text-area {
  width: 100%;
  max-width: 100%;
  min-width: 50%;
  overflow: hidden;
  border-radius: 10px;
  height: 8rem;
  border: solid 0.8px #c1c1c1;
  min-height: 8rem;
  max-height: 10rem;
}

.btn-menu-catalogos {
  height: 6rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
  box-shadow: -4px 0px 3px -1px rgba(62, 151, 255, 0.75), 1px 0px 3px -1px rgba(62, 151, 255, 0.75);
  z-index: 2;
  border-radius: 10px 10px 10px 10px;
  row-gap: 1rem;
  padding-left: 2rem;
  transition: transform 0.2s ease-in-out;
  border: none;
  text-align: start;
  gap: 1rem;
  margin-right: 1rem;
  color: #3E97FF;
}
.btn-menu-catalogos i {
  font-size: 2rem;
  color: #3E97FF;
}
@media (min-width: 480px) {
  .btn-menu-catalogos {
    border-radius: 10px;
  }
}
.btn-menu-catalogos:hover {
  transform: scale(1.02) translateX(1rem);
  cursor: pointer;
}
[data-bs-theme=dark] .btn-menu-catalogos {
  background-color: #1b1b32;
}

.btn-menu-catalogos.active {
  transform: scale(1.02) translateX(1rem);
  background-color: #3E97FF;
  color: #fff;
}
.btn-menu-catalogos.active i {
  color: #fff;
}
[data-bs-theme=dark] .btn-menu-catalogos.active {
  color: #1c1c1c;
}
[data-bs-theme=dark] .btn-menu-catalogos.active i {
  color: #1c1c1c;
}

.btn-agregar {
  height: 4rem;
  background-color: #afd3fd;
  color: #3E97FF;
  border: none;
  border-radius: 10px;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  transition: transform 0.2s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn-agregar:hover {
  transform: scale(1.02);
  background-color: #3E97FF;
  color: #fff;
}
.btn-agregar:hover i {
  color: #fff;
}
.btn-agregar i {
  font-size: 1.6rem;
  color: #3E97FF;
  transition: color 0.3s ease-in-out;
}
[data-bs-theme=dark] .btn-agregar {
  background-color: #1b1b32;
  color: #3E97FF;
}
[data-bs-theme=dark] .btn-agregar i {
  color: #3E97FF;
}
[data-bs-theme=dark] .btn-agregar:hover {
  background-color: #3E97FF;
  color: #fff;
}
[data-bs-theme=dark] .btn-agregar:hover i {
  color: #fff;
}

.btn-agregar-icon {
  background-color: #afd3fd;
  color: #3E97FF;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  transition: transform 0.2s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn-agregar-icon:hover {
  transform: scale(1.02);
  background-color: #3E97FF;
  color: #fff;
}
.btn-agregar-icon:hover i {
  color: #fff;
}
.btn-agregar-icon i {
  color: #3E97FF;
  transition: color 0.3s ease-in-out;
}
[data-bs-theme=dark] .btn-agregar-icon {
  background-color: #1b1b32;
  color: #3E97FF;
}
[data-bs-theme=dark] .btn-agregar-icon i {
  color: #3E97FF;
}
[data-bs-theme=dark] .btn-agregar-icon:hover {
  background-color: #3E97FF;
  color: #fff;
}
[data-bs-theme=dark] .btn-agregar-icon:hover i {
  color: #fff;
}

.title-inicio {
  font-size: clamp(1rem, 5vw, 1.5rem);
}

.dash-menu {
  justify-content: center;
}
@media (min-width: 1200px) {
  .dash-menu {
    justify-content: start;
  }
}
.dash-menu .dash-tarjeta {
  width: 8rem;
  background-color: #d1e6ff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  flex-direction: column-reverse;
  transition: all 0.3s ease;
  flex-wrap: nowrap;
  padding: 2rem 2rem;
  row-gap: 1rem;
  height: 100%;
}
@media (min-width: 768px) {
  .dash-menu .dash-tarjeta {
    width: 17rem;
    height: 19rem;
    flex-direction: column;
    flex-wrap: wrap;
    padding: inherit;
  }
}
[data-bs-theme=dark] .dash-menu .dash-tarjeta {
  background-color: #1b1b32;
  color: white;
}
.dash-menu .dash-tarjeta:hover {
  transform: scale(1.1);
  cursor: pointer;
}
.dash-menu .dash-tarjeta .dash-tarjeta-title {
  font-weight: bolder;
  color: #3E97FF;
}
@media (min-width: 768px) {
  .dash-menu .dash-tarjeta .dash-tarjeta-title {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
}
.dash-menu .dash-tarjeta .dash-tarjeta-icon {
  color: #3E97FF;
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .dash-menu .dash-tarjeta .dash-tarjeta-icon {
    font-size: 7rem;
  }
}
.dash-menu .dash-tarjeta .dash-tarjeta-header {
  text-align: center;
}
.dash-menu .dash-tarjeta .dash-tarjeta-body .img-card-agr {
  width: 100%;
}
@media (min-width: 768px) {
  .dash-menu .dash-tarjeta .dash-tarjeta-body .img-card-agr {
    width: 100px;
    height: 100px;
  }
}

.contenido-header-inicio {
  margin-bottom: 2rem;
}

.modulo-card {
  position: relative;
  border-radius: 0px 50px;
  height: 16rem;
  transition: 1s ease;
  margin-bottom: 2rem;
  display: flex;
  background-color: #21356B;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 5px 10px 10px 5px lightgray;
}
.modulo-card h3 {
  padding: 1rem;
  margin: 0;
  font-weight: 700;
  font-size: 2.5rem;
  text-transform: uppercase;
  max-width: 100%;
  background-color: white;
  color: black;
  height: 5rem;
  width: 100%;
}
.modulo-card h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 50px;
  width: 60%;
  height: 4rem;
  background-color: white;
}
.modulo-card .modulo-card__img {
  background-image: url(../../views/img/Agricola/enConstruccion.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 70%;
  border: solid 10px white;
  border-radius: 0 5rem 0 5rem;
}

.modulo-card:hover {
  background-color: currentColor;
  color: rgb(0, 0, 20);
  transform: scale(1.05) rotate(1deg);
}

@keyframes a {
  100% {
    transform: translateY(1rem);
  }
}
.skin-blue .main-header .navbar {
  background-color: #21356B;
}

.nav-select-temp {
  padding: 0.8rem;
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
}

.navbar-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.fa-chrome__tamaño {
  font-size: 30px;
  color: white;
  cursor: pointer;
}

.global_img-topbar {
  height: 50px;
}

.main-sidebar {
  background-color: #21356B !important;
  height: 100%;
  z-index: 1000 !important;
}

hr {
  margin: 0;
  padding: 0;
}

.icon-aside {
  color: white;
}

.sen-icon-s {
  filter: brightness(100);
}

.aside-text {
  color: white;
}

.cxp-icon-aside {
  filter: invert(1);
  width: 100%;
  transform: scale(1.3);
}

.tree a .fa {
  filter: brightness(100);
}

.heading__border {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

.btnInicioGenerales {
  box-shadow: inset 0px 0px 15px 3px #003b99;
  background: linear-gradient(to bottom, #2e466e 5%, #415989 100%);
  background-color: #2e466e;
  border-radius: 4px;
  border: 1px solid #1f2f47;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 1.2rem;
  padding: 10px 17px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #263666;
}

.space-btn {
  display: flex;
  justify-content: start;
  gap: 1rem;
  flex-wrap: wrap;
}

.btnInicioGenerales:hover {
  background: linear-gradient(to bottom, #415989 5%, #2e466e 100%);
  background-color: #415989;
}

.btnInicioGenerales:active {
  position: relative;
  top: 1px;
}

.btn-lg {
  border: none;
}

.bg-botones-generales {
  cursor: pointer;
}
.bg-botones-generales h3 {
  color: #2e466e;
}

.container-catalogo {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.container-catalogo .btn-catalogos {
  margin-left: auto;
}

.flecha-inicio-down::before {
  font-size: 1.5rem !important;
}

.ag-courses_item {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  overflow: hidden;
  border-radius: 28px;
  position: relative;
}

.ag-courses-item_link {
  display: block;
  padding: 30px 20px;
  overflow: hidden;
  position: relative;
}

.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
  text-decoration: none;
}

.ag-courses-item_link:hover .ag-courses-item_bg {
  background-size: cover; /* Expande la imagen para cubrir la tarjeta */
  top: 0;
  right: 0;
  border-radius: 0; /* Elimina el borde redondeado cuando se expande */
  height: 100%; /* Tamaño inicial de la imagen en la esquina */
  width: 100%;
}

.ag-courses_item:hover .ag-courses-item_title {
  color: white;
}

.ag-courses_item:hover .vaadin--table {
  color: white;
}

.ag-courses-item_title {
  min-height: 87px;
  margin: 0 0 25px;
  overflow: hidden;
  font-weight: bold;
  font-size: 30px;
  z-index: 2;
  position: relative;
}

.ag-courses-item_date-box {
  font-size: 18px;
  z-index: 2;
  position: relative;
}

.ag-courses-item_date {
  font-weight: bold;
  color: #f9b234;
  transition: color 0.5s ease;
}

.ag-courses-item_bg {
  height: 100px; /* Tamaño inicial de la imagen en la esquina */
  width: 100px;
  background-image: url("../../views/img/Agricola/Tarjeta.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: unset;
  z-index: 1;
  position: absolute;
  top: -20px; /* Ajusta la posición inicial */
  right: -20px; /* Ajusta la posición inicial */
  border-radius: 50%; /* Mantenemos la imagen circular en la esquina */
  transition: all 0.3s ease; /* Transición suave */
}

.ag-courses-item_bg--ventas {
  background-image: url("../../canesagro/views/img/bg-ventas.jpg");
}

.vaadin--table {
  display: inline-block;
  width: 100px;
  height: 100px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M0 1v15h16V1zm5 14H1v-2h4zm0-3H1v-2h4zm0-3H1V7h4zm0-3H1V4h4zm5 9H6v-2h4zm0-3H6v-2h4zm0-3H6V7h4zm0-3H6V4h4zm5 9h-4v-2h4zm0-3h-4v-2h4zm0-3h-4V7h4zm0-3h-4V4h4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 2;
}

/* Estilos para tema oscuro */
[data-bs-theme=dark] .vaadin--table {
  background: currentColor;
}

.bg-tabla-siembra {
  background-color: #D4EDDA !important;
}

[data-bs-theme=dark] .bg-tabla-siembra {
  background-color: #375A3F !important;
}

.icon-factura {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.icon-factura_tiket {
  transform: scale(1); /* Establece el tamaño original del ícono */
  transition: transform 0.5s ease; /* Agrega un retraso de 0.5 segundos antes de que el ícono crezca */
}

.icon-factura_tiket:hover {
  transform: scale(1.2);
  cursor: pointer; /* Escala el ícono al 120% del tamaño original al pasar el mouse por encima */
}

.icon-container {
  position: relative;
  display: inline-block;
}

.text {
  position: absolute;
  top: 0;
  left: -17rem;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
  border-radius: 5px;
  transition: opacity 0.5s ease;
}

.icon-container:hover .text {
  left: -17rem; /* Mostrar el texto al pasar el mouse por encima */
  opacity: 1;
}

.carbon--agriculture-analytics {
  display: inline-block;
  width: 65px;
  height: 65px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m24.251 21.37l2.194 1.462A1 1 0 0 0 27.8 22.6l3-4l-1.6-1.2l-2.433 3.244l-2.212-1.476a1 1 0 0 0-1.369.25L20 23.879V16h-2v10a2 2 0 0 0 2 2h10v-2h-9.057zM2 21h14v2H2zm0 5h14v2H2zm9-10v-5h1a4.005 4.005 0 0 0 4-4V4h-3a3.98 3.98 0 0 0-2.747 1.107A6 6 0 0 0 5 2H2v3a6.007 6.007 0 0 0 6 6h1v5H2v2h14v-2zm2-10h1v1a2 2 0 0 1-2 2h-1V8a2 2 0 0 1 2-2M8 9a4.005 4.005 0 0 1-4-4V4h1a4.005 4.005 0 0 1 4 4v1z'/%3E%3C/svg%3E");
  background-color: var(--bs-text-muted);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.img-card-agr {
  filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(180deg);
}

.total-tarjeta {
  width: 250px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.35);
  transition-property: transform;
  transition-duration: 300ms;
  gap: 2rem;
  margin: auto;
}
.total-tarjeta:hover {
  transform: scale(1.1);
}
.total-tarjeta .total-tar-contenedor {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: black;
  font-weight: 700;
  text-align: center;
}
.total-tarjeta .total-tar-contenedor .total-tar-svg {
  width: 34%;
  display: block;
}
.total-tarjeta .total-tar-contenedor p {
  margin: 0;
  color: #1a1a1a;
}
.total-tarjeta .total-tar-contenedor .cantidad {
  font-size: 2.5rem;
  font-weight: 500;
}

.total-tarjeta--margin__unset {
  margin: 0 !important;
}

.total-tarjeta-color {
  background-color: pink;
}

.container-totales {
  display: flex;
  flex-direction: row;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.total-bg-azul {
  background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
}

.bg-azul-tenue {
  background-color: #ecf2ff !important;
}

.total-bg-verde {
  background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
}

.total-bg-amarillo {
  background-image: linear-gradient(-225deg, #FFFEFF 0%, #ffecd7 100%);
}

/*┌───────────────────────────────────────────── ∘°K°∘ ─────────────────────────────────────────────┐*/
.contenedor-btn-dash {
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: red;
}

.centrar-texto {
  font-weight: 700;
  color: black;
  padding: 0.5rem;
  text-align: center;
}

.color-blanco {
  color: white !important;
}

.fa-arrow-down::before {
  font-size: 2rem;
}

.box-title {
  font-weight: 700;
}

.tabla-cuerpo-dash {
  width: 100%;
  margin: 0 4px;
}

/*┌───────────────────────────────────────────── ∘°Ajustes Responsivos°∘ ─────────────────────────────────────────────┐*/
.progress-container {
  position: relative;
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.progress-bar {
  background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%);
  height: 20px;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  color: white;
  font-weight: bold;
  transition: width 1s ease-in-out;
}

.progress-bar-white {
  background-image: linear-gradient(to right, #f8f8f8 0%, #fdfdfd 100%);
  height: 20px;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  color: white;
  font-weight: bold;
  transition: width 1s ease-in-out;
}

.progress-text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
  color: black;
  font-weight: bold;
  line-height: 20px;
}

.fluent-mdl2--b-i-dashboard {
  display: inline-block;
  width: 50px;
  height: 50px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M512 896h384v1152H512zm128 1024h128v-896H640zm384-768h384v896h-384zm128 768h128v-640h-128zM0 1408h384v640H0zm128 512h128v-384H128zM1536 640h384v1408h-384zm128 1280h128V768h-128zM1389 621q19 41 19 83q0 40-15 75t-41 61t-61 41t-75 15t-75-15t-61-41t-41-61t-15-75v-12q0-6 1-12l-188-94q-26 26-61 40t-72 14q-42 0-83-19L365 877q19 41 19 83q0 40-15 75t-41 61t-61 41t-75 15t-75-15t-61-41t-41-61t-15-75t15-75t41-61t61-41t75-15q42 0 83 19l256-256q-19-41-19-83q0-40 15-75t41-61t61-41t75-15t75 15t61 41t41 61t15 75v12q0 6-1 12l188 94q26-26 61-40t72-14q42 0 83 19l256-256q-19-41-19-83q0-40 15-75t41-61t61-41t75-15t75 15t61 41t41 61t15 75t-15 75t-41 61t-61 41t-75 15q-42 0-83-19zM192 1024q26 0 45-19t19-45t-19-45t-45-19t-45 19t-19 45t19 45t45 19m1536-896q-26 0-45 19t-19 45t19 45t45 19t45-19t19-45t-19-45t-45-19M704 512q26 0 45-19t19-45t-19-45t-45-19t-45 19t-19 45t19 45t45 19m512 256q26 0 45-19t19-45t-19-45t-45-19t-45 19t-19 45t19 45t45 19'/%3E%3C/svg%3E");
  background-color: var(--bs-text-muted);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.collaps-color {
  color: white;
}
.collaps-color .btn-expandir-recepcion {
  font-size: 2.5rem !important;
  color: white;
}

.modal-90 {
  width: 100%;
}

.cuerpo-estructura {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.form-container {
  grid-column: span 2;
  color: black;
}
@media (min-width: 480px) {
  .form-container {
    grid-column: span 3;
  }
}
@media (min-width: 1200px) {
  .form-container {
    grid-column: span 2;
  }
}
.form-container .p-1 {
  padding: 0.8rem;
  border-radius: 0.5rem;
}
.form-container h1,
.form-container h2,
.form-container h3,
.form-container h4 {
  margin: 0;
  padding: 0;
}
.form-container h2 {
  font-size: 2rem;
  text-align: center;
}
.form-container strong {
  text-transform: uppercase;
}
.form-container label {
  color: black;
}

.camion-layout {
  grid-column: span 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
}
@media (min-width: 480px) {
  .camion-layout {
    grid-column: span 3;
  }
}
@media (min-width: 1200px) {
  .camion-layout {
    grid-column: span 1;
  }
}
.camion-layout .carga-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.camion-layout .carga-layout .bg-blue-active {
  font-weight: 700;
}
.camion-layout .boton-pallet-embarque {
  width: 8rem;
  height: 5rem;
  background-color: lightgray;
  border: none;
  color: black;
}
.camion-layout .boton-pallet-embarque:hover {
  filter: brightness(0.8);
}
.camion-layout .titulo-crokis {
  width: 90%;
  text-align: center;
  height: 3.2rem;
  padding: 0.8rem;
  border-radius: 4px;
  font-size: 2rem;
  margin: 0;
  margin-bottom: 2rem;
}

@keyframes borde-inchar {
  0% {
    box-shadow: 0 0 5px red;
  }
  50% {
    box-shadow: 0 0 15px red;
  }
  100% {
    box-shadow: 0 0 5px red;
  }
}
.borde-parpadeante {
  border: 5px solid transparent;
  animation: parpadeo 1s infinite ease-in-out;
}

@keyframes parpadeo {
  0% {
    border-color: transparent;
  }
  50% {
    box-shadow: 0px 0px 38px 0px rgba(255, 0, 0, 0.75);
  }
  100% {
    border-color: transparent;
  }
}
.embarques-container {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  row-gap: 10rem;
}

.emb-tarjeta {
  width: 110px;
  height: 140px;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition-property: transform;
  transition-duration: 300ms;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media (min-width: 480px) {
  .emb-tarjeta {
    margin: inherit;
    margin-bottom: 3rem;
  }
}
.emb-tarjeta:hover {
  transform: scale(1.1);
  cursor: pointer;
}
.emb-tarjeta .emb-tar-contenedor {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: black;
  font-weight: 700;
  text-align: center;
}
.emb-tarjeta .emb-tar-contenedor .emb-tar-svg {
  width: 34%;
  display: block;
}
.emb-tarjeta .emb-tar-contenedor p {
  margin: 0;
  color: #1a1a1a;
}

[data-bs-theme=dark] .emb-tarjeta {
  box-shadow: rgba(255, 255, 255, 0.15) 1.95px 1.95px 2.6px;
}

.emb-tarjeta-color {
  background-color: pink;
}

[data-bs-theme=dark] .emb-tarjeta-color {
  background-color: #A65C63;
}

.container-reportes {
  display: flex;
  gap: 2rem;
  flex-direction: row-reverse;
}

.text-manifiesto {
  color: black;
}

[data-bs-theme=dark] .text-manifiesto {
  color: white !important;
}

[data-bs-theme=dark] .img-tarjeta-embarque {
  filter: invert(1);
}

.emp-tarjetas {
  background: red;
}

.emp-description-block {
  background-color: yellow;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  position: relative;
}

.filtros-empaque-espacio {
  position: relative;
}

.boton-reportes {
  padding: 15px 25px;
  border: none;
  border-radius: 15px;
  position: relative;
  font-weight: 700;
  font-size: 17px;
  color: #212121;
  background: #e8e8e8;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  transition: color 250ms, background 250ms;
}

.boton-reportes::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
  transition: transform 250ms;
}

.boton-reportes:hover::before {
  transform: translateX(0);
}

/* Estilos para tema oscuro */
[data-bs-theme=dark] .boton-reportes {
  color: #e8e8e8;
  background: #212121;
}

[data-bs-theme=dark] .boton-reportes::before {
  background: rgba(255, 255, 255, 0.2);
}

.nav-wrapper {
  position: relative;
  padding-right: 10px;
}

.nav-wrapper-f {
  position: relative !important;
  transition: none;
  margin: 0;
  padding-right: 10px !important;
  background-color: red !important;
}

.nav-wrapper {
  position: relative;
  padding-right: 10px;
  background-color: transparent !important;
}

.nav-wrapper-f {
  position: relative;
  transition: none;
  margin: 0;
  padding-right: 10px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

.card-background-frio {
  background-image: url("../../views/img/svgs/empaque/copo.svg");
  z-index: 2;
  background-size: 15%;
  background-position: top 1rem right 1rem;
}

.content-header-mod {
  padding-top: 0;
}

.title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-container .title-orden {
  display: flex;
}
.title-container .title-orden h1 {
  font-size: 2.5rem;
}
.title-container .title-orden h1:nth-child(2) {
  font-weight: 600;
  margin-left: 3rem;
}

.title-inicio {
  list-style: none;
  padding: 0.5rem;
}

.nav-tabs {
  display: flex;
  flex-wrap: wrap;
}

.modal-header .bg-danger:hover {
  background-color: #712121 !important;
}

.tabla-trata-container {
  margin-top: 5rem;
}

.modal-header--tituloRezaga h3 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
}

.k-form__field--buttons {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: space-around;
  flex-direction: column-reverse;
}
@media (min-width: 480px) {
  .k-form__field--buttons {
    flex-direction: row;
    justify-content: end;
  }
}
.k-form__field--buttons input {
  width: 100%;
}
@media (min-width: 1200px) {
  .k-form__field--buttons input {
    width: 50% !important;
  }
}
.k-form__field--buttons .form-group-rez {
  display: flex;
  justify-content: space-evenly;
  gap: 1rem;
}

.tablaEmpMuestreoEmpacadores thead th {
  text-align: center;
  padding-left: 0 !important;
}

.tablaEmpMuestreoRecepcion thead th {
  text-align: center !important;
}

.header-temporada {
  display: block;
}
.header-temporada h3 {
  font-size: 3rem;
  margin: 0;
}

.contenido-modal-vista {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 15px;
}
.contenido-modal-vista .modal-body {
  width: 100%;
  height: 50vh;
  z-index: 1;
}

.select-temporadas {
  font-size: 1.2rem;
  border-radius: 15px !important;
  width: 100%;
}
.select-temporadas option {
  width: 100%;
}

.contenedor-selects {
  width: 100%;
}

.input-usuario {
  font-size: 1.3rem;
  text-transform: uppercase;
}

.en-curso {
  color: orange;
  padding: 0.5rem;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
}

.temporada-cerrada {
  color: red;
  padding: 0.5rem;
  border-radius: 4px;
  font-weight: 700;
}

.body-contactos .modal-footer {
  margin-top: 3rem;
  padding: 1rem 0;
  border-top: unset !important;
}
.body-contactos .modal-footer button {
  padding: 0.8rem 1.5rem;
  border-radius: 50px;
}

/*┌───────────────────────────────────────────── ∘°Formulario°∘ ─────────────────────────────────────────────┐*/
.body-agrupar {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
@media (min-width: 992px) {
  .body-agrupar {
    flex-direction: row;
  }
}
.body-agrupar .formulario-gen {
  width: 100%;
  color: black;
}
.body-agrupar .formulario-gen label {
  display: block;
  margin-top: 1rem;
  padding-left: 0.5rem;
}
.body-agrupar .formulario-gen input {
  border: solid 2px #d5d5d5;
  padding: 0.5rem;
  border-radius: 15px;
}
.body-agrupar .formulario-gen input::placeholder {
  padding: 1rem 0.5rem;
}
.body-agrupar .formulario-gen input:focus {
  outline: solid 2px #002b43;
}
.body-agrupar .formulario-gen .div-campos-dobles {
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .body-agrupar .formulario-gen .div-campos-dobles {
    flex-direction: row;
    gap: 1rem;
  }
}
.body-agrupar .formulario-gen .div-campos-dobles .div-dobles {
  width: 100%;
}
.body-agrupar .formulario-gen .div-campos-dobles .div-dobles input {
  width: 100%;
}
.body-agrupar .formulario-gen .div-campo input {
  width: 100%;
}

.body-contactos {
  flex: 1;
}

.contactoTabla {
  flex: 1.5;
}

/*┌───────────────────────────────────────────── ∘°Tabla°∘ ─────────────────────────────────────────────┐*/
.dataTables_length {
  padding: 0 !important;
}

.dataTables_filter {
  padding: 0 !important;
  padding-bottom: 1rem !important;
}

.dataTables_scrollHead {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#table-responsive {
  border-radius: 20px !important;
}

.bordes-datatables-top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.formulario__field {
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.formulario__field p {
  font-weight: 700;
  color: #555;
  margin: 0.2rem 0;
}
.formulario__field input {
  padding: 0.5rem;
  border-radius: 15px;
  border: solid 2px #e6e6e6;
}
.formulario__field select {
  padding: 0.5rem;
  border-radius: 15px;
  border: solid 2px #e6e6e6;
}
.formulario__field select:first-child {
  border-radius: 15px 0 0 15px;
}
.formulario__field .formulario__agrupar {
  display: flex;
  justify-content: space-between;
}
.formulario__field .formulario__agrupar select {
  flex: 9.5;
}
.formulario__field .formulario__agrupar button {
  width: 20px;
  height: auto;
  background-color: #0073b7;
  color: white;
  flex: 0.5;
  border: none;
  border-radius: 0 15px 15px 0;
}
.formulario__field .formulario__agrupar button:active {
  background-color: #003351;
  transform: translateY(-1px);
  transform: translateX(-1px);
}

.formulario__doble {
  display: flex;
  flex-direction: column;
  width: 102%;
}
.formulario__doble .abonos-select {
  border-radius: 1.5rem !important;
}
@media (min-width: 992px) {
  .formulario__doble {
    flex-direction: row;
  }
}
.formulario__doble input:disabled {
  background-color: #f1f1f1;
}

.cxp-plus {
  width: 50%;
}

.formulario__check {
  display: flex;
  align-items: center;
}
.formulario__check input {
  margin: 0;
  margin-left: 1rem;
  width: 18px;
  height: 18px;
}

.contenedor-cxp input {
  padding: 0.5rem;
  border-radius: 15px;
  border: solid 2px #e6e6e6;
}
.contenedor-cxp select {
  padding: 0.5rem !important;
  border-radius: 15px !important;
  border: solid 2px #e6e6e6 !important;
}
.contenedor-cxp select:first-child {
  border-radius: 15px 0 0 15px !important;
}

.convenio-tabla {
  background-color: #f1f1f1;
}
.convenio-tabla table {
  width: 100%;
  border-collapse: collapse;
}
.convenio-tabla th,
.convenio-tabla td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.convenio-tabla th {
  background-color: #f2f2f2;
}

.conv-btn-modal {
  margin: 2rem 0;
}

.contenedor-cards {
  display: flex;
  justify-content: center;
}
@media (min-width: 1200px) {
  .contenedor-cards {
    justify-content: flex-end;
  }
}

.cxp_tarjeta {
  width: 100%;
  height: 15rem;
  border-radius: 10px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin-bottom: 1.5rem;
}
.cxp_tarjeta:hover {
  border: solid 1px blue;
}
.cxp_tarjeta span {
  color: black;
  padding: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 2.3rem;
  margin-left: auto;
  font-weight: 700;
}
.cxp_tarjeta span:last-child {
  margin-left: auto;
  font-size: 2.7rem;
  font-weight: 500;
}
.cxp_tarjeta img {
  position: absolute;
  padding: 1rem;
  width: 90px;
  height: 90px;
  opacity: 0.5;
}

.cxp-cargo-card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.cxp-abono-card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  cursor: pointer;
}

.cxp-saldo-card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[data-bs-theme=dark] .cxp-cargo-card img {
  filter: invert(1);
}
[data-bs-theme=dark] .cxp-abono-card img {
  filter: invert(1);
}
[data-bs-theme=dark] .cxp-saldo-card img {
  filter: invert(1);
}

.contenedor-edocuenta {
  border-radius: 2rem;
  max-width: 50%;
  font-family: "Inter", sans-serif;
  box-shadow: -1px 2px 26px -6px rgba(0, 0, 0, 0.69);
  padding: 2rem;
  margin-left: 1rem;
  margin-bottom: 3rem;
}
.contenedor-edocuenta .footer-form-abono {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.card-salida-campo {
  position: relative;
  width: 400px;
  height: 260px;
  cursor: alias;
  flex: 0 0 100%;
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .card-salida-campo {
    flex: 0 0 85%;
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  .card-salida-campo {
    flex: 0 0 40%;
    min-width: 400px;
  }
}
@media (min-width: 1200px) {
  .card-salida-campo {
    flex: 0 0 50%;
    min-width: unset;
  }
}
@media (min-width: 1400px) {
  .card-salida-campo {
    flex: unset;
    width: unset;
    min-width: 420px !important;
    height: 260px;
  }
}

.card-salida-campo .face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.5s;
}

.card-salida-campo .front {
  transform: perspective(600px) rotateY(0deg);
  box-shadow: 0 5px 5px #000;
  background-color: white;
}

.card-salida-campo .back {
  transform: perspective(600px) rotateY(180deg);
  padding: 15px;
  color: #f3f3f3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  box-shadow: 0 5px 5px #000;
}

.card-salida-campo .back .link {
  border-top: solid 1px #f3f3f3;
  height: 50px;
  line-height: 50px;
}

.card-salida-campo .back .link a {
  color: #f3f3f3;
}

.card-salida-campo .back h3 {
  font-size: 30px;
  margin-top: 20px;
  letter-spacing: 2px;
}

.card-salida-campo .back p {
  letter-spacing: 1px;
}

.card-salida-campo:hover .front {
  transform: perspective(600px) rotateY(180deg);
}

.card-salida-campo:hover .back {
  transform: perspective(600px) rotateY(360deg);
}

/*┌───────────────────────────────────────────── ∘°Card Enfrente°∘ ─────────────────────────────────────────────┐*/
.card-cara {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  position: relative;
  flex-direction: row-reverse;
  min-width: 335px;
}
.card-cara img {
  width: 200px;
  margin-top: 6rem;
}
.card-cara .card-orden-datos {
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-left: 2rem;
}
.card-cara .card-orden-datos span {
  text-wrap-mode: nowrap;
}

.estiloEspecial {
  background-color: red;
}

.front-header {
  position: absolute;
  top: 0;
  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0;
  background-image: url("../../views/img/Agricola/Tarjeta.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: unset;
}
.front-header .front__agrupador {
  transform: translateY(-1.5rem);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.front-header .front__agrupador p {
  width: 100%;
  text-align: center;
  color: white;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.front-header .front__agrupador strong {
  background-color: #1A89FF;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  max-width: 90%;
  box-shadow: 0 0 4px 0 black;
  font-size: 1.3rem;
  font-weight: 700;
  color: white;
  font-weight: 700;
}

/*┌───────────────────────────────────────────── ∘°Tarjeta atras°∘ ─────────────────────────────────────────────┐*/
.tarjeta-atras {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  line-height: 1.6rem;
  background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.tarjeta-atras span {
  color: #000;
}
.tarjeta-atras .tarjeta-atras-left {
  display: flex;
  flex-direction: column;
  text-align: start;
  background-color: white;
  border-radius: 15px;
  padding: 1rem;
  justify-content: center;
  width: 100%;
}
.tarjeta-atras .tarjeta-atras-right {
  display: flex;
  flex-direction: column;
  text-align: start;
  background-color: white;
  border-radius: 15px;
  padding: 1rem;
  width: 100%;
}

.newTarjetas {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 1200px) {
  .newTarjetas {
    justify-content: space-around;
  }
}

.borde-amarillo-cosecha {
  animation: parpadeoWarning 1s ease-in-out alternate infinite;
  border-radius: 15px;
}

.borde-rojo-cosecha {
  animation: parpadeoAlerta 0.5s ease-in-out alternate infinite;
  border-radius: 15px;
}

@keyframes parpadeoAlerta {
  0% {
    box-shadow: 0px 0px 20px 15px rgba(255, 68, 68, 0.305);
  }
  100% {
    box-shadow: 0px 0px 20px 15px rgb(255, 13, 13);
  }
}
@keyframes parpadeoWarning {
  0% {
    box-shadow: 0px 0px 20px 15px rgba(255, 255, 0, 0.439);
  }
  100% {
    box-shadow: 0px 0px 20px 15px rgb(255, 255, 0);
  }
}
.card-cara-info {
  background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 45%;
  right: 1rem;
  z-index: 100;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.card-cara-info img {
  width: 20px;
  height: 20px;
  margin: 0;
}

.info-danger {
  animation: expandirInfo 0.5s ease-in-out alternate infinite;
  width: 30px !important;
  height: 30px !important;
}

.info-warning {
  width: 30px !important;
  height: 30px !important;
  animation: expandirInfo 0.5s ease-in-out alternate infinite;
}

@keyframes expandirInfo {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}
.cos-tarjetas-cierre {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 1200px) {
  .cos-tarjetas-cierre {
    justify-content: unset;
  }
}
.cos-tarjetas-cierre .cierre-card {
  background-color: #f1f1f2;
  width: 270px;
  min-width: 220px;
  border-radius: 40px 40px 40px 40px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.cos-tarjetas-cierre .cierre-card .card-header {
  padding: 0.5rem 1.5rem;
  height: auto;
  border-radius: 40px 40px 0px 0px;
  position: relative;
}
.cos-tarjetas-cierre .cierre-card .card-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../../views/img/cosecha/cardsHectareaje/patrones.png");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  opacity: 0.2; /* Ajusta el valor para la visibilidad */
  z-index: 1;
  border-radius: 40px;
}
.cos-tarjetas-cierre .cierre-card .card-header .card-header__info {
  color: white;
  display: flex;
  flex-direction: column;
}
.cos-tarjetas-cierre .cierre-card .card-body__info {
  color: black;
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
}

.card-header-bg-papa {
  background-color: #8B4513;
}

.bg_text-papa {
  background-color: #5A2F0D;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-amarillo {
  background-color: #ffc44d;
}

.bg_text-amarillo {
  background-color: #ed9811;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-blanco {
  background-color: #61ad59;
  border-bottom: solid 1px black;
}

.bg_text-blanco {
  background-color: #468e3c;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-bicolor {
  background-color: #f68e1f;
}

.bg_text-bicolor {
  background-color: #db7d28;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-limon {
  background-color: #7ACBAA;
}

.bg_text-limon {
  background-color: #116530;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-ejote {
  background-color: #A8D08D;
}

.bg_text-ejote {
  background-color: #6A9A3E;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-sorgo {
  background-color: #C79A6A;
}

.bg_text-sorgo {
  background-color: #8A5D3B;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.card-header-bg-calabaza {
  background-color: #2F4F4F;
}

.bg_text-calabaza {
  background-color: #1E2B2B;
  z-index: 2;
  padding: 0.2rem 0.5rem;
}

.info__rend {
  text-align: center;
  font-size: 3rem;
  border-radius: 1rem;
}

.card-position-pendiente {
  position: absolute;
  width: 70px;
  top: -1.5rem;
  left: -1.5rem;
  z-index: 10;
}

.card-position {
  position: absolute;
  width: 70px;
  top: 0;
  left: 0;
  transform: translate(-20%, -20%);
  z-index: 10;
}

.text-progress-posicion {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-wrap: nowrap;
}

.bg-elote {
  background-color: #dbdfe9;
}

/* Clase ya existente */
.bg-progress-bar-cierre {
  background-color: rgba(255, 199, 0, 0.4588235294); /* Color del fondo */
  width: 0%; /* La barra empieza vacía */
  height: 100%; /* Altura completa de la barra */
  transition: width 1s ease-in-out; /* Animación para el relleno de la barra */
}

.bg-progress-bar-cierre-amarillo {
  background-color: #F7C948; /* Color del fondo */
  width: 0%; /* La barra empieza vacía */
  height: 100%; /* Altura completa de la barra */
  transition: width 1s ease-in-out; /* Animación para el relleno de la barra */
}

.bg-progress-bar-cierre-blanco {
  background-color: #61ad59;
  width: 0%; /* La barra empieza vacía */
  height: 100%; /* Altura completa de la barra */
  transition: width 1s ease-in-out; /* Animación para el relleno de la barra */
}

.bg-progress-bar-cierre-bicolor {
  background: #db7d28;
  width: 0%; /* La barra empieza vacía */
  height: 100%; /* Altura completa de la barra */
  transition: width 1s ease-in-out; /* Animación para el relleno de la barra */
}

.bg-progress-bar-cierre-limon {
  background: #7ACBAA;
  width: 0%; /* La barra empieza vacía */
  height: 100%; /* Altura completa de la barra */
  transition: width 1s ease-in-out; /* Animación para el relleno de la barra */
}

.bg-progress-bar-cierre-calabaza {
  background: #2F4F4F;
  width: 0%; /* La barra empieza vacía */
  height: 100%; /* Altura completa de la barra */
  transition: width 1s ease-in-out; /* Animación para el relleno de la barra */
}

.data-estructure {
  margin-top: 0.5rem !important;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background-color: #3E97FF;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 6px;
  font-weight: 900;
  width: auto;
}
.data-estructure:first-of-type {
  background-color: transparent;
  color: var(--bs-app-sidebar-light-menu-link-color);
}
.data-estructure:first-of-type span {
  font-size: 1.6rem !important;
}
.cos-info-pendientes {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 16px;
  padding: 2rem 2rem 0 2rem;
}

[data-bs-theme=dark] .cos-info-pendientes {
  box-shadow: rgba(255, 255, 255, 0.24) 0px 3px 8px;
}

[data-bs-theme=dark] .data-estructure {
  box-shadow: rgba(255, 255, 255, 0.24) 0px 2px 6px;
}

.rendimiento__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 480px) {
  .rendimiento__container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .rendimiento__container {
    justify-content: center;
  }
}
@media (min-width: 1400px) {
  .rendimiento__container {
    justify-content: start;
  }
}

.card__venta {
  width: 100%;
  border-radius: 16px;
  color: black;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin-bottom: 2rem;
  font-size: 1.15rem;
  align-items: center;
  position: relative;
  padding: 1rem;
}
@media (min-width: 480px) {
  .card__venta {
    width: 410px;
  }
}
.card__venta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../../views/img/cosecha/cardsHectareaje/patrones.png");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  opacity: 0.4; /* Ajusta el valor para la visibilidad */
  z-index: 1;
  border-radius: 16px 16px 0 0;
}
.card__venta .card__header {
  display: block;
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: relative;
  border-radius: 16px 16px 0 0;
}
.card__venta .card__header .header__cultivo {
  position: absolute;
  top: -3rem;
  left: -1.5rem;
  width: 80px;
}
.card__venta .card__header .text-card-header {
  color: #fff;
  font-size: 1.2rem;
  font-weight: bolder;
  margin-left: 0.2rem;
}
.card__venta .card__header .data__container__v {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  margin: 1rem 0 0 0;
}
.card__venta .card__header .data__container__v .rendimientokg {
  color: #fff;
  font-size: 3rem;
  font-weight: bolder;
  display: flex;
  line-height: 2.5rem;
  margin-right: 1rem;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-end;
}
.card__venta .card__body {
  width: 97%;
  height: 100%;
  background-color: #fff;
  border-radius: 16px;
  padding: 0.5rem;
}
.card__venta .card__body .data__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1rem;
  margin-left: 1rem;
}
.card__venta .card__body .data__container div {
  flex: 1 1 calc(50% - 10px);
}
.card__venta .card__body .card__v__rendimiento {
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 2rem;
  padding: 0.5rem 2rem 1rem 2rem;
  border-radius: 8px;
  color: white;
}

.card__venta-blanco {
  background-color: #61ad59 !important;
}

.card__venta-bicolor {
  background-color: #f68e1f !important;
}

.card__venta-amarillo {
  background-color: #ffc44d !important;
}

.card__venta-cobalto {
  background-color: #C79A6A !important;
}

.rend-blanco {
  background-color: #468e3c !important;
}

.rend-bicolor {
  background-color: #db7d28 !important;
}

.rend-amarillo {
  background-color: #ed9811 !important;
}

.card__venta-amarillo .rendimientokg {
  background-color: #ed9811;
}

.card__venta-blanco .rendimientokg {
  background-color: #468e3c;
}

.card__venta-bicolor .rendimientokg {
  background-color: #db7d28;
}

.card__venta-cobalto .rendimientokg {
  background-color: #8A5D3B;
}

[data-bs-theme=dark] .card__body {
  color: black;
}
[data-bs-theme=dark] .card__body .card__v__img img {
  background-color: #191919;
}

.login-logo {
  width: 100%;
  max-width: 400px;
}
@media (min-width: 992px) {
  .login-logo {
    min-width: 352px;
    width: 100%;
    max-width: 700px;
  }
}

.cuerpo__login {
  position: relative;
}
.cuerpo__login .boton__permisos {
  position: absolute;
  background-color: red;
  top: 0;
  right: 0;
  padding: 1rem !important;
}

.modal-content {
  border-radius: 15px !important;
}

.modal-header {
  border-radius: 15px 15px 0 0;
}

.main__view {
  width: 100%;
  user-select: none;
  border-radius: 50px;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  .main__view {
    justify-content: start;
  }
}
.main__view .main__wrapper {
  display: flex;
  align-items: center;
  padding: 0.5rem 2rem;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 1.5rem;
}
@media (min-width: 480px) {
  .main__view .main__wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
}

.bg-theme {
  background-color: #3E97FF;
}

.text-azul {
  color: #fff !important;
}

.bg-theme-light {
  background-color: #afd3fd;
}

.bg-button-barra {
  background-color: #fff;
}
[data-bs-theme=dark] .bg-button-barra {
  background-color: #1b1b32;
}

.text-theme {
  color: #fff !important;
}
[data-bs-theme=dark] .text-theme {
  color: #1b1b32 !important;
}

.color-theme {
  color: #3E97FF;
}

/*# sourceMappingURL=app.css.map */