@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap');
@import url("default.css");

/* =============================================================================
   TEMA cheLA
   Basado en el tema Default de Tiki (Bootstrap 5.3)
   ============================================================================= */

/* -----------------------------------------------------------------------------
   1. VARIABLES GLOBALES
   ----------------------------------------------------------------------------- */
:root {
  /* Tipografía: Source Sans 3 (Alternativa libre a Adelle Sans con variante Light) */
  --bs-font-sans-serif: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-weight: 300; /* Aplicamos la variante fina globalmente */

  /* Colores de componentes de Tiki */
  --tiki-top-bg: #ffffff;
}

/* -----------------------------------------------------------------------------
   2. ESTRUCTURA Y LAYOUT
   ----------------------------------------------------------------------------- */

/* Separar el cuerpo principal del header (como en Las Cuencas Cuentan) */
body.tiki .middle_outer {
  margin-top: 10px;
}

/* -----------------------------------------------------------------------------
   3. PANELES LATERALES (LEFT-ASIDE)
   ----------------------------------------------------------------------------- */

/* Tarjetas en el panel izquierdo: fondo blanco, sin bordes (salvo el derecho) y sin curvas */
.left-aside .card,
.left-aside .card-header,
.left-aside .card-body {
  background-color: #ffffff;
  border-radius: 0;
}

.left-aside .card {
  border: none;
  /* Usamos la variable de borde de Bootstrap por defecto para mantener consistencia, o un gris claro */
  border-right: 1px solid var(--bs-border-color, #dee2e6);
}

.left-aside .card-header {
  border-bottom: none;
}