/* =============================================
   ACADEMIA — Paleta de colores personalizada
   Editar estas variables para cambiar el tema
   ============================================= */

:root {
    --bs-logo-lg-height: 56px;
    --bs-logo-sm-height: 44px;

    /***Paleta de Colores***/
    --negro-profundo:       #0D0D0D;
    --gris-carbon:          #1A1A1A;
    --gris-humo:            #2A2A2A;
    --marfil:               #E8E3D9;
    --gris-claro:           #BFBFBF;
    --dorado-antiguo:       #C6A75E;
    /*acentos*/
    --dorado-oscuro:        #8C6B2F;
    --verde-oscuro:         #1F3D2B;
    --verde-oliva:          #4A5D23;
    --vino-oscuro:          #4B1E2F;
    --borgonia:             #6A2E3B;
    /*plantilla*/
    --bs-primary:           var(--dorado-antiguo)!important;
    --bs-primary-rgb:       198, 167, 94;
    --bs-link-hover-color:  var(--dorado-antiguo)!important;
    --bs-btn-hover-border-color:  var(--dorado-antiguo)!important;
    /*reglas*/
    /**Fondos**/
    --fondo-primario:       var(--negro-profundo); /*para toda la web, hero, base general*/
    --fondo-secundario:     var(--gris-carbon); /*secciones alternas, bloques de contenido y cards grandes*/
    --fondo-terciario:      var(--gris-humo); /*cards chicas, inputs y contenedores*/
    /**Textos**/
    --texto-principal:      var(--marfil); /*párrafos, contenidos y textos largos*/
    --texto-secundario:     var(--gris-claro); /*descripciones, metadata y textos menos importantes*/
    --texto-deshabilitado:  var(--gris-humo); /*textos deshabilitados o de bajo énfasis*/
    /**Enecabezados**/
    --titulos-principales:  var(--dorado-antiguo); /*títulos de página, nombre de secciones y branding*/
    --subtitulos-dorados:   var(--dorado-antiguo); /*subtítulos de sección y elementos de nivel inferior*/
    --subtitulos-blancos:   var(--marfil); /*subtítulos de sección y elementos de nivel inferior*/
}

/* =============================================
   Sobreescrituras de Bootstrap / app.css
   ============================================= */
/* Boton principal (CTA)*/

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--gris-carbon),var(--bs-bg-opacity))!important;
}

.btn-primary {
    background-color: var(--dorado-antiguo)!important;
    border-color:     var(--dorado-antiguo)!important;
    color:            var(--negro-profundo)!important;
}
.btn-primary:hover {
    background-color: var(--dorado-oscuro)!important;
    border-color:     var(--dorado-oscuro)!important;
    color:            var(--negro-profundo)!important;
}
/* Boton secundario */
.btn-secondary {
    background-color: transparent;
    border-color:     var(--dorado-antiguo);
    color:            var(--dorado-antiguo);
}
.btn-secondary:hover {
    background-color: var(--dorado-oscuro);
    border-color:     var(--dorado-antiguo);
    color:            var(--dorado-antiguo);
}
/*hero*/
.hero-background {
    background-color:   var(--fondo-primario);
    color:              var(--texto-principal);
}
h1{
    color: var(--titulos-principales)!important;
}
/*footer*/
footer {
    background-color: var(--fondo-primario);
    color:            var(--texto-secundario);
}
.color-acento-dorado {
    color:            var(--dorado-oscuro)!important;
}

.footer-logo-academia{
    max-height: 50px !important;
}
.padding65 {
    padding: 65px 0 !important;
}
.bandera{
    max-height: 50px !important;
}
.twitter{
    background-color: black !important;
}

.limpiar-estilos {
  all: unset;
  color: inherit!important;
}

.medallas{
    padding: 0 3em;
    display: flex;
    gap: 0.25rem;
}

.medalla iconify-icon {
    font-size: 1.5rem;
    transition: filter 0.2s;
}

.medalla-inactiva iconify-icon {
    color: #555;
    opacity: 0.25;
}

.medalla-grado-1 iconify-icon {
    color: #f0f0f0;
    filter: drop-shadow(0 0 4px #ffffff88);
}

.medalla-grado-2 iconify-icon {
    color: #6A2E3B;
    filter: drop-shadow(0 0 4px #e5393588);
}

.medalla-grado-3 iconify-icon {
    color: #4A5D23;
    filter: drop-shadow(0 0 4px #43a04788);
}

.medalla-grado-4 iconify-icon {
    color: #1e88e5;
    filter: drop-shadow(0 0 4px #1e88e588);
}

.medalla-grado-5 iconify-icon {
    color: #8e24aa;
    filter: drop-shadow(0 0 4px #8e24aa88);
}

.em2 {
    font-size: 2em !important;
}

.em1-5 {
    font-size: 1.5em !important;
}

.fzem1{
    font-size: 1em !important;
}


.padding3em {
    padding-top: 3em !important;
}

.padding3emtopbottom {
    padding: 3em !important;
}

.padding3emall {
    padding: 3em 3em !important;
}

.padding3emleft {
    padding: 3em !important;
}

.paddingcarrito{
    padding: 0 10em !important;
}

.subrayado{
    text-decoration: underline!important;
}

.padding1em{
    padding: 1.3em 0!important;
}

.limpiar-estilos
{
    padding: 1.3em 0!important;
}

.h2academia {
    font-size: 2em!important;
    line-height: 1.5em!important;
}

.colormarfil {
    color: var(--marfil) !important;
}

.accordion-style2 a:hover, .accordion-style2 a:hover i, .accordion-style2 a:hover span {
    color: var(--dorado-oscuro) !important;
}

.coloracento {
    color: var(--dorado-oscuro) !important;
}

.colordorado {
    color: var(--dorado-antiguo) !important;
}

.bg-borgonia {
    background-color: var(--borgonia) !important;
}

.bg-secundario {
    background-color: var(--fondo-secundario) !important;
    color: var(--texto-secundario)!important;
}

.accordion-style2 .panel .panel-heading {
    background-color: var(--fondo-terciario) !important;
}

.texto-dorado-oscuro {
    color: var(--dorado-oscuro) !important;
}

.texto-verde-oscuro {
    color: var(--verde-oscuro) !important;
}

.texto-verde-oliva {
    color: var(--verde-oliva) !important;
}

.texto-vino-oscuro {
    color: var(--vino-oscuro) !important;
}

.texto-borgonia {
    color: var(--borgonia) !important;
}

.menublog {
    background-color: var(--fondo-secundario)!important;
    color: var(--marfil) !important;
}

.aside-title:after{
    background: var(--borgonia) !important;
}

.categorias{
    color: var(--marfil) !important;
}

.categorias:hover{
    color: var(--dorado-oscuro) !important;
}

.faqicon{
display: flex;                /* Activa el modo flex */
    justify-content: space-between; /* Empuja el texto a la izquierda y el icono a la derecha */
    align-items: center;          /* Centra ambos verticalmente */
}

  .img-blog-limit {
    /* Limita la altura al 50% de la pantalla */
    max-height: 50vh!important; 
    min-height: 250px!important;      /* No se encogerá más de esto en móviles */
    /* Asegura que no se deforme (la recorta si es necesario) */
    object-fit: contain!important; 
    /* Mantiene la imagen centrada en su recorte */
    object-position: center!important; 
    /* Opcional: asegura que ocupe todo el ancho disponible */
    width: 100%!important; 
  }
 
/* =============================================
   Template POFO
   ============================================= */
.tag-cloud a {
    border: 1px solid var(--borgonia)!important;
    color: var(--texto-secundario)!important;
}

.tag-cloud a:hover {
    border: 1px solid var(--dorado-oscuro)!important;
    color:var(--dorado-oscuro)!important;
}

header a.logo img {
    max-height: 55px !important;
}

/*para quitar el bullet de la lista*/
.list-style-5 li:before {
    display: none !important;
}
.accordion-style2 .panel .panel-heading a, .accordion-style2 .panel-body, .panel-heading{
    padding: 1em !important;
}

.header-dark{
    background-color: var(--negro-profundo) !important;
}
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a, header nav.navbar.white-link .header-social-icon a, nav.navbar.bootsnav.white-link .header-social-icon a, header nav.navbar.white-link .header-searchbar a, nav.navbar.bootsnav.white-link .header-searchbar a, header nav.navbar.bootsnav ul.nav.white-link > li > a, nav.navbar.white-link .heder-menu-button a {
    color: var(--marfil) !important;
}

.btn.btn-dark-gray
 {
    background: var(--dorado-antiguo) !important;
    border-color: none!important;
    color: var(--negro-profundo) !important;
}

.bg-light-gray {
    background-color: var(--fondo-terciario) !important;
     color: var(--marfil) !important;
}

.bg-extra-dark-gray {
    background-color: var(--fondo-secundario) !important;
}

.text-white-2, .btn.text-white-2
 {
    color: var(--marfil) !important;
}

.bg-deep-pink {
    background-color: var(--fondo-terciario) !important;
}

.scroll-top-arrow{
    background-color: var(--dorado-oscuro) !important;
}

.bg-black{
    background-color: var(--fondo-primario) !important;
}

body{
    background-color: var(--fondo-primario) !important;
    color: var(--marfil) !important;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid  var(--fondo-terciario) !important;
}
/* =============================================
   LARKON — Modo oscuro
   ============================================= */
[data-bs-theme="dark"] {
  --bs-body-bg:              var(--negro-profundo) !important;
  --bs-body-color:           var(--marfil) !important;
  --bs-primary:              var(--dorado-antiguo) !important;
  /* --bs-primary-rgb:          196, 149, 106 !important;
  bs-topbar-search-bg:     var(--negro-profundo) !important;*/
  --bs-heading-color:        var(--marfil) !important;
  /*--bs-link-color-rgb:       196, 149, 106 !important;
  bs-topbar-search-bg:     var(--ca-crema) !important;*/
  --bs-secondary-color:      var(--marfil) !important;
  --bs-main-nav-item-color:  var(--marfil) !important;
  --bs-topbar-item-color:    var(--marfil) !important;
  --bs-link-color-rgb:       var(--marfil) !important; 
}

[data-bs-theme="dark"] .card {
  color:                     var(--gris-claro) !important;
  border-color:              var(--dorado-antiguo);
}

[data-bs-theme="dark"] .main-nav {
    background-color: var(--gris-carbon);
}

[data-bs-theme="dark"] .topbar {
    background-color: var(--gris-carbon) !important;
}

[data-bs-theme="dark"] .text-muted {
  color:                     var(--gris-claro) !important;
}


/* =============================================
   LARKON — Modo Claro
   ============================================= */
[data-bs-theme="light"] {
  --bs-body-bg:              var(--marfil) !important;
  --bs-body-color:           var(--negro-profundo) !important;
  --bs-primary:              var(--dorado-antiguo) !important;
}

[data-bs-theme="light"] .text-muted {
  color:           var(--negro-profundo) !important;
}

[data-bs-theme="light"] .card {
  background-color:          #f9f7f7 !important;
}


[data-bs-theme="light"] .topbar {
    color: var(--gris-carbon) !important;
}


/* =============================================
   LARKON 
   ============================================= */
.nav {
    --bs-nav-link-color: var(--borgonia)!important;
}

.nav-tabs li a.active
 {
    border-bottom: 1px solid var(--borgonia)!important;
}


   .page-content {
  padding-top: 2em !important;
}

.page-content h4 {
  color: var(--ca-tinta) !important;
}

.navbar-custom {
  background-color: var(--ca-tinta) !important;
}

.leftside-menu {
  background-color: var(--ca-tinta) !important;
}

.side-nav .side-nav-link {
  color: var(--ca-crema) !important;
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link.active {
  color: var(--ca-tierra) !important;
}

.btn-soft-primary {
  background-color: rgba(196, 149, 106, 0.15) !important;
  color: var(--ca-cafe) !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
   }

h2 {
    color: var(--dorado-antiguo) !important;
}

.bg-danger {
    background-color: var(--borgonia)!important;
    color: var(--dorado-antiguo) !important;
}

.card {
    background-color: var(--gris-carbon)!important;
}

.card-title {
    color: var( --dorado-antiguo)!important;
}

.bg-info {
    background-color: var(--verde-oscuro)!important;
    color: var(--marfil) !important;
}

.bg-success {
    background-color: var(--verde-oliva)!important;
    color: var(--marfil) !important;
}

.footer {
    color: var(--dorado-oscuro) !important;
}

.topbar-button:hover {
    color: var(--dorado-oscuro) !important;
}

.btn:hover {
    border-color: rgba(198, 167, 94, 0.15) !important;
}

.btn-soft-primary {
    background-color: rgba(198, 167, 94, 0.15) !important;
    color: var(--dorado-antiguo) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--borgonia) !important;
    --bs-btn-border-color: var(--borgonia) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--borgonia) !important;
    --bs-btn-hover-border-color: var(--borgonia) !important;
    --bs-btn-focus-shadow-rgb: 255,108,47;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--borgonia) !important;
    --bs-btn-active-border-color: var(--borgonia) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color:var(--borgonia) !important;
    --bs-btn-disabled-border-color:var(--borgonia) !important;
}