html, body {
    height: 100%; /* Asegura que el body ocupe el 100% del alto de la ventana */
    margin: 0;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Mínimo alto del 100% de la ventana */
}


.main-content {
    flex: 1; /* Permite que el contenido principal se expanda */
    padding: 0px; /* Espaciado opcional para el contenido */
    background-color: #f1f1f1;
}


.footer {
    background-color: #1e3b4d;
    color: #ccc;
    text-align: center;
    padding: 10px 0;
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
}


/* Footer para móviles (menú rápido) */
.footer-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1e3b4d;
    border-top: 1px solid #ddd;
    z-index: 1000;
}


/*.navbar-header a {
    color: #fff !important;
}*/

.user-name {
  color: #fff !important;
}


.user-sub-title {
    color: #fff !important;
}


.header-item {
    color: #fff;
}


.img-perfil-edit img {
    margin-top: 20px;
    border-radius: 260px;
}


.navbar-header {
    background-color: #1e3b4d;
    color: #fff !important;
}


.navbar-brand-box {
    background-color: #1e3b4d;
    color: #fff !important;
}


.sidebar-menu-scroll {
    background-color: #1e3b4d;
    color: #fff !important;  
}


#sidebar-menu ul li a:hover {
    color: #fff;
}


#sidebar-menu ul li.mm-active>a {
    background-color: #2B7561;
    color: #B6C8A7;
    border-radius: 10px;
}


#sidebar-menu ul li a .nav-icon {
  color: #B6C8A7;
}


#sidebar-menu ul li.mm-active>a .nav-icon {
  color: #fff !important;
}


#sidebar-menu ul li a:hover .nav-icon {
  color: #B6C8A7;
}

.page-content {
    background-color: #f1f1f1;
}

.user-sub-title {
  text-transform: uppercase;
}

a.nav-link {
    padding-top: 20px;
}

.btn {
  padding: 0.7rem 1.6rem;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.btn:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-loading {
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
  cursor: progress !important;
}


.btn-sm {
  padding: 0.6rem 1.3rem;
  font-size: 13px;
}

.shadow {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) !important;
}

img.card-img-top {
    border-radius: 20px 20px 0px 0px;
}

.cabecera-card {
  contain: content;
}

.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 20px 20px 0px 0px;
}

.card.mb-4 {
    border-radius: 20px;
    box-shadow: 0px 5px 5px #ccc;
}

.sub-header-menu {
    margin-top: 10px;
    margin-bottom: 10px;
}


.btn-primary {
  background: #12a894;
  color: #ffffff !important;
  border-color: #12a894;
}

.bg-soft-primary {
  background-color: rgba(18, 168, 148, 0.1) !important;
}

.btn-agricarm {
  margin-top: 0px;
  margin-bottom: 5px;
}

.btn-agricarm-edit {
  background-color: #E67034 !important;
  border-color: #E67034;
}

.btn-idioma {
    padding: 8px 30px;
    margin-top: -10px;
}

.form-horizontal {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    margin: auto;
}

.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.col-label {
    flex: 1;
    text-align: right;
    margin-right: 10px;
    width: 30%;
    font-weight: 800;
    font-size: 14px;
}

.metismenu li i {
    font-size: 20px;
    padding-right: 10px;
    color: #fff;
}

.metismenu li a {
  text-decoration: none;
}

.metismenu li {
  color: #EAEBE9;
}

.vertical-menu #sidebar-menu>ul>li:hover>a {
    background-color: #B6C8A7 !important;
    color: #333 !important;
}

.vertical-menu #sidebar-menu > ul > li:hover > a i {
  color: #333 !important;
}

input {
    flex: 2;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #333;
    width: 70%;
}

select {
    flex: 2;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #333;
    width: 70%;
}

textarea {
    flex: 2;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #333;
    width: 70%;
}

button {
    margin-top: 0px;
    align-self: center;
    padding: 10px 20px;
}

.text-primary {
  color: #12a894 !important;
}

.border-primary {
  color: #12a894 !important;
}

.btn-soft-primary {
  background-color: rgba(18, 168, 148, 0.25) !important;
  color: #12a894 !important;
}

.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled):active:focus,
.btn-soft-primary .open > .dropdown-toggle.btn-primary {
  background: #109684;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary .open > .dropdown-toggle.btn-primary {
  background: #109684;
  border-color: #109684;
}

.btn-outline-primary {
  color: #12a894;
  border-color: #12a894;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary .open > .dropdown-toggle.btn-primary {
  background: #12a894;
  border-color: #12a894;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-soft-success {
  background-color: rgba(40, 167, 69, 0.1) !important;
}

.text-success {
  color: #28a745 !important;
}

.border-success {
  color: #28a745 !important;
}

.btn-soft-success {
  background-color: rgba(40, 167, 69, 0.25) !important;
  color: #28a745 !important;
}

.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.focus, .btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled):active:focus,
.btn-soft-success .open > .dropdown-toggle.btn-primary {
  background: #24973e;
}

.btn-success {
  background: #28a745;
  border-color: #28a745 !important;
  color: #ffffff !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success .open > .dropdown-toggle.btn-primary {
  background: #24973e;
  border-color: #24973e;
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success .open > .dropdown-toggle.btn-primary {
  background: #28a745;
  border-color: #28a745;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-soft-info {
  background-color: rgba(23, 162, 184, 0.1) !important;
}

.text-info {
  color: #17a2b8 !important;
}

.border-info {
  color: #17a2b8 !important;
}

.btn-soft-info {
  background-color: rgba(23, 162, 184, 0.25) !important;
  color: #17a2b8 !important;
}

.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active, .btn-soft-info.focus, .btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled):active:focus,
.btn-soft-info .open > .dropdown-toggle.btn-primary {
  background: #1592a6;
}

.btn-info {
  background: #17a2b8;
  border-color: #17a2b8 !important;
  color: #ffffff !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info .open > .dropdown-toggle.btn-primary {
  background: #1592a6;
  border-color: #1592a6;
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info .open > .dropdown-toggle.btn-primary {
  background: #17a2b8;
  border-color: #17a2b8;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-soft-warning {
  background-color: rgba(255, 193, 7, 0.1) !important;
}

.text-warning {
  color: #ffc107 !important;
}

.border-warning {
  color: #ffc107 !important;
}

.btn-soft-warning {
  background-color: rgba(255, 193, 7, 0.25) !important;
  color: #ffc107 !important;
}

.btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning:active, .btn-soft-warning.active, .btn-soft-warning.focus, .btn-soft-warning:not(:disabled):not(.disabled):active, .btn-soft-warning:not(:disabled):not(.disabled):active:focus,
.btn-soft-warning .open > .dropdown-toggle.btn-primary {
  background: #f2b500;
}

.btn-warning {
  background: #ffc107;
  border-color: #ffc107 !important;
  color: #ffffff !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning .open > .dropdown-toggle.btn-primary {
  background: #f2b500;
  border-color: #f2b500;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning .open > .dropdown-toggle.btn-primary {
  background: #ffc107;
  border-color: #ffc107;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-soft-danger {
  background-color: rgba(220, 53, 69, 0.1) !important;
}

.text-danger {
  color: #dc3545 !important;
}

.border-danger {
  color: #dc3545 !important;
}

.btn-soft-danger {
  background-color: rgba(220, 53, 69, 0.25) !important;
  color: #dc3545 !important;
}

.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:active, .btn-soft-danger.active, .btn-soft-danger.focus, .btn-soft-danger:not(:disabled):not(.disabled):active, .btn-soft-danger:not(:disabled):not(.disabled):active:focus,
.btn-soft-danger .open > .dropdown-toggle.btn-primary {
  background: #d72536;
}

.btn-danger {
  background: #dc3545;
  border-color: #dc3545 !important;
  color: #ffffff !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger .open > .dropdown-toggle.btn-primary {
  background: #d72536;
  border-color: #d72536;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger .open > .dropdown-toggle.btn-primary {
  background: #dc3545;
  border-color: #dc3545;
}

.bg-orange {
  background-color: #f09105 !important;
}

.bg-soft-orange {
  background-color: rgba(240, 145, 5, 0.1) !important;
}

.text-orange {
  color: #f09105 !important;
}

.border-orange {
  color: #f09105 !important;
}

.btn-soft-orange {
  background-color: rgba(240, 145, 5, 0.25) !important;
  color: #f09105 !important;
}

.btn-soft-orange:hover, .btn-soft-orange:focus, .btn-soft-orange:active, .btn-soft-orange.active, .btn-soft-orange.focus, .btn-soft-orange:not(:disabled):not(.disabled):active, .btn-soft-orange:not(:disabled):not(.disabled):active:focus,
.btn-soft-orange .open > .dropdown-toggle.btn-primary {
  background: #dc8505;
}

.btn-orange {
  background: #f09105;
  border-color: #f09105 !important;
  color: #ffffff !important;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-orange.focus, .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange .open > .dropdown-toggle.btn-primary {
  background: #dc8505;
  border-color: #dc8505;
}

.btn-outline-orange {
  color: #f09105;
  border-color: #f09105;
}

.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.focus, .btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-orange .open > .dropdown-toggle.btn-primary {
  background: #f09105;
  border-color: #f09105;
}

.bg-dark {
  background-color: #1e304d !important;
}

.bg-soft-dark {
  background-color: rgba(30, 48, 77, 0.1) !important;
}

.text-dark {
  color: #1e304d !important;
}

.border-dark {
  color: #1e304d !important;
}

.btn-soft-dark {
  background-color: rgba(30, 48, 77, 0.25) !important;
  color: #1e304d !important;
}

.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark.focus, .btn-soft-dark:not(:disabled):not(.disabled):active, .btn-soft-dark:not(:disabled):not(.disabled):active:focus,
.btn-soft-dark .open > .dropdown-toggle.btn-primary {
  background: #18273e;
}

.btn-dark {
  background: #1e304d;
  border-color: #1e304d !important;
  color: #ffffff !important;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark .open > .dropdown-toggle.btn-primary {
  background: #18273e;
  border-color: #18273e;
}

.btn-outline-dark {
  color: #1e304d;
  border-color: #1e304d;
}

.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark .open > .dropdown-toggle.btn-primary {
  background: #1e304d;
  border-color: #1e304d;
}


.table-container {
    margin-top: 30px;
}

.btn-rrss {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

li.list-group-item {
    font-size: 13px;
}

.weather {
    font-size: 0.9em;
    color: gray;
}

/* Estilo para centrar verticalmente los contenidos de las celdas */
.table td, .table th {
    vertical-align: middle;
}

td {
    font-size: 14px;
}

.card-header.crop-detail {
    background-color: #2B4A56;
    color: #fff;    
}

.card-header.crop-detail h4 {
    color: #fff;
}

.card-body.crop-detail {
    background-color: #E67034;
    color: #fff;
}

.crop-detail h4 {
  margin-bottom: 0px !important;
}

.crop-detail p {
  margin-bottom: 0px;
}


.card-header.crop-especify {
    background-color: #C68739;
    color: #fff;    
}

.crop-especify p {
  margin-bottom: 0px;
}

th.sorting {
    font-size: 13px;
}

h3.titulo-noticia {
    font-size: 16px;
    font-weight: 900;
    color: #C68739;
    margin-bottom: 0px;
}

.cuerpo-noticia {
    margin-top: 5px;
    font-weight: 200;
    font-size: 14px;
}

.grid-especificaciones {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.especificaciones-icono {
    color: #E67034;
    font-size: 24px;
    margin-bottom: 10px;
}

.especificaciones-campo {
    border-left: 4px solid #C68739;
    padding: 10px;
    text-align: center;
    background-color: #f9f9f9;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

/* Estilo general para las tabs */
.nav-tabs .nav-link {
    border: none;
    color: #fff;
    background-color: #2B7561;
    padding: 10px 20px;
    font-size: 16px;
/*    background-color: transparent;*/
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Tabs activas */
.nav-tabs .nav-link.active {
    background-color: #E67034;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Hover effect para tabs */
.nav-tabs .nav-link:hover {
    background-color: #E67034;
    color: #fff;
    border-radius: 50px;
}

/* Estilo de los paneles */
.tab-content {
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 20px;
}

/* Estilo de las tarjetas dentro de los paneles */
.card {
/*    border: none;*/
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Títulos de las tarjetas */
.card-title {
    font-weight: bold;
}

/* Texto dentro de las tarjetas */
.card-text {
    color: #6c757d;
}

/* Estilo para el contenido general dentro de los tab panes */
.tab-pane {
    animation: fadeEffect 0.5s;
}

/* Animación para suavizar el cambio entre tabs */
@keyframes fadeEffect {
    from { opacity: 0; }
    to { opacity: 1; }
}


.card-header {

}


.card-title {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 14px;
    font-family: 'Roboto';
    color: #2B4A56;
    font-weight: bold;
    text-transform: uppercase;
}


.comments li.list-group-item {
    background-color: #FBFBFA;
    margin-bottom: 10px;
    border-radius: 10px;
}


.card-text {
  margin-bottom: 10px !important;
}


.selector-idioma-desktop {
  display: block;
}


.selector-idioma-mobile {
  display: none;
}


.language-switcher {
    display: flex;
    justify-content: center;
    gap: 10px;
}


.btn-language {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;    
}


.btn-language:hover {
    background-color: #f0f0f0;
}

.titulo-seccion  {
  font-family: 'Roboto';
  color: #2B4A56;
  margin-bottom: 20px;
  font-size: 36px;
}


/* Estilos para dispositivos móviles (ancho máximo de 767px) */
@media only screen and (max-width: 480px) {

  .navbar-brand-box {
    height: fit-content;
  }

  .selector-idioma-desktop {
    display: none;
  }

  .footer {
      display: none;
  }

  .footer-mobile {
      display: block;
  }

  .selector-idioma-mobile {
    display: block;
    padding-left: 30px;
  }

  .card {
    margin-bottom: 10px;
  }

  ul.list-group {
      margin-bottom: 20px;
  }

  .list-group-item p {
    font-size: 14px;
    text-align: justify;
  }

  .card-title {
      font-size: 12px;
  }

  /* Footer para móviles (menú rápido) */
  .footer-mobile {
      display: none;
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: #1e3b4d;
      border-top: 1px solid #ddd;
      z-index: 1000;
  }

  .quick-menu {
      display: flex;
      justify-content: space-around; /* Distribuir espacio entre los elementos */
      align-items: center; /* Centrar verticalmente los elementos */
      padding: 10px 0;
  }

  .menu-item {
      flex: 1; /* Asegura que cada ítem ocupe un espacio igual */
      text-align: center;
      color: #fff;
      font-size: 12px;
      text-decoration: none;
  }

  .menu-item i {
      font-size: 24px;
      display: block;
      color: #ccc;
  }

  a.menu-item.dashboard {
      font-size: 15px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
  }


}


/* Ancho específico para desktop */
@media (min-width: 768px) {
    .dropdown-menu {
        width: 420px !important;
    }
}

/* Ancho específico para mobile */
@media (max-width: 767px) {
    .dropdown-menu {
        width: 300px !important; /* Ajusta este valor según sea necesario */
    }
}