@charset "UTF-8";
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root, [data-bs-theme="light"] {
  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --forest-green: #2f6206;
  --yellow: #f7ee04;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #010156;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-color-rgb: 34, 38, 42;
  --body-bg: #fff;
  --body-bg-rgb: 255, 255, 255;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --link-decoration: underline;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
}








/* =========================================================================
   ENFOQUE DE PRECISIÓN: FONDO TRADICIONAL & HEADER MANTECADO
   ========================================================================= */

/* 1. TEXTURA DE FONDO GENERAL (Para que el sitio no se vea blanco completo) */
body {
    background-image: url('../images/page_gl.png') !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center top !important;
    background-color: #1a331a !important; /* Verde de respaldo */
}

/* 2. EL HEADER PRINCIPAL DEL SITIO (Cambiamos el azul original #010156) */
header.header, 
.header,
.container-header {
    background-color: #3c7b06 !important; /* Color Crema/Mantecado Fino */
    background-image: none !important;    /* Eliminamos cualquier degradado viejo */
    border-bottom: 3px solid #2b5928 !important; /* Línea de división en Verde Grama */
}

/* 3. TEXTOS DEL LOGO Y MENÚ (Oscuros para que se lean sobre el crema) */
.header .navbar-brand, 
.header .navbar-brand a, 
.header .logo-text,
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    color: #1e3f1c !important; /* Verde Grama Profundo para máxima lectura */
}

/* Subrayado decorativo del menú de Cassiopeia en Verde Grama */
@media (width >= 992px) {
    .container-header .metismenu > li > a:hover:after,
    .container-header .mod-menu > li.active:after, 
    .container-header .mod-menu > li:hover:after {
        background: #2b5928 !important;
    }
}

/* Puedes cambiar el valor #b0b0b0 por cualquier otro gris si lo quieres más claro */
.breadcrumbs, 
nav[aria-label="Breadcrumbs"], 
p.small, 
.small {
    color: #b0b0b0 !important; 
}


/* Aclarar los elementos del camino de migas de pan y sus barras separadoras */
.breadcrumb-item, 
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active {
    color: #ffffff !important; /* Tu gris claro de prueba */
}



/* Cambia el #1e3f1c por el verde exacto que quieras para la cabecera de la tabla */
.table thead th, 
.table th {
    background-color: #b0b0b0 !important; /* Fondo Verde Grama Oscuro */
    color: #ffffff !important;            /* Texto Blanco */
}


/* Color en estado normal */
.btn-primary {
    background-color: #2b5928 !important; /* Tu Verde principal */
    border-color: #2b5928 !important;
    color: #ffffff !important;            /* Texto Blanco/Mantecado */
}

/* Color cuando pones el cursor encima (Hover) */
.btn-primary:hover {
    background-color: #1e3f1c !important; /* Un verde un pelo más oscuro al apuntar */
    border-color: #1e3f1c !important;
}


/* =========================================================================
   LA CLAVE DEL MENÚ LATERAL (QUITAR EL AZUL)
   ========================================================================= */

/* Color normal de los enlaces del menú lateral */
.mod-list li a,
.sidebar-right .metismenu a,
.sidebar-right a {
    color: #1e3f1c !important; /* Cámbialo por tu Verde Principal o el color que desees probar */
    text-decoration: none !important;
}

/* Color cuando pasas el mouse por encima (Hover) */
.mod-list li a:hover,
.sidebar-right .metismenu a:hover,
.sidebar-right a:hover {
    color: #1e3f1c !important; /* Un verde más oscuro al apuntar */
    text-decoration: underline !important;
}

/* Color del cuadrito cuando está seleccionado (Checked) */
.form-check-input:checked {
    background-color: #2b5928 !important; /* Tu Verde principal */
    border-color: #2b5928 !important;     /* Borde Verde */
}

/* Color del borde cuando pasas el cursor o haces foco en la casilla */
.form-check-input:focus {
    border-color: #1e3f1c !important;
    box-shadow: 0 0 0 .25rem rgba(43, 89, 40, 0.25) !important; /* Brillo sutil verde */
    

    
}




/* 1. Estado en reposo (Bordes redondeados y sin fondo) */
.mi-pestana-custom {
  border-radius: 50px !important; /* Bordes completamente redondeados estilo píldora */
  border: 2px solid #6c757d !important; /* Borde gris en reposo */
  color: #6c757d !important;
  background: transparent !important;
}

/* 2. Estado Hover (Al pasar el mouse se rellena de un color, ej: amarillo) */
.mi-pestana-custom:hover {
  background-color: #fcee07 !important;
  border-color: #6c757d !important;
  color: white !important;
}

/* 3. Estado Activo (Cuando la pestaña está seleccionada, ej: Verde) */
.mi-pestana-custom.active {
  background-color: #198754 !important;
  border-color: #198754 !important;
  color: white !important;
}



/* 1. Estado Normal (Bordes redondeados, sin fondo, texto gris/azul) */
.pestanas-botones .nav-link {
    border: 2px solid #c4c4c4 !important;      /* Borde amarillo inicial */
    color: #ffffff !important;                 /* Texto azul inicial */
    background-color: #c4c4c4 !important;  /* Sin fondo */
    border-radius: 70px !important;            /* Bordes completamente redondeados */
    margin-right: 8px !important;              /* Separación entre botones */
    margin-bottom: 8px !important;             /* Separación por si se bajan en móvil */
    transition: all 0.2s ease-in-out !important; /* Animación suave al pasar el mouse */
}

/* 2. Estado HOVER (Al pasar el mouse por encima) */
.pestanas-botones .nav-link:hover {
    background-color: #fcee07 !important;      /* Fondo amarillo */
    border-color: #6c757d !important;
    color: white !important;                   /* Texto cambia a blanco */
}

/* 3. Estado ACTIVO (La pestaña que está actualmente seleccionada) */
.pestanas-botones .nav-link.active {
    background-color: #fcee07 !important;      /* Fondo Verde cuando está activo */
    border-color: #198754 !important;          /* Borde Verde */
    color: white !important;                   /* Texto blanco */
}













/* ==========================================================================
   2. CONTROL DEL LOGO EN EL MENÚ LATERAL (Ajuste quirúrgico)
   ========================================================================== */
/* Apunta a cualquier imagen dentro de los menús de módulos laterales */
.mod-menu img,
.mod-menu a img,
aside img {
    max-width: 40px !important;  /* Tamaño controlado para el logo de LIBA (puedes cambiarlo a 24px si lo quieres más chico) */
    height: auto !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* Evita que el texto del enlace se vaya para abajo del logo */
.mod-menu a, 
.sidebar-right a {
    display: flex !important;
    align-items: center !important;
}

/* ==========================================================================
   3. TÍTULO EN VERDE
   ========================================================================== */
h2 a, h1 a, .page-header h2 a, .com-content-featured__item h2 a, .item-page h2 a {
    color: #f4ee07 !important; 
    text-decoration: none !important;
    font-weight: 700 !important;
}
h2 a:hover, h1 a:hover {
    color: #f4ee07 !important; 
    text-decoration: underline !important;
}

/* ==========================================================================
   4. FRANJA OSCURA DE METADATOS
   ========================================================================== */
.article-info, .article-info-muted, dl.article-info {
    background-color: #1a3003 !important; 
    padding: 15px 25px !important;
    border-radius: 6px !important;
    margin-bottom: 35px !important; 
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}
.article-info *, dl.article-info dt, dl.article-info dd {
    color: #ffffff !important;
    margin: 0 !important;
    display: inline-block !important;
    font-size: 0.9rem !important;
}

/* 1. Fondo para el artículo individual (Vista completa) */
.com-content-article {
    background-color: #eeeccc !important; /* Cambia el transparente por un color sólido */
    padding: 50px; /* Para que el texto no pegue al borde del fondo */
    border-radius: 5px;
}




/* Tipografía y Espaciado de Párrafos */
p {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 1rem;
}



/* --- BOTONES DE REDES SOCIALES EN FOOTER --- */
.footer-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
    color: #e0e0e0;
    border: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 1.25rem;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* Efecto al pasar el cursor */
.footer-social-btn:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

/* Instagram Hover */
.footer-social-btn.instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #ffffff !important;
    border-color: transparent;
}

/* YouTube Hover */
.footer-social-btn.youtube:hover {
    background-color: #ff0000;
    color: #ffffff !important;
    border-color: #ff0000;
}

/* Facebook Hover */
.footer-social-btn.facebook:hover {
    background-color: #1877f2;
    color: #ffffff !important;
    border-color: #1877f2;
}

/* Reducción de separación en pantallas móviles */
@media (max-width: 767.98px) {
    .footer-social-btn {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }
}



/* --- BARRA DE REDES SOCIALES BASESLLENAS --- */
.social-card {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 50px;
    background-color: #212529;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-width: 170px;
}

.social-card .social-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.social-card .social-label {
    display: block;
    font-size: 0.65rem;
    text-transform: uppercase;
    color: #adb5bd;
    font-weight: 700;
    line-height: 1;
}

.social-card .social-handle {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

/* Efectos al pasar el cursor (Hover) */
.social-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.4) !important;
}

/* Facebook Hover */
.social-card.facebook:hover {
    border-color: #1877f2;
}
.social-card.facebook:hover .social-icon {
    background-color: #1877f2;
    color: #ffffff;
}
.social-card.facebook:hover .social-handle {
    color: #1877f2;
}

/* Instagram Hover */
.social-card.instagram:hover {
    border-color: #e1306c;
}
.social-card.instagram:hover .social-icon {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #ffffff;
}
.social-card.instagram:hover .social-handle {
    color: #fcee07; /* Amarillo distintivo Basesllenas */
}

/* YouTube Hover */
.social-card.youtube:hover {
    border-color: #ff0000;
}
.social-card.youtube:hover .social-icon {
    background-color: #ff0000;
    color: #ffffff;
}
.social-card.youtube:hover .social-handle {
    color: #ff0000;
}



/* --- INYECCIÓN CSS DE ICONOS PARA ELUDIR EL LIMPIADOR DEL EDITOR --- */
.social-icon.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.social-icon.icon-ig {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.social-icon.icon-yt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.010 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A30.8 30.8 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}



.footer {
  color: #000000;
  background-color: #eeeccc;
  margin-top: 1em;
}