/*================================================================================
* Colores este anio:2025
Primario: #611232
Primario Light: #9b2247
Secundario: #a57f2c
Negro: #161a1d
Gris: #98989A
Verde: #002f2a
================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Patria';
    font-style: normal;
    font-weight: 400;
    src: url("https://framework-gb.cdn.gob.mx/applications/cms/fonts/Patria_Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@font-face {
	font-family: 'Carbon';
	src:url('../fonts/ecoems/CarbonBlock.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



:root {
    --primary-color: #a02042;
    --primary-light-color: #611232;
    --primary-strong-color:#691a32;
    --secondary-color: #f3e8ca;
    --third-color: #ae851c;
    --four-color:#f2e8c9;
    --font-size-large: 1rem;
    --five-color:#98989A;
  }
/*========================== INICIO ===========================*/
h6.titlelinecenter{
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--primary-color);
    padding: 10px;
    text-align: center;
}

.card-footer{
    padding: 10px;
    text-align: center;
}

tr {
    border-bottom: 0 solid rgba(0, 0, 0, .12);
}

/* Estilos para card-content con scroll */
.card-content {
    height: 400px; /* Altura fija del card-content */
    overflow-y: auto; /* Scroll vertical cuando se pase */
    overflow-x: hidden; /* Sin scroll horizontal */
    padding: 20px;
}

/* Hacer que la tabla ocupe todo el espacio disponible */
.card-content table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Para mejor control del ancho de columnas */
}

/* El tbody debe poder crecer pero respetar el scroll del card-content */
.card-content tbody {
    height: auto;
}

/* Estilos adicionales para mejor apariencia */
.card-content::-webkit-scrollbar {
    width: 8px;
}

.card-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.card-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.card-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Asegurar que el card tenga altura definida */
.card {
    height: auto; /* Se ajusta al contenido */
}


.app-search
{
    position: relative;
   
}

.app-search .search-icon
{
    position: absolute;
    top: 15px;
    left: 15px;

    color: #bdbdbd;
}

.app-search input.app-filter
{
    border: 1px solid #000;
    max-width: calc(100% - 3rem);
    margin-bottom: .5rem;
    padding: .2rem;
    padding-left: 2.75rem;
    border-radius: .4rem;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.app-search input.app-filter:focus
{
    border: 1px solid #000;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2) !important;
}