.verde{
    color: var(--bs-verde);
}

.text-verde{
    color: var(--bs-verde);
    font-size: 1.2rem;
    font-weight: 500;
}

.bg-verde{
    background-color: var(--bs-verde);
}

.link-primary, .link-primary:hover, .link-primary:focus {
    color: #691c32 !important;
}
.btn.btn-primary {
    color: #fff;
    border-color: #691c32;
    background-color: #691c32;
}

.btn.btn-verde {
  background-color: #235B4E !important;
	border-color: #235B4E !important;
	color: #FFF !important;
}

.btn-outline-verde {
  color: #235B4E;
  border: 1px solid #235B4E;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.btn-outline-verde:hover,
.btn-outline-verde:focus {
  background-color: #235B4E;
  color: #fff;
  border-color: #235B4E;
}


.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    color: var(--kt-primary-inverse);
    border-color: var(--kt-primary-active);
    background-color: #912543  !important;
}

.bg-cdmx{
    background-color: #912543  !important;
}

/***** SE AGREGA CURSOR POINTER PARA LOS CHECK *****/
.form-check .form-check-input {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
    background-color: #912543  !important;
}

.form-control.round-cmdx:focus {
    border-color: #912543;
    box-shadow: 0 0 0 0.25rem rgba(80, 205, 137, 0.25);
}

.bg-primary {
    --kt-bg-rgb-color: var(--kt-primary-rgb);
    background-color: #235B4E!important;
}

.btn.btn-active-color-primary.active i{
    color: #691c32;
}

.btn-check:checked + .btn.btn-active-color-primary i,
.btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i,
.btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i,
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i,
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i,
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary.active i,
.btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.show i,
.btn.btn-active-color-primary.show .svg-icon, .show > .btn.btn-active-color-primary i,
.show > .btn.btn-active-color-primary .svg-icon {
  color: #691c32;
}

.text-cdmx{
    color: #691c32 !important;
}

.text-cdmx-v{
    color: #235B4E !important;
}

.text-gray-400 {
    color: #912543 !important;
}

.active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #912543;
    border-color: var(--bs-pagination-active-border-color);
}

textarea{
    height: 150px;
}

/*========================================
=            CSS DARK SIDEBAR            =
========================================*/
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
  color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
  color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
  background-color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-bullet .bullet {
  background-color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
  color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i {
  color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: #9F2241;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: #DDc9A3;
  color: var(--kt-primary-inverse);
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
  color: #235B4E;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
  color: #235B4E;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: #235B4E;
}
/*=========================================
=            CSS LIGHT SIDEBAR            =
=========================================*/
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
  color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
  color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
  background-color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title {
  color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i {
  color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-bullet .bullet {
  background-color: #235B4E;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: #B28E5C;
  color: var(--kt-primary);
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
  color: #9F2241;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
  color: #9F2241;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: #9F2241;
}
.cursor_point{
    cursor: pointer;
}

.link-primary, .link-primary:hover, .link-primary:focus {
  color: #691c32 !important;
}
.btn.btn-primary {
  color: #fff;
  border-color: #691c32;
  background-color: #691c32;
}
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
  color: var(--kt-primary-inverse);
  border-color: var(--kt-primary-active);
  background-color: #912543  !important;
}

.text-gray-400 {
  color: #912543 !important;
}

.text-guinda{
  color: #611232 !important;
}

.text-dorado{
  color: #D9A362 !important;
}


.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
  background-color: #912543  !important;
}

.form-control.round-cmdx:focus {
  border-color: #912543;
  box-shadow: 0 0 0 0.25rem rgba(80, 205, 137, 0.25);
}


.card-body-general {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 2.25rem;
  background-image: url('/plataforma/public/demo1/media/logos/FONDO-DORADO.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.card-general {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid #ECF0F3;
  border-radius: 0.42rem;
}

#kt_app_header_menu a.menu-link {
  color: #FFFFFF !important;
  background-color: #B28E5C !important;
}

#kt_app_header_menu span.menu-title {
  color: #FFFFFF !important;
}

.app-sidebar-menu{
  background-color: #691c32 !important;
}

#kt_app_sidebar_menu, .menu-item, .menu-title{
  color: #ffffff !important;
}

#kt_app_sidebar_footer{
  background-color: #691c32 !important;
}

#containers_analisis_informacion .bg-pemex {
  --kt-bg-rgb-color: var(--kt-success-rgb);
  background-color: #047646 !important;
}

#containers_analisis_informacion .bg-sat {
  --kt-bg-rgb-color: var(--kt-success-rgb);
  background-color: #0055B8 !important;
}

#containers_analisis_informacion .bg-mgc {
  --kt-bg-rgb-color: var(--kt-success-rgb);
  background-color: #A6B389 !important;
}

#containers_analisis_informacion .bg-cne {
  --kt-bg-rgb-color: var(--kt-success-rgb);
  background-color: #691c32 !important;
}

#containers_analisis_informacion .bg-almacen {
  --kt-bg-rgb-color: var(--kt-success-rgb);
  background-color: #D9A362 !important;
}

    .descripcion-seccion{
        text-align: left;
        font-size: 12px;
        color: #98989a;
        margin-top: -10px !important;
    }

    .titulo-subsecion{
        text-align: left;
        font-size: 14px;
        color: #1e5b4f;
        font-weight: bold;

    }
    .atributo{
        text-align: left;
        font-size: 14px;
        color: #98989a;
        font-weight: bold;

    }

    .respuesta{
        text-align: left;
        font-size: 14px;
        color: #98989a;
                margin-top: -10px !important;



    }
    .button {
        bottom: 10px;
        left: 30px;
        padding: 5px 10px;
        background: #1e5b4f;
        border: 2px solid #1e5b4f;
        color: #fff;
        text-decoration: none;
        border-radius: 10px;
        font-weight: bold;
        font-size: 14px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .button:hover {
    color: #fff;
    }

    .button-vino {
      bottom: 10px;
      left: 30px;
      padding: 5px 10px;
      background: #621232;
      border: 2px solid #621232;
      color: #fff;
      text-decoration: none;
      border-radius: 10px;
      font-weight: bold;
      font-size: 14px;
      transition: all 0.3s ease;
      cursor: pointer;
  }

  .button-vino:hover {
  color: #fff;
  }

  .button-gris {
    bottom: 10px;
    left: 30px;
    padding: 5px 10px;
    background: #515151;
    border: 2px solid #515151;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.button-gris:hover {
color: #fff;
}


    .button-borde-gris {
        bottom: 10px;
        left: 30px;
        padding: 5px 10px;
        background: transparent;
        border: 1px solid #98989a;
        color: #98989a;
        text-decoration: none;
        border-radius: 10px;
        font-weight: bold;
        font-size: 14px;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .button-borde-gris:hover {
    background-color: #98989a;
    color: #fff;
    }
    /* Cambiar color del SVG al pasar el mouse */
    .button-borde-gris:hover img {
        filter: brightness(0) invert(1);
        transition: filter 0.3s ease;
    }

    .sin-button {
        bottom: 10px;
        left: 30px;
        padding: 5px 10px;
        background: transparent;
        color: #98989a;
        text-decoration: none;
        border-radius: 10px;
        font-weight: bold;
        font-size: 14px;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .sin-button:hover {
    color: #98989a;
    }

    .separacion-inferior {
        margin-bottom: 15px;
        }

    .sub {
      font-size: 0.6em;
      color: #666;
    }


    .button-borde-verde {
        bottom: 10px;
        left: 30px;
        padding: 5px 10px;
        background: transparent;
        border: 1px solid #1e5b4f;
        color: #1e5b4f;
        text-decoration: none;
        border-radius: 10px;
        font-weight: bold;
        font-size: 14px;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .button-borde-verde:hover {
    background-color: #1e5b4f;
    color: #fff;
    }
    /* Cambiar color del SVG al pasar el mouse */
    .button-borde-verde:hover img {
        filter: brightness(0) invert(1);
        transition: filter 0.3s ease;
    }
    .form-check-input{
      border: 2px solid #6c757d;
    }
    .form-check-label{
      color: #6c757d;
    }
      .row-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 columnas fijas */
    gap: 15px 40px; /* espacio vertical y horizontal */
    margin-bottom: 20px;
  }

  .input-group-custom {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .input-group-custom input[type="checkbox"],
  .input-group-custom input[type="radio"] {
    accent-color: #1e5b4f;
    width: 18px;
    height: 18px;

  }

  .input-group-custom label {
    margin: 0;
    color: #6c757d;
  }

  .form-check-input {
  accent-color: #1e5b4f;
}

.textarea-wrapper {
  position: relative;
  margin-bottom: 1rem;
}

.textarea-wrapper::before {
  content: "⚠️ Este campo será incluido en la versión pública de la MISSE. No incluir datos personales o información confidencial (Art. 115 LGTAIP).";
  white-space: pre-wrap;
  display: block;
  background-color: #fff3cd;
  color: #856404;
  font-size: 12px;
  padding: 8px;
  border: 1px solid #ffeeba;
  border-radius: 4px;
  margin-bottom: 6px;
}

.mensaje-especial::before {
  content: "🛑 El Resumen Ejecutivo de la MISSE debe elaborarse con énfasis en los resultados de la Identificación de Impactos Sociales y el Plan de Gestión Social, destacando especialmente la estrategia de Implementación de las medidas de prevención, mitigación, remediación, compensación y ampliación de los impactos sociales y, en su caso, la estrategia de Beneficios Sociales Compartidos.";
 white-space: pre-wrap;
  display: block;
  background-color: #fff3cd;
  color: #856404;
  font-size: 12px;
  padding: 8px;
  border: 1px solid #ffeeba;
  border-radius: 4px;
  margin-bottom: 6px;
}

 .nav-tabs .nav-link {
        color: grey;
        font-size: 18px;
    }

    .nav-tabs .nav-link.active {
        color: #1e5b4f; 
        font-weight: bold;
        border-bottom: 3px solid #1e5b4f;
    }

  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate,
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter label {
        color: grey;

}

.observacion{
        text-align: left;
        font-size: 14px;
        color: #98989a;
    }

.bold{
  font-weight: bold;
}

input[type="radio"] {
  accent-color: #1e5b4f;
   width: 14px;
    height: 14px;

}

 input[type="radio"]:checked + label {
    color: #1e5b4f; 
    font-weight: bold;
  }

  .text-vino{
    color: #611232;
    font-size: 1.2rem;
    font-weight: bold;
}

 .text-gris{
    color: #98989a;
    font-size: 1.2rem;
    font-weight: bold;
}

.btn.btn-dorado {
  background-color: #D9A362 !important;
  color: #fff !important; /* Texto blanco por defecto */
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out !important;
}

.btn.btn-dorado:hover {
  background-color: #b8843f !important; /* Un poco más oscuro al pasar el mouse */
  color: #fff !important; /* Texto blanco */
}