Andrés Martínez Soto

moodle/
└── theme/
    ├── boost/
    └── micampus/   ← Tu child theme va aquí

moodle/
└── theme/
    ├── boost/
    └── micampus/   ← Tu child theme va aquí

<?php
// Evita el acceso directo al script si no está cargado desde el núcleo de Moodle.
defined('MOODLE_INTERNAL') || die();

// Nombre del tema: debe coincidir con el nombre del directorio.
$THEME->name = 'micampus';

// Tema del que hereda funcionalidades y estilos (Boost es el tema base moderno de Moodle).
$THEME->parents = ['boost'];

// Desactiva la caché de tema (solo recomendable en desarrollo para ver cambios al instante).
$THEME->cacheable = false;

// No se utilizan hojas de estilo CSS tradicionales.
$THEME->sheets = [];
$THEME->editor_sheets = [];

// Función que devuelve el contenido SCSS principal del tema (colores, variables, estilos).
$THEME->scss = function($theme) {
    return theme_micampus_get_main_scss_content($theme);
};

// Callback que permite añadir SCSS adicional desde la administración del sitio.
$THEME->extrascsscallback = 'theme_micampus_get_extra_scss';

// Habilita la posibilidad de sobrescribir renderizadores de Moodle en el tema.
$THEME->rendererfactory = 'theme_overridden_renderer_factory';

// Definición de los layouts del tema para diferentes tipos de página.
// Todas las vistas usan la plantilla "columns2.php" con una región lateral ("side-pre").
$THEME->layouts = [
    'base' => [ // Páginas básicas como el login.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'standard' => [ // Páginas estándar del sitio.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'course' => [ // Páginas de cursos.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'frontpage' => [ // Página principal del sitio.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'mycourses' => [ // Listado de cursos del usuario.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'mydashboard' => [ // Escritorio personalizado del usuario.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'admin' => [ // Páginas de administración.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ]
];

// Permite sobrescribir plantillas Mustache de otros componentes.
// En este caso, se sustituye la barra de navegación por una versión personalizada.
$THEME->templates = [
    'core/navbar' => 'templates/navbar.mustache'
];

// Desactiva la funcionalidad de "acoplar bloques" (obsoleta en Boost).
$THEME->enable_dock = false;

// El tema aparece en el selector de temas del administrador.
$THEME->hidefromselector = false;

// Si hay errores en el tema hijo, se utiliza automáticamente el tema padre como respaldo.
$THEME->usefallback = true;

<?php
// Evita el acceso directo al script si no está cargado desde el núcleo de Moodle.
defined('MOODLE_INTERNAL') || die();

// Nombre del tema: debe coincidir con el nombre del directorio.
$THEME->name = 'micampus';

// Tema del que hereda funcionalidades y estilos (Boost es el tema base moderno de Moodle).
$THEME->parents = ['boost'];

// Desactiva la caché de tema (solo recomendable en desarrollo para ver cambios al instante).
$THEME->cacheable = false;

// No se utilizan hojas de estilo CSS tradicionales.
$THEME->sheets = [];
$THEME->editor_sheets = [];

// Función que devuelve el contenido SCSS principal del tema (colores, variables, estilos).
$THEME->scss = function($theme) {
    return theme_micampus_get_main_scss_content($theme);
};

// Callback que permite añadir SCSS adicional desde la administración del sitio.
$THEME->extrascsscallback = 'theme_micampus_get_extra_scss';

// Habilita la posibilidad de sobrescribir renderizadores de Moodle en el tema.
$THEME->rendererfactory = 'theme_overridden_renderer_factory';

// Definición de los layouts del tema para diferentes tipos de página.
// Todas las vistas usan la plantilla "columns2.php" con una región lateral ("side-pre").
$THEME->layouts = [
    'base' => [ // Páginas básicas como el login.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'standard' => [ // Páginas estándar del sitio.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'course' => [ // Páginas de cursos.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'frontpage' => [ // Página principal del sitio.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'mycourses' => [ // Listado de cursos del usuario.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'mydashboard' => [ // Escritorio personalizado del usuario.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ],
    'admin' => [ // Páginas de administración.
        'file' => 'columns2.php',
        'regions' => ['side-pre'],
        'defaultregion' => 'side-pre',
    ]
];

// Permite sobrescribir plantillas Mustache de otros componentes.
// En este caso, se sustituye la barra de navegación por una versión personalizada.
$THEME->templates = [
    'core/navbar' => 'templates/navbar.mustache'
];

// Desactiva la funcionalidad de "acoplar bloques" (obsoleta en Boost).
$THEME->enable_dock = false;

// El tema aparece en el selector de temas del administrador.
$THEME->hidefromselector = false;

// Si hay errores en el tema hijo, se utiliza automáticamente el tema padre como respaldo.
$THEME->usefallback = true;

<?php
defined('MOODLE_INTERNAL') || die();

$plugin->version   = 2025062900;
$plugin->requires  = 2022041900; // Moodle 4.0+
$plugin->component = 'theme_micampus';
$plugin->maturity  = MATURITY_STABLE;
$plugin->release   = '1.0.0';

<?php
defined('MOODLE_INTERNAL') || die();

$plugin->version   = 2025062900;
$plugin->requires  = 2022041900; // Moodle 4.0+
$plugin->component = 'theme_micampus';
$plugin->maturity  = MATURITY_STABLE;
$plugin->release   = '1.0.0';

<?php
// Cadenas de idioma en español para theme_micampus.

$string['pluginname'] = 'micampus';
$string['configtitle'] = 'Tema micampus';

// Ajustes generales
$string['generalsettings'] = 'Ajustes generales';
$string['brandingheading'] = 'Identidad de marca';
$string['brandingheading_desc'] = 'Configura la identidad visual de tu centro: logotipos, colores de marca y elementos gráficos principales.';
$string['logo'] = 'Logotipo principal';
$string['logodesc'] = 'Logotipo principal que se mostrará en la cabecera del sitio.';
$string['brandlogo'] = 'Logotipo compacto';
$string['brandlogodesc'] = 'Versión compacta del logotipo para móviles o espacios reducidos.';

// Colores
$string['colorscheme'] = 'Paleta de colores';
$string['colorscheme_desc'] = 'Selecciona los colores principales para personalizar tu plataforma y adaptarla a tu identidad de marca.';
$string['primarycolor'] = 'Color principal';
$string['primarycolor_desc'] = 'Color principal utilizado en destacados, botones y elementos importantes.';
$string['secondarycolor'] = 'Color secundario';
$string['secondarycolor_desc'] = 'Color secundario para acentos y otros elementos de la interfaz.';
$string['prefootercolor'] = 'Fondo del pre-footer';
$string['prefootercolor_desc'] = 'Color de fondo de la zona pre-footer (encima del pie de página).';
$string['footercolor'] = 'Fondo del pie de página';
$string['footercolor_desc'] = 'Color de fondo para la zona del pie de página.';
$string['footertextcolor'] = 'Color del texto del pie de página';
$string['footertextcolor_desc'] = 'Color del texto e iconos en el pie de página.';
$string['textcolor'] = 'Color del texto';
$string['textcolor_desc'] = 'Color por defecto para el contenido textual en toda la plataforma.';
$string['headingcolor'] = 'Color de los encabezados';
$string['headingcolor_desc'] = 'Color para todos los encabezados (H1, H2, etc.).';

// Tipografía
$string['typography'] = 'Tipografía';
$string['typography_desc'] = 'Elige las fuentes tipográficas para personalizar la plataforma.';
$string['headingfont'] = 'Fuente para encabezados';
$string['headingfont_desc'] = 'Familia tipográfica utilizada en los encabezados (H1, H2, etc.).';
$string['bodyfont'] = 'Fuente para el cuerpo';
$string['bodyfont_desc'] = 'Familia tipográfica utilizada en los textos generales.';

// Columnas del pie de página
$string['footercolumns'] = 'Columnas del pie de página';
$string['footercolumns_desc'] = 'Edita y gestiona el contenido de cada columna en el pie de página.';
$string['footercol1'] = 'Columna 1 del pie de página';
$string['footercol1_desc'] = 'Contenido HTML para la primera columna del pie de página.';
$string['footercol2'] = 'Columna 2 del pie de página';
$string['footercol2_desc'] = 'Contenido HTML para la segunda columna del pie de página.';
$string['footercol3'] = 'Columna 3 del pie de página';
$string['footercol3_desc'] = 'Contenido HTML para la tercera columna del pie de página.';
$string['footercol4'] = 'Columna 4 del pie de página';
$string['footercol4_desc'] = 'Contenido HTML para la cuarta columna del pie de página.';
$string['footertext'] = 'Tema micampus para Moodle.';

// Enlaces sociales
$string['sociallinks'] = 'Enlaces a redes sociales';
$string['sociallinks_desc'] = 'Configura los enlaces a tus perfiles en redes sociales. Se mostrarán en la zona de pre-footer.';
$string['socialicon'] = 'Icono de red social #{$a}';
$string['socialicon_desc'] = 'Selecciona el icono para el enlace social #{$a}.';
$string['socialurl'] = 'URL de la red social #{$a}';
$string['socialurl_desc'] = 'Introduce la URL para la red social #{$a}.';
$string['followus'] = 'Síguenos';
$string['nosociallinks'] = 'No hay redes sociales configuradas todavía.';

<?php
// Cadenas de idioma en español para theme_micampus.

$string['pluginname'] = 'micampus';
$string['configtitle'] = 'Tema micampus';

// Ajustes generales
$string['generalsettings'] = 'Ajustes generales';
$string['brandingheading'] = 'Identidad de marca';
$string['brandingheading_desc'] = 'Configura la identidad visual de tu centro: logotipos, colores de marca y elementos gráficos principales.';
$string['logo'] = 'Logotipo principal';
$string['logodesc'] = 'Logotipo principal que se mostrará en la cabecera del sitio.';
$string['brandlogo'] = 'Logotipo compacto';
$string['brandlogodesc'] = 'Versión compacta del logotipo para móviles o espacios reducidos.';

// Colores
$string['colorscheme'] = 'Paleta de colores';
$string['colorscheme_desc'] = 'Selecciona los colores principales para personalizar tu plataforma y adaptarla a tu identidad de marca.';
$string['primarycolor'] = 'Color principal';
$string['primarycolor_desc'] = 'Color principal utilizado en destacados, botones y elementos importantes.';
$string['secondarycolor'] = 'Color secundario';
$string['secondarycolor_desc'] = 'Color secundario para acentos y otros elementos de la interfaz.';
$string['prefootercolor'] = 'Fondo del pre-footer';
$string['prefootercolor_desc'] = 'Color de fondo de la zona pre-footer (encima del pie de página).';
$string['footercolor'] = 'Fondo del pie de página';
$string['footercolor_desc'] = 'Color de fondo para la zona del pie de página.';
$string['footertextcolor'] = 'Color del texto del pie de página';
$string['footertextcolor_desc'] = 'Color del texto e iconos en el pie de página.';
$string['textcolor'] = 'Color del texto';
$string['textcolor_desc'] = 'Color por defecto para el contenido textual en toda la plataforma.';
$string['headingcolor'] = 'Color de los encabezados';
$string['headingcolor_desc'] = 'Color para todos los encabezados (H1, H2, etc.).';

// Tipografía
$string['typography'] = 'Tipografía';
$string['typography_desc'] = 'Elige las fuentes tipográficas para personalizar la plataforma.';
$string['headingfont'] = 'Fuente para encabezados';
$string['headingfont_desc'] = 'Familia tipográfica utilizada en los encabezados (H1, H2, etc.).';
$string['bodyfont'] = 'Fuente para el cuerpo';
$string['bodyfont_desc'] = 'Familia tipográfica utilizada en los textos generales.';

// Columnas del pie de página
$string['footercolumns'] = 'Columnas del pie de página';
$string['footercolumns_desc'] = 'Edita y gestiona el contenido de cada columna en el pie de página.';
$string['footercol1'] = 'Columna 1 del pie de página';
$string['footercol1_desc'] = 'Contenido HTML para la primera columna del pie de página.';
$string['footercol2'] = 'Columna 2 del pie de página';
$string['footercol2_desc'] = 'Contenido HTML para la segunda columna del pie de página.';
$string['footercol3'] = 'Columna 3 del pie de página';
$string['footercol3_desc'] = 'Contenido HTML para la tercera columna del pie de página.';
$string['footercol4'] = 'Columna 4 del pie de página';
$string['footercol4_desc'] = 'Contenido HTML para la cuarta columna del pie de página.';
$string['footertext'] = 'Tema micampus para Moodle.';

// Enlaces sociales
$string['sociallinks'] = 'Enlaces a redes sociales';
$string['sociallinks_desc'] = 'Configura los enlaces a tus perfiles en redes sociales. Se mostrarán en la zona de pre-footer.';
$string['socialicon'] = 'Icono de red social #{$a}';
$string['socialicon_desc'] = 'Selecciona el icono para el enlace social #{$a}.';
$string['socialurl'] = 'URL de la red social #{$a}';
$string['socialurl_desc'] = 'Introduce la URL para la red social #{$a}.';
$string['followus'] = 'Síguenos';
$string['nosociallinks'] = 'No hay redes sociales configuradas todavía.';

<?php
// English language strings for theme_micampus.
$string['pluginname'] = 'micampus';
$string['configtitle'] = 'micampus Theme';

// General settings
$string['generalsettings'] = 'General settings';
$string['brandingheading'] = 'Branding';
$string['brandingheading_desc'] = 'Configure your brand identity: logos, main brand colors, and visual elements.';
$string['logo'] = 'Logo';
$string['logodesc'] = 'The main logo displayed in the header.';
$string['brandlogo'] = 'Brand logo (compact)';
$string['brandlogodesc'] = 'A compact version of the logo for mobile or small spaces.';

// Colors
$string['colorscheme'] = 'Color scheme';
$string['colorscheme_desc'] = 'Choose the primary colors for your site to match your brand identity.';
$string['primarycolor'] = 'Primary color';
$string['primarycolor_desc'] = 'The main color for highlights, buttons, and important elements.';
$string['secondarycolor'] = 'Secondary color';
$string['secondarycolor_desc'] = 'A secondary accent color for additional highlights and UI elements.';
$string['prefootercolor'] = 'Pre-footer background';
$string['prefootercolor_desc'] = 'Background color for the pre-footer section (above the footer).';
$string['footercolor'] = 'Footer background';
$string['footercolor_desc'] = 'Background color for the footer area.';
$string['footertextcolor'] = 'Footer text color';
$string['footertextcolor_desc'] = 'Color of the text and icons in the footer.';
$string['textcolor'] = 'Text color';
$string['textcolor_desc'] = 'Default color for general text throughout the site.';
$string['headingcolor'] = 'Heading color';
$string['headingcolor_desc'] = 'Color for all headings (H1, H2, etc.).';

// Typography
$string['typography'] = 'Typography';
$string['typography_desc'] = 'Choose your preferred fonts for the site.';
$string['headingfont'] = 'Heading font';
$string['headingfont_desc'] = 'Font family used for headings (H1, H2, etc.).';
$string['bodyfont'] = 'Body font';
$string['bodyfont_desc'] = 'Font family used for general body text.';

// Footer columns
$string['footercolumns'] = 'Footer columns';
$string['footercolumns_desc'] = 'Edit and manage the content for each column in the footer.';
$string['footercol1'] = 'Footer column 1';
$string['footercol1_desc'] = 'HTML content for the first footer column.';
$string['footercol2'] = 'Footer column 2';
$string['footercol2_desc'] = 'HTML content for the second footer column.';
$string['footercol3'] = 'Footer column 3';
$string['footercol3_desc'] = 'HTML content for the third footer column.';
$string['footercol4'] = 'Footer column 4';
$string['footercol4_desc'] = 'HTML content for the fourth footer column.';
$string['footertext'] = 'Powered by micampus theme for Moodle.';

// Social links
$string['sociallinks'] = 'Social links';
$string['sociallinks_desc'] = 'Set up links to your social media profiles. These will be shown in the pre-footer section.';
$string['socialicon'] = 'Social icon #{$a}';
$string['socialicon_desc'] = 'Select the icon for social link #{$a}.';
$string['socialurl'] = 'Social link #{$a} URL';
$string['socialurl_desc'] = 'Enter the URL for social network #{$a}.';
$string['followus'] = 'Follow us';
$string['nosociallinks'] = 'No social networks have been configured yet.';
$string['logosettings'] = 'Logo settings';
$string['logosettings_desc'] = 'Configure the logos to be displayed in the header and compact views.';

<?php
// English language strings for theme_micampus.
$string['pluginname'] = 'micampus';
$string['configtitle'] = 'micampus Theme';

// General settings
$string['generalsettings'] = 'General settings';
$string['brandingheading'] = 'Branding';
$string['brandingheading_desc'] = 'Configure your brand identity: logos, main brand colors, and visual elements.';
$string['logo'] = 'Logo';
$string['logodesc'] = 'The main logo displayed in the header.';
$string['brandlogo'] = 'Brand logo (compact)';
$string['brandlogodesc'] = 'A compact version of the logo for mobile or small spaces.';

// Colors
$string['colorscheme'] = 'Color scheme';
$string['colorscheme_desc'] = 'Choose the primary colors for your site to match your brand identity.';
$string['primarycolor'] = 'Primary color';
$string['primarycolor_desc'] = 'The main color for highlights, buttons, and important elements.';
$string['secondarycolor'] = 'Secondary color';
$string['secondarycolor_desc'] = 'A secondary accent color for additional highlights and UI elements.';
$string['prefootercolor'] = 'Pre-footer background';
$string['prefootercolor_desc'] = 'Background color for the pre-footer section (above the footer).';
$string['footercolor'] = 'Footer background';
$string['footercolor_desc'] = 'Background color for the footer area.';
$string['footertextcolor'] = 'Footer text color';
$string['footertextcolor_desc'] = 'Color of the text and icons in the footer.';
$string['textcolor'] = 'Text color';
$string['textcolor_desc'] = 'Default color for general text throughout the site.';
$string['headingcolor'] = 'Heading color';
$string['headingcolor_desc'] = 'Color for all headings (H1, H2, etc.).';

// Typography
$string['typography'] = 'Typography';
$string['typography_desc'] = 'Choose your preferred fonts for the site.';
$string['headingfont'] = 'Heading font';
$string['headingfont_desc'] = 'Font family used for headings (H1, H2, etc.).';
$string['bodyfont'] = 'Body font';
$string['bodyfont_desc'] = 'Font family used for general body text.';

// Footer columns
$string['footercolumns'] = 'Footer columns';
$string['footercolumns_desc'] = 'Edit and manage the content for each column in the footer.';
$string['footercol1'] = 'Footer column 1';
$string['footercol1_desc'] = 'HTML content for the first footer column.';
$string['footercol2'] = 'Footer column 2';
$string['footercol2_desc'] = 'HTML content for the second footer column.';
$string['footercol3'] = 'Footer column 3';
$string['footercol3_desc'] = 'HTML content for the third footer column.';
$string['footercol4'] = 'Footer column 4';
$string['footercol4_desc'] = 'HTML content for the fourth footer column.';
$string['footertext'] = 'Powered by micampus theme for Moodle.';

// Social links
$string['sociallinks'] = 'Social links';
$string['sociallinks_desc'] = 'Set up links to your social media profiles. These will be shown in the pre-footer section.';
$string['socialicon'] = 'Social icon #{$a}';
$string['socialicon_desc'] = 'Select the icon for social link #{$a}.';
$string['socialurl'] = 'Social link #{$a} URL';
$string['socialurl_desc'] = 'Enter the URL for social network #{$a}.';
$string['followus'] = 'Follow us';
$string['nosociallinks'] = 'No social networks have been configured yet.';
$string['logosettings'] = 'Logo settings';
$string['logosettings_desc'] = 'Configure the logos to be displayed in the header and compact views.';

<?php
// Seguridad: evita el acceso directo si no está dentro del contexto de Moodle.
defined('MOODLE_INTERNAL') || die();

if ($ADMIN->fulltree) {

    // === INICIO DE LAS PESTAÑAS DE CONFIGURACIÓN ===
    $settings = new theme_boost_admin_settingspage_tabs(
        'themesettingmicampus',
        get_string('configtitle', 'theme_micampus') // Título general de la configuración del tema
    );

    // =========================================================================
    // PESTAÑA 1: GENERAL
    // =========================================================================
    $page = new admin_settingpage('theme_micampus_general', get_string('generalsettings', 'theme_micampus'));

    // --- Sección: Logotipo ---
    $page->add(new admin_setting_heading(
        'theme_micampus_logos',
        get_string('logosettings', 'theme_micampus'),
        get_string('logosettings_desc', 'theme_micampus')
    ));

    // Subida del logotipo principal (máximo 1 imagen)
    $page->add(new admin_setting_configstoredfile(
        'theme_micampus/logo',
        get_string('logo', 'theme_micampus'),
        get_string('logodesc', 'theme_micampus'),
        'logo',
        0,
        ['maxfiles' => 1, 'accepted_types' => ['image']]
    ));

    // --- Sección: Colores del tema ---
    $page->add(new admin_setting_heading(
        'theme_micampus_colors',
        get_string('colorscheme', 'theme_micampus'),
        get_string('colorscheme_desc', 'theme_micampus')
    ));

    // Color primario (ej. botones, enlaces activos...)
    $page->add(new admin_setting_configcolourpicker(
        'theme_micampus/primarycolor',
        get_string('primarycolor', 'theme_micampus'),
        get_string('primarycolor_desc', 'theme_micampus'),
        '#0057B8'
    ));

    // Puedes añadir más selectores de color aquí si lo necesitas...

    // --- Sección: Tipografía ---
    $page->add(new admin_setting_heading(
        'theme_micampus_typography',
        get_string('typography', 'theme_micampus'),
        get_string('typography_desc', 'theme_micampus')
    ));

    // Lista de fuentes disponibles para encabezados y cuerpo de texto
    $googlefonts = [
        'Open Sans' => 'Open Sans',
        'DM Sans' => 'DM Sans',
        'Roboto' => 'Roboto',
        'Lato' => 'Lato',
        'Oswald' => 'Oswald',
        'Montserrat' => 'Montserrat',
        'Inter' => 'Inter',
        'Raleway' => 'Raleway'
    ];

    // Fuente para títulos
    $page->add(new admin_setting_configselect(
        'theme_micampus/headingfont',
        get_string('headingfont', 'theme_micampus'),
        get_string('headingfont_desc', 'theme_micampus'),
        'Oswald',
        $googlefonts
    ));

    // Fuente para cuerpo de texto
    $page->add(new admin_setting_configselect(
        'theme_micampus/bodyfont',
        get_string('bodyfont', 'theme_micampus'),
        get_string('bodyfont_desc', 'theme_micampus'),
        'DM Sans',
        $googlefonts
    ));

    // Añade esta página a las pestañas de configuración
    $settings->add($page);

    // =========================================================================
    // PESTAÑA 2: FOOTER
    // =========================================================================
    $page = new admin_settingpage('theme_micampus_footer', get_string('footercolumns', 'theme_micampus'));

    // Encabezado y descripción de la sección footer
    $page->add(new admin_setting_heading(
        'theme_micampus_footer',
        get_string('footercolumns', 'theme_micampus'),
        get_string('footercolumns_desc', 'theme_micampus')
    ));

    // Campos HTML para el contenido de las 4 columnas del pie de página
    for ($i = 1; $i <= 4; $i++) {
        $page->add(new admin_setting_confightmleditor(
            "theme_micampus/footercol{$i}",
            get_string("footercol{$i}", 'theme_micampus'),
            get_string("footercol{$i}_desc", 'theme_micampus'),
            ''
        ));
    }

    $settings->add($page);

    // =========================================================================
    // PESTAÑA 3: REDES SOCIALES
    // =========================================================================
    $page = new admin_settingpage('theme_micampus_social', get_string('sociallinks', 'theme_micampus'));

    // Encabezado para la sección de redes sociales
    $page->add(new admin_setting_heading(
        'theme_micampus_social',
        get_string('sociallinks', 'theme_micampus'),
        get_string('sociallinks_desc', 'theme_micampus')
    ));

    // Iconos disponibles (FontAwesome o clases compatibles)
    $socialicons = [
        'facebook' => 'Facebook',
        'x-twitter' => 'X (Twitter)',
        'instagram' => 'Instagram',
        'linkedin' => 'LinkedIn',
        'youtube' => 'YouTube',
        'tiktok' => 'TikTok'
    ];

    // Configura hasta 4 redes sociales con su icono y URL asociada
    for ($i = 1; $i <= 4; $i++) {
        // Selector del icono
        $page->add(new admin_setting_configselect(
            "theme_micampus/social{$i}icon",
            get_string("socialicon", 'theme_micampus', $i),
            get_string("socialicon_desc", 'theme_micampus'),
            '',
            $socialicons
        ));

        // Campo para la URL correspondiente
        $page->add(new admin_setting_configtext(
            "theme_micampus/social{$i}url",
            get_string("socialurl", 'theme_micampus', $i),
            get_string("socialurl_desc", 'theme_micampus'),
            ''
        ));
    }

    $settings->add($page);
}

<?php
// Seguridad: evita el acceso directo si no está dentro del contexto de Moodle.
defined('MOODLE_INTERNAL') || die();

if ($ADMIN->fulltree) {

    // === INICIO DE LAS PESTAÑAS DE CONFIGURACIÓN ===
    $settings = new theme_boost_admin_settingspage_tabs(
        'themesettingmicampus',
        get_string('configtitle', 'theme_micampus') // Título general de la configuración del tema
    );

    // =========================================================================
    // PESTAÑA 1: GENERAL
    // =========================================================================
    $page = new admin_settingpage('theme_micampus_general', get_string('generalsettings', 'theme_micampus'));

    // --- Sección: Logotipo ---
    $page->add(new admin_setting_heading(
        'theme_micampus_logos',
        get_string('logosettings', 'theme_micampus'),
        get_string('logosettings_desc', 'theme_micampus')
    ));

    // Subida del logotipo principal (máximo 1 imagen)
    $page->add(new admin_setting_configstoredfile(
        'theme_micampus/logo',
        get_string('logo', 'theme_micampus'),
        get_string('logodesc', 'theme_micampus'),
        'logo',
        0,
        ['maxfiles' => 1, 'accepted_types' => ['image']]
    ));

    // --- Sección: Colores del tema ---
    $page->add(new admin_setting_heading(
        'theme_micampus_colors',
        get_string('colorscheme', 'theme_micampus'),
        get_string('colorscheme_desc', 'theme_micampus')
    ));

    // Color primario (ej. botones, enlaces activos...)
    $page->add(new admin_setting_configcolourpicker(
        'theme_micampus/primarycolor',
        get_string('primarycolor', 'theme_micampus'),
        get_string('primarycolor_desc', 'theme_micampus'),
        '#0057B8'
    ));

    // Puedes añadir más selectores de color aquí si lo necesitas...

    // --- Sección: Tipografía ---
    $page->add(new admin_setting_heading(
        'theme_micampus_typography',
        get_string('typography', 'theme_micampus'),
        get_string('typography_desc', 'theme_micampus')
    ));

    // Lista de fuentes disponibles para encabezados y cuerpo de texto
    $googlefonts = [
        'Open Sans' => 'Open Sans',
        'DM Sans' => 'DM Sans',
        'Roboto' => 'Roboto',
        'Lato' => 'Lato',
        'Oswald' => 'Oswald',
        'Montserrat' => 'Montserrat',
        'Inter' => 'Inter',
        'Raleway' => 'Raleway'
    ];

    // Fuente para títulos
    $page->add(new admin_setting_configselect(
        'theme_micampus/headingfont',
        get_string('headingfont', 'theme_micampus'),
        get_string('headingfont_desc', 'theme_micampus'),
        'Oswald',
        $googlefonts
    ));

    // Fuente para cuerpo de texto
    $page->add(new admin_setting_configselect(
        'theme_micampus/bodyfont',
        get_string('bodyfont', 'theme_micampus'),
        get_string('bodyfont_desc', 'theme_micampus'),
        'DM Sans',
        $googlefonts
    ));

    // Añade esta página a las pestañas de configuración
    $settings->add($page);

    // =========================================================================
    // PESTAÑA 2: FOOTER
    // =========================================================================
    $page = new admin_settingpage('theme_micampus_footer', get_string('footercolumns', 'theme_micampus'));

    // Encabezado y descripción de la sección footer
    $page->add(new admin_setting_heading(
        'theme_micampus_footer',
        get_string('footercolumns', 'theme_micampus'),
        get_string('footercolumns_desc', 'theme_micampus')
    ));

    // Campos HTML para el contenido de las 4 columnas del pie de página
    for ($i = 1; $i <= 4; $i++) {
        $page->add(new admin_setting_confightmleditor(
            "theme_micampus/footercol{$i}",
            get_string("footercol{$i}", 'theme_micampus'),
            get_string("footercol{$i}_desc", 'theme_micampus'),
            ''
        ));
    }

    $settings->add($page);

    // =========================================================================
    // PESTAÑA 3: REDES SOCIALES
    // =========================================================================
    $page = new admin_settingpage('theme_micampus_social', get_string('sociallinks', 'theme_micampus'));

    // Encabezado para la sección de redes sociales
    $page->add(new admin_setting_heading(
        'theme_micampus_social',
        get_string('sociallinks', 'theme_micampus'),
        get_string('sociallinks_desc', 'theme_micampus')
    ));

    // Iconos disponibles (FontAwesome o clases compatibles)
    $socialicons = [
        'facebook' => 'Facebook',
        'x-twitter' => 'X (Twitter)',
        'instagram' => 'Instagram',
        'linkedin' => 'LinkedIn',
        'youtube' => 'YouTube',
        'tiktok' => 'TikTok'
    ];

    // Configura hasta 4 redes sociales con su icono y URL asociada
    for ($i = 1; $i <= 4; $i++) {
        // Selector del icono
        $page->add(new admin_setting_configselect(
            "theme_micampus/social{$i}icon",
            get_string("socialicon", 'theme_micampus', $i),
            get_string("socialicon_desc", 'theme_micampus'),
            '',
            $socialicons
        ));

        // Campo para la URL correspondiente
        $page->add(new admin_setting_configtext(
            "theme_micampus/social{$i}url",
            get_string("socialurl", 'theme_micampus', $i),
            get_string("socialurl_desc", 'theme_micampus'),
            ''
        ));
    }

    $settings->add($page);
}

$THEME->rendererfactory = 'theme_overridden_renderer_factory';

$THEME->rendererfactory = 'theme_overridden_renderer_factory';

<?php
namespace theme_micampus\output;

defined('MOODLE_INTERNAL') || die();

use theme_config;
use moodle_url;
use core\navigation\output\primary; // Clase que genera el menú de navegación principal

/**
 * Renderer principal del tema Micampus
 * Sobrescribe comportamientos clave de Boost para personalizar la barra de navegación,
 * el logo, el pie de página y otras secciones comunes.
 */
class core_renderer extends \theme_boost\output\core_renderer {

    /** @var \theme_config Configuración del tema cargada dinámicamente */
    protected $theme;

    /**
     * Constructor: carga la configuración del tema Micampus
     */
    public function __construct(\moodle_page $page, $target) {
        parent::__construct($page, $target);
        $this->theme = theme_config::load('micampus');
    }

    /**
     * Renderiza la barra de navegación superior utilizando una plantilla Mustache
     */
    public function navbar(): string {
        global $CFG, $SITE, $PAGE;

        // Inicializa el menú principal de navegación
        $primary = new primary($PAGE);
        $renderer = $PAGE->get_renderer('core');
        $primarymenu = $primary->export_for_template($renderer);

        // Construye el contexto que se pasará a la plantilla navbar.mustache
        $templatecontext = [
            'sitename' => format_string($SITE->fullname),
            'wwwroot' => $CFG->wwwroot,
            'logo_url' => $this->get_logo_url(),
            'search_box' => $this->search_box(),
            'user_menu' => $this->user_menu(),
            'navbar_plugin_output' => $this->navbar_plugin_output(),
            'primarymoremenu' => $primarymenu['moremenu'],
            'langmenu' => $this->lang_menu(),
            'page' => $this->page,
            'isloggedin' => isloggedin(),
            'bodyattributes' => $this->body_attributes(),
            'primarymenu' => $primarymenu
        ];

        // Renderiza la plantilla personalizada del navbar
        return $this->render_from_template('theme_micampus/navbar', $templatecontext);
    }

    /**
     * Devuelve la URL absoluta del logotipo configurado desde el panel de administración del tema
     */
    public function get_logo_url($maxwidth = 300, $maxheight = 80) {
        if ($this->theme && !empty($this->theme->settings->logo)) {
            // Itemid = 0 por convención en la carga del archivo de logo
            $url = $this->theme->setting_file_url('logo', 'logo', 0, $maxwidth, $maxheight);

            if ($url instanceof \moodle_url) {
                $urlstring = $url->out(false);
                // Asegura que la URL tiene protocolo http(s)
                if (strpos($urlstring, '//') === 0) {
                    $urlstring = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https:' : 'http:') . $urlstring;
                }
                error_log('[micampus] Logo URL ok (absolute): ' . $urlstring);
                return new \moodle_url($urlstring);
            } elseif (is_string($url)) {
                error_log('[micampus] Logo URL string detected, converting to moodle_url: ' . $url);
                if (strpos($url, '//') === 0) {
                    $url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https:' : 'http:') . $url;
                }
                return new \moodle_url($url);
            } else {
                error_log('[micampus] Logo URL no válida: ' . print_r($url, true));
            }
        } else {
            error_log('[micampus] No hay logo configurado en los ajustes del tema');
        }

        // Fallback: usa la función original del tema Boost
        $fallback = parent::get_logo_url($maxwidth, $maxheight);
        error_log('[micampus] Fallback logo URL: ' . $fallback);
        return $fallback;
    }

    /**
     * Añade el contenido del pre-footer y footer tras la región principal
     */
    public function standard_after_main_region_html() {
        global $PAGE;

        // No se aplica en la página de login
        if ($PAGE->pagelayout === 'login') {
            return '';
        }

        $output = '';
        $output .= $this->render_from_template('theme_micampus/prefooter', $this->get_prefooter_context());
        $output .= $this->render_from_template('theme_micampus/footer', $this->get_footer_context());
        return $output;
    }

    /**
     * Contexto para la plantilla prefooter.mustache: redes sociales
     */
    protected function get_prefooter_context() {
        $sociallinks = [];

        for ($i = 1; $i <= 4; $i++) {
            $icon = get_config('theme_micampus', "social{$i}icon");
            $url = get_config('theme_micampus', "social{$i}url");

            if ($icon && $url) {
                $sociallinks[] = [
                    'icon' => $icon,
                    'url' => $url,
                    'iconlabel' => ucfirst($icon),
                ];
            }
        }

        return ['sociallinks' => $sociallinks];
    }

    /**
     * Contexto para la plantilla footer.mustache: contenido de columnas
     */
    protected function get_footer_context() {
        $context = [];

        for ($i = 1; $i <= 4; $i++) {
            $context["footercol{$i}"] = format_text(
                get_config('theme_micampus', "footercol{$i}"),
                FORMAT_HTML,
                ['noclean' => true, 'trusted' => true]
            );
        }

        return $context;
    }
}

<?php
namespace theme_micampus\output;

defined('MOODLE_INTERNAL') || die();

use theme_config;
use moodle_url;
use core\navigation\output\primary; // Clase que genera el menú de navegación principal

/**
 * Renderer principal del tema Micampus
 * Sobrescribe comportamientos clave de Boost para personalizar la barra de navegación,
 * el logo, el pie de página y otras secciones comunes.
 */
class core_renderer extends \theme_boost\output\core_renderer {

    /** @var \theme_config Configuración del tema cargada dinámicamente */
    protected $theme;

    /**
     * Constructor: carga la configuración del tema Micampus
     */
    public function __construct(\moodle_page $page, $target) {
        parent::__construct($page, $target);
        $this->theme = theme_config::load('micampus');
    }

    /**
     * Renderiza la barra de navegación superior utilizando una plantilla Mustache
     */
    public function navbar(): string {
        global $CFG, $SITE, $PAGE;

        // Inicializa el menú principal de navegación
        $primary = new primary($PAGE);
        $renderer = $PAGE->get_renderer('core');
        $primarymenu = $primary->export_for_template($renderer);

        // Construye el contexto que se pasará a la plantilla navbar.mustache
        $templatecontext = [
            'sitename' => format_string($SITE->fullname),
            'wwwroot' => $CFG->wwwroot,
            'logo_url' => $this->get_logo_url(),
            'search_box' => $this->search_box(),
            'user_menu' => $this->user_menu(),
            'navbar_plugin_output' => $this->navbar_plugin_output(),
            'primarymoremenu' => $primarymenu['moremenu'],
            'langmenu' => $this->lang_menu(),
            'page' => $this->page,
            'isloggedin' => isloggedin(),
            'bodyattributes' => $this->body_attributes(),
            'primarymenu' => $primarymenu
        ];

        // Renderiza la plantilla personalizada del navbar
        return $this->render_from_template('theme_micampus/navbar', $templatecontext);
    }

    /**
     * Devuelve la URL absoluta del logotipo configurado desde el panel de administración del tema
     */
    public function get_logo_url($maxwidth = 300, $maxheight = 80) {
        if ($this->theme && !empty($this->theme->settings->logo)) {
            // Itemid = 0 por convención en la carga del archivo de logo
            $url = $this->theme->setting_file_url('logo', 'logo', 0, $maxwidth, $maxheight);

            if ($url instanceof \moodle_url) {
                $urlstring = $url->out(false);
                // Asegura que la URL tiene protocolo http(s)
                if (strpos($urlstring, '//') === 0) {
                    $urlstring = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https:' : 'http:') . $urlstring;
                }
                error_log('[micampus] Logo URL ok (absolute): ' . $urlstring);
                return new \moodle_url($urlstring);
            } elseif (is_string($url)) {
                error_log('[micampus] Logo URL string detected, converting to moodle_url: ' . $url);
                if (strpos($url, '//') === 0) {
                    $url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https:' : 'http:') . $url;
                }
                return new \moodle_url($url);
            } else {
                error_log('[micampus] Logo URL no válida: ' . print_r($url, true));
            }
        } else {
            error_log('[micampus] No hay logo configurado en los ajustes del tema');
        }

        // Fallback: usa la función original del tema Boost
        $fallback = parent::get_logo_url($maxwidth, $maxheight);
        error_log('[micampus] Fallback logo URL: ' . $fallback);
        return $fallback;
    }

    /**
     * Añade el contenido del pre-footer y footer tras la región principal
     */
    public function standard_after_main_region_html() {
        global $PAGE;

        // No se aplica en la página de login
        if ($PAGE->pagelayout === 'login') {
            return '';
        }

        $output = '';
        $output .= $this->render_from_template('theme_micampus/prefooter', $this->get_prefooter_context());
        $output .= $this->render_from_template('theme_micampus/footer', $this->get_footer_context());
        return $output;
    }

    /**
     * Contexto para la plantilla prefooter.mustache: redes sociales
     */
    protected function get_prefooter_context() {
        $sociallinks = [];

        for ($i = 1; $i <= 4; $i++) {
            $icon = get_config('theme_micampus', "social{$i}icon");
            $url = get_config('theme_micampus', "social{$i}url");

            if ($icon && $url) {
                $sociallinks[] = [
                    'icon' => $icon,
                    'url' => $url,
                    'iconlabel' => ucfirst($icon),
                ];
            }
        }

        return ['sociallinks' => $sociallinks];
    }

    /**
     * Contexto para la plantilla footer.mustache: contenido de columnas
     */
    protected function get_footer_context() {
        $context = [];

        for ($i = 1; $i <= 4; $i++) {
            $context["footercol{$i}"] = format_text(
                get_config('theme_micampus', "footercol{$i}"),
                FORMAT_HTML,
                ['noclean' => true, 'trusted' => true]
            );
        }

        return $context;
    }
}

<?php
// Seguridad: evita el acceso directo si no está dentro del contexto de Moodle.
defined('MOODLE_INTERNAL') || die();

/**
 * Devuelve el contenido principal del SCSS del tema.
 * Define las variables dinámicas (colores, tipografías) y carga el preset configurado.
 *
 * @param theme_config $theme
 * @return string
 */
function theme_micampus_get_main_scss_content($theme): string {
    global $CFG;

    // Variables de configuración: se aplican colores y fuentes personalizados
    $primary         = trim($theme->settings->primarycolor ?? '#2563EB', "\"'");
    $secondary       = trim($theme->settings->secondarycolor ?? '#22C55E', "\"'");
    $prefooter       = trim($theme->settings->prefootercolor ?? '#E8F1FF', "\"'");
    $footer          = trim($theme->settings->footercolor ?? '#18325A', "\"'");
    $textcolor       = trim($theme->settings->textcolor ?? '#22223B', "\"'");
    $headingcolor    = trim($theme->settings->headingcolor ?? '#2563EB', "\"'");
    $footertextcolor = trim($theme->settings->footertextcolor ?? '#fff', "\"'");

    $headingfont     = $theme->settings->headingfont ?? 'Oswald';
    $bodyfont        = $theme->settings->bodyfont ?? 'DM Sans';

    // Inyección de variables SCSS personalizadas
    $customscss = <<<SCSS
// --- VARIABLES PERSONALIZADAS DEL TEMA MICAMPUS ---
\$primary: {$primary};
\$secondary: {$secondary};
\$prefooter-bg: {$prefooter};
\$footer-bg: {$footer};
\$body-color: {$textcolor};
\$heading-color: {$headingcolor};
\$footer-text-color: {$footertextcolor};
\$font-family-sans-serif: '{$bodyfont}', Arial, sans-serif;
\$headings-font-family: '{$headingfont}', Arial, sans-serif;
SCSS;

    // Se determina qué preset SCSS cargar (default.scss u otro)
    $presetfile = !empty($theme->settings->preset) ? $theme->settings->preset : 'default.scss';

    // Se intenta buscar primero en el tema hijo, luego en Boost
    $presetpath = $CFG->dirroot . '/theme/micampus/scss/preset/' . $presetfile;
    if (!file_exists($presetpath)) {
        $presetpath = $CFG->dirroot . '/theme/boost/scss/preset/' . $presetfile;
    }

    // Carga del contenido del preset
    if (file_exists($presetpath)) {
        $preset = file_get_contents($presetpath);
    } else {
        $preset = '/* PRESET NO ENCONTRADO: ' . $presetfile . ' */';
    }

    // Log para depuración: qué preset se está usando
    error_log("[micampus] Using preset: {$presetpath}");

    // Se devuelve la concatenación de variables + contenido del preset
    return $customscss . "\n" . $preset;
}

/**
 * SCSS adicional que se puede añadir desde los ajustes del tema.
 * Por defecto vacío, pero útil si quieres que el administrador pueda añadir código extra.
 */
function theme_micampus_get_extra_scss($theme): string {
    return '';
}

/**
 * SCSS que se inyecta antes del SCSS de Boost.
 * Permite sobrescribir clases antes que el resto del tema padre.
 */
function theme_micampus_get_pre_scss($theme): string {
    return <<<SCSS
// Personalización de la barra de navegación
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: 70px;

    .navbar-brand {
        img {
            max-height: 40px;
        }
    }
}
SCSS;
}

/**
 * Devuelve CSS ya compilado para mejorar el rendimiento (opcional).
 * Puedes usarlo si quieres evitar recompilar SCSS en cada carga.
 */
function theme_micampus_get_precompiled_css($theme): string {
    global $CFG;
    return file_get_contents($CFG->dirroot . '/theme/boost/scss/preset/default.css');
}

/**
 * Devuelve la URL del logo, permitiendo versión oscura si está disponible.
 *
 * @param bool $dark Si se desea versión en modo oscuro.
 * @return moodle_url URL del logotipo
 */
function theme_micampus_get_logo_url($dark = false) {
    global $OUTPUT, $CFG;

    if ($dark && file_exists($CFG->dirroot . '/theme/micampus/pix/logo_dark.png')) {
        return $OUTPUT->image_url('logo_dark', 'theme_micampus');
    }
    return $OUTPUT->image_url('logo', 'theme_micampus');
}

/**
 * Función de ayuda para depuración: muestra el orden de carga de plantillas Mustache.
 * Útil para saber si tu override está siendo utilizado.
 */
function theme_micampus_get_template_overrides() {
    global $OUTPUT;

    $debug = "Template search order for navbar:\n";
    $templates = $OUTPUT->get_template_names('core/navbar');

    foreach ($templates as $template) {
        $debug .= "- $template\n";
    }

    error_log($debug);
    return [];
}

/**
 * Controla el acceso a archivos personalizados del tema como logos subidos.
 * Necesario para que Moodle sirva correctamente los archivos de configuración.
 *
 * @param object $course
 * @param object $cm
 * @param context $context
 * @param string $filearea
 * @param array $args
 * @param bool $forcedownload
 * @param array $options
 */
function theme_micampus_pluginfile($course, $cm, $context, $filearea, $args, $forcedownload, array $options = []) {
    global $CFG;

    // Solo permitimos acceder a los logos configurados desde el tema (contexto de sistema)
    if ($context->contextlevel == CONTEXT_SYSTEM && in_array($filearea, ['logo', 'brandlogo'])) {
        $fs = get_file_storage();
        $itemid = 0; // Itemid fijo

        $filename = array_pop($args);
        $filepath = '/';
        if (!empty($args)) {
            $filepath .= implode('/', $args) . '/';
        }

        $file = $fs->get_file($context->id, 'theme_micampus', $filearea, $itemid, $filepath, $filename);

        if (!$file || $file->is_directory()) {
            send_file_not_found();
        }

        send_stored_file($file, 0, 0, $forcedownload, $options);
        exit;
    }

    // Si no es válido, se rechaza la solicitud
    send_file_not_found();
}

<?php
// Seguridad: evita el acceso directo si no está dentro del contexto de Moodle.
defined('MOODLE_INTERNAL') || die();

/**
 * Devuelve el contenido principal del SCSS del tema.
 * Define las variables dinámicas (colores, tipografías) y carga el preset configurado.
 *
 * @param theme_config $theme
 * @return string
 */
function theme_micampus_get_main_scss_content($theme): string {
    global $CFG;

    // Variables de configuración: se aplican colores y fuentes personalizados
    $primary         = trim($theme->settings->primarycolor ?? '#2563EB', "\"'");
    $secondary       = trim($theme->settings->secondarycolor ?? '#22C55E', "\"'");
    $prefooter       = trim($theme->settings->prefootercolor ?? '#E8F1FF', "\"'");
    $footer          = trim($theme->settings->footercolor ?? '#18325A', "\"'");
    $textcolor       = trim($theme->settings->textcolor ?? '#22223B', "\"'");
    $headingcolor    = trim($theme->settings->headingcolor ?? '#2563EB', "\"'");
    $footertextcolor = trim($theme->settings->footertextcolor ?? '#fff', "\"'");

    $headingfont     = $theme->settings->headingfont ?? 'Oswald';
    $bodyfont        = $theme->settings->bodyfont ?? 'DM Sans';

    // Inyección de variables SCSS personalizadas
    $customscss = <<<SCSS
// --- VARIABLES PERSONALIZADAS DEL TEMA MICAMPUS ---
\$primary: {$primary};
\$secondary: {$secondary};
\$prefooter-bg: {$prefooter};
\$footer-bg: {$footer};
\$body-color: {$textcolor};
\$heading-color: {$headingcolor};
\$footer-text-color: {$footertextcolor};
\$font-family-sans-serif: '{$bodyfont}', Arial, sans-serif;
\$headings-font-family: '{$headingfont}', Arial, sans-serif;
SCSS;

    // Se determina qué preset SCSS cargar (default.scss u otro)
    $presetfile = !empty($theme->settings->preset) ? $theme->settings->preset : 'default.scss';

    // Se intenta buscar primero en el tema hijo, luego en Boost
    $presetpath = $CFG->dirroot . '/theme/micampus/scss/preset/' . $presetfile;
    if (!file_exists($presetpath)) {
        $presetpath = $CFG->dirroot . '/theme/boost/scss/preset/' . $presetfile;
    }

    // Carga del contenido del preset
    if (file_exists($presetpath)) {
        $preset = file_get_contents($presetpath);
    } else {
        $preset = '/* PRESET NO ENCONTRADO: ' . $presetfile . ' */';
    }

    // Log para depuración: qué preset se está usando
    error_log("[micampus] Using preset: {$presetpath}");

    // Se devuelve la concatenación de variables + contenido del preset
    return $customscss . "\n" . $preset;
}

/**
 * SCSS adicional que se puede añadir desde los ajustes del tema.
 * Por defecto vacío, pero útil si quieres que el administrador pueda añadir código extra.
 */
function theme_micampus_get_extra_scss($theme): string {
    return '';
}

/**
 * SCSS que se inyecta antes del SCSS de Boost.
 * Permite sobrescribir clases antes que el resto del tema padre.
 */
function theme_micampus_get_pre_scss($theme): string {
    return <<<SCSS
// Personalización de la barra de navegación
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: 70px;

    .navbar-brand {
        img {
            max-height: 40px;
        }
    }
}
SCSS;
}

/**
 * Devuelve CSS ya compilado para mejorar el rendimiento (opcional).
 * Puedes usarlo si quieres evitar recompilar SCSS en cada carga.
 */
function theme_micampus_get_precompiled_css($theme): string {
    global $CFG;
    return file_get_contents($CFG->dirroot . '/theme/boost/scss/preset/default.css');
}

/**
 * Devuelve la URL del logo, permitiendo versión oscura si está disponible.
 *
 * @param bool $dark Si se desea versión en modo oscuro.
 * @return moodle_url URL del logotipo
 */
function theme_micampus_get_logo_url($dark = false) {
    global $OUTPUT, $CFG;

    if ($dark && file_exists($CFG->dirroot . '/theme/micampus/pix/logo_dark.png')) {
        return $OUTPUT->image_url('logo_dark', 'theme_micampus');
    }
    return $OUTPUT->image_url('logo', 'theme_micampus');
}

/**
 * Función de ayuda para depuración: muestra el orden de carga de plantillas Mustache.
 * Útil para saber si tu override está siendo utilizado.
 */
function theme_micampus_get_template_overrides() {
    global $OUTPUT;

    $debug = "Template search order for navbar:\n";
    $templates = $OUTPUT->get_template_names('core/navbar');

    foreach ($templates as $template) {
        $debug .= "- $template\n";
    }

    error_log($debug);
    return [];
}

/**
 * Controla el acceso a archivos personalizados del tema como logos subidos.
 * Necesario para que Moodle sirva correctamente los archivos de configuración.
 *
 * @param object $course
 * @param object $cm
 * @param context $context
 * @param string $filearea
 * @param array $args
 * @param bool $forcedownload
 * @param array $options
 */
function theme_micampus_pluginfile($course, $cm, $context, $filearea, $args, $forcedownload, array $options = []) {
    global $CFG;

    // Solo permitimos acceder a los logos configurados desde el tema (contexto de sistema)
    if ($context->contextlevel == CONTEXT_SYSTEM && in_array($filearea, ['logo', 'brandlogo'])) {
        $fs = get_file_storage();
        $itemid = 0; // Itemid fijo

        $filename = array_pop($args);
        $filepath = '/';
        if (!empty($args)) {
            $filepath .= implode('/', $args) . '/';
        }

        $file = $fs->get_file($context->id, 'theme_micampus', $filearea, $itemid, $filepath, $filename);

        if (!$file || $file->is_directory()) {
            send_file_not_found();
        }

        send_stored_file($file, 0, 0, $forcedownload, $options);
        exit;
    }

    // Si no es válido, se rechaza la solicitud
    send_file_not_found();
}

// Import pre.scss (tu propio SCSS, antes de Bootstrap)
@import "pre";

// Bootstrap variables
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #8f959e !default;
$gray-600: #6a737b !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #1d2125 !default;
$black:    #000 !default;

$blue:    #0f6cbf !default;
$indigo:  #6610f2 !default;
$purple:  #613d7c !default;
$pink:    #db1a74 !default;
$red:     #ca3120 !default;
$orange:  #f0ad4e !default;
$yellow:  #ff7518 !default;
$green:   #357a32 !default;
$teal:    #20c997 !default;
$cyan:    #008196 !default;

$primary:       $blue !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $orange !default;
$danger:        $red !default;
$secondary:     $gray-400 !default;

$info-outline:    #1f7e9a;
$warning-outline: #a6670e;

// Tables
$table-accent-bg:             rgba($black, .03) !default;

// Options
$enable-responsive-font-sizes: true !default;

// Body
$body-color:    $gray-900 !default;

// Fonts
$font-size-base: 0.9375rem !default;
$rfs-base-font-size: 0.9rem !default;
$headings-font-weight:   700 !default;

// Navbar
$navbar-dark-hover-color:           rgba($white, 1) !default;
$navbar-light-color:                rgba($black, 0.6) !default;
$navbar-light-hover-color:          rgba($black, .9) !default;

// Breadcrumbs
$breadcrumb-padding-y:              .5rem !default;
$breadcrumb-padding-x:              0 !default;
$breadcrumb-item-padding:           .5rem !default;
$breadcrumb-margin-bottom:          0 !default;
$breadcrumb-bg:                     transparent !default;
$breadcrumb-divider: "/" !default;
$breadcrumb-divider-rtl: "/" !default;

// Alerts
$alert-border-width:                0 !default;

$card-group-margin: .25rem;

// Toasts
$toast-color:                       $white !default;
$toast-background-color:            rgba($gray-900, .95) !default;
$toast-header-color:                $gray-100 !default;
$toast-header-background-color:     rgba($white, .1) !default;

// Custom control size
$custom-control-indicator-size: 1.25rem;

$input-btn-focus-color: rgba($primary, .75) !default;

$input-border-color: $gray-500 !default;

$dropdown-link-hover-color: $white;
$dropdown-link-hover-bg: $primary;

$popover-max-width: 300px !default;

$border-radius: .5rem !default;
$border-radius-lg: .6rem !default;

// stylelint-disable
$theme-colors: () !default;
$theme-colors: map-merge((
        primary: $primary,
        secondary: $secondary,
        success: $success,
        info: $info,
        warning: $warning,
        danger: $danger,
), $theme-colors);
// stylelint-enable

$spacer: 1rem !default;
$spacers: (
        0: 0,
        1: ($spacer * .25),
        2: ($spacer * .5),
        3: $spacer,
        4: ($spacer * 1.5),
        5: ($spacer * 2),
        6: ($spacer * 3)
) !default;

// Import FontAwesome.
@import "fontawesome";

// Import All of Bootstrap
@import "bootstrap";

// Import Core moodle CSS
@import "moodle";

// Preset CSS

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

// Rounded user pictures
.userpicture {
    border-radius: 50%;
}

// Reset the default styling back to the bootstrap defaults for
// the secondary outline button because gray-200 is much too light
// for an outline button.
.btn-outline-secondary {
    @include button-outline-variant($gray-600);
    border-color: $gray-600;
}

.btn-outline-info {
    @include button-outline-variant($info-outline);
}

.btn-outline-warning {
    @include button-outline-variant($warning-outline);
}

// Import post.scss (tu propio SCSS, después de todo lo demás)
@import "post";

// Import pre.scss (tu propio SCSS, antes de Bootstrap)
@import "pre";

// Bootstrap variables
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #8f959e !default;
$gray-600: #6a737b !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #1d2125 !default;
$black:    #000 !default;

$blue:    #0f6cbf !default;
$indigo:  #6610f2 !default;
$purple:  #613d7c !default;
$pink:    #db1a74 !default;
$red:     #ca3120 !default;
$orange:  #f0ad4e !default;
$yellow:  #ff7518 !default;
$green:   #357a32 !default;
$teal:    #20c997 !default;
$cyan:    #008196 !default;

$primary:       $blue !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $orange !default;
$danger:        $red !default;
$secondary:     $gray-400 !default;

$info-outline:    #1f7e9a;
$warning-outline: #a6670e;

// Tables
$table-accent-bg:             rgba($black, .03) !default;

// Options
$enable-responsive-font-sizes: true !default;

// Body
$body-color:    $gray-900 !default;

// Fonts
$font-size-base: 0.9375rem !default;
$rfs-base-font-size: 0.9rem !default;
$headings-font-weight:   700 !default;

// Navbar
$navbar-dark-hover-color:           rgba($white, 1) !default;
$navbar-light-color:                rgba($black, 0.6) !default;
$navbar-light-hover-color:          rgba($black, .9) !default;

// Breadcrumbs
$breadcrumb-padding-y:              .5rem !default;
$breadcrumb-padding-x:              0 !default;
$breadcrumb-item-padding:           .5rem !default;
$breadcrumb-margin-bottom:          0 !default;
$breadcrumb-bg:                     transparent !default;
$breadcrumb-divider: "/" !default;
$breadcrumb-divider-rtl: "/" !default;

// Alerts
$alert-border-width:                0 !default;

$card-group-margin: .25rem;

// Toasts
$toast-color:                       $white !default;
$toast-background-color:            rgba($gray-900, .95) !default;
$toast-header-color:                $gray-100 !default;
$toast-header-background-color:     rgba($white, .1) !default;

// Custom control size
$custom-control-indicator-size: 1.25rem;

$input-btn-focus-color: rgba($primary, .75) !default;

$input-border-color: $gray-500 !default;

$dropdown-link-hover-color: $white;
$dropdown-link-hover-bg: $primary;

$popover-max-width: 300px !default;

$border-radius: .5rem !default;
$border-radius-lg: .6rem !default;

// stylelint-disable
$theme-colors: () !default;
$theme-colors: map-merge((
        primary: $primary,
        secondary: $secondary,
        success: $success,
        info: $info,
        warning: $warning,
        danger: $danger,
), $theme-colors);
// stylelint-enable

$spacer: 1rem !default;
$spacers: (
        0: 0,
        1: ($spacer * .25),
        2: ($spacer * .5),
        3: $spacer,
        4: ($spacer * 1.5),
        5: ($spacer * 2),
        6: ($spacer * 3)
) !default;

// Import FontAwesome.
@import "fontawesome";

// Import All of Bootstrap
@import "bootstrap";

// Import Core moodle CSS
@import "moodle";

// Preset CSS

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

// Rounded user pictures
.userpicture {
    border-radius: 50%;
}

// Reset the default styling back to the bootstrap defaults for
// the secondary outline button because gray-200 is much too light
// for an outline button.
.btn-outline-secondary {
    @include button-outline-variant($gray-600);
    border-color: $gray-600;
}

.btn-outline-info {
    @include button-outline-variant($info-outline);
}

.btn-outline-warning {
    @include button-outline-variant($warning-outline);
}

// Import post.scss (tu propio SCSS, después de todo lo demás)
@import "post";

// --- Prefooter (zona superior al footer) ---
.bg-prefooter {
  background: $prefooter-bg !important;
  color: $heading-color !important;
}

.bg-prefooter h5,
.bg-prefooter .fw-bold {
  color: $heading-color !important;
}

// Enlaces e iconos sociales en prefooter
.bg-prefooter a,
.bg-prefooter i.fa-brands {
  color: $heading-color !important;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  transition: color 0.22s cubic-bezier(.39,.58,.57,1), transform 0.18s cubic-bezier(.39,.58,.57,1);
}

.bg-prefooter a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.13em;
  width: 0;
  height: 2px;
  background: $footer-bg;
  transition: width 0.2s cubic-bezier(.39,.58,.57,1), left 0.2s cubic-bezier(.39,.58,.57,1);
  border-radius: 2px;
  pointer-events: none;
}

.bg-prefooter a:hover,
.bg-prefooter a:focus,
.bg-prefooter i.fa-brands:hover,
.bg-prefooter i.fa-brands:focus {
  color: $footer-bg !important;
  transform: scale(1.07);
}

.bg-prefooter a:hover::after,
.bg-prefooter a:focus::after {
  width: 100%;
  left: 0;
}

.bg-prefooter a:active,
.bg-prefooter i.fa-brands:active {
  color: $primary !important;
  transform: scale(0.97);
}

// Extra para iconos sociales
.bg-prefooter .fa-brands {
  transition: color 0.2s, transform 0.18s;
}
.bg-prefooter a:hover .fa-brands,
.bg-prefooter a:focus .fa-brands {
  color: $footer-bg !important;
  transform: scale(1.15) rotate(-7deg);
}


// --- Footer principal ---
.bg-footer {
  background: $footer-bg !important;
  color: $footer-text-color !important;
}

.bg-footer a {
  color: $footer-text-color !important;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  transition: color 0.22s cubic-bezier(.39,.58,.57,1), transform 0.18s cubic-bezier(.39,.58,.57,1);
}

.bg-footer a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.13em;
  width: 0;
  height: 2px;
  background: $secondary;
  transition: width 0.2s cubic-bezier(.39,.58,.57,1), left 0.2s cubic-bezier(.39,.58,.57,1);
  border-radius: 2px;
  pointer-events: none;
}

.bg-footer a:hover,
.bg-footer a:focus {
  color: $secondary !important;
  transform: scale(1.07);
}

.bg-footer a:hover::after,
.bg-footer a:focus::after {
  width: 100%;
  left: 0;
}

.bg-footer a:active {
  color: $primary !important;
  transform: scale(0.97);
}

// Iconos FontAwesome en el footer
.bg-footer .fa-brands {
  transition: color 0.2s, transform 0.18s;
}
.bg-footer a:hover .fa-brands,
.bg-footer a:focus .fa-brands {
  color: $secondary !important;
  transform: scale(1.15) rotate(-7deg);
}

// Texto destacado, pequeños, muted, imágenes
.bg-footer strong,
.bg-footer b {
  color: $footer-text-color !important;
}
.bg-footer .text-muted,
.bg-footer .small {
  color: $footer-text-color !important;
}
.bg-footer img {
  filter: none;
}

// --- Prefooter (zona superior al footer) ---
.bg-prefooter {
  background: $prefooter-bg !important;
  color: $heading-color !important;
}

.bg-prefooter h5,
.bg-prefooter .fw-bold {
  color: $heading-color !important;
}

// Enlaces e iconos sociales en prefooter
.bg-prefooter a,
.bg-prefooter i.fa-brands {
  color: $heading-color !important;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  transition: color 0.22s cubic-bezier(.39,.58,.57,1), transform 0.18s cubic-bezier(.39,.58,.57,1);
}

.bg-prefooter a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.13em;
  width: 0;
  height: 2px;
  background: $footer-bg;
  transition: width 0.2s cubic-bezier(.39,.58,.57,1), left 0.2s cubic-bezier(.39,.58,.57,1);
  border-radius: 2px;
  pointer-events: none;
}

.bg-prefooter a:hover,
.bg-prefooter a:focus,
.bg-prefooter i.fa-brands:hover,
.bg-prefooter i.fa-brands:focus {
  color: $footer-bg !important;
  transform: scale(1.07);
}

.bg-prefooter a:hover::after,
.bg-prefooter a:focus::after {
  width: 100%;
  left: 0;
}

.bg-prefooter a:active,
.bg-prefooter i.fa-brands:active {
  color: $primary !important;
  transform: scale(0.97);
}

// Extra para iconos sociales
.bg-prefooter .fa-brands {
  transition: color 0.2s, transform 0.18s;
}
.bg-prefooter a:hover .fa-brands,
.bg-prefooter a:focus .fa-brands {
  color: $footer-bg !important;
  transform: scale(1.15) rotate(-7deg);
}


// --- Footer principal ---
.bg-footer {
  background: $footer-bg !important;
  color: $footer-text-color !important;
}

.bg-footer a {
  color: $footer-text-color !important;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  transition: color 0.22s cubic-bezier(.39,.58,.57,1), transform 0.18s cubic-bezier(.39,.58,.57,1);
}

.bg-footer a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.13em;
  width: 0;
  height: 2px;
  background: $secondary;
  transition: width 0.2s cubic-bezier(.39,.58,.57,1), left 0.2s cubic-bezier(.39,.58,.57,1);
  border-radius: 2px;
  pointer-events: none;
}

.bg-footer a:hover,
.bg-footer a:focus {
  color: $secondary !important;
  transform: scale(1.07);
}

.bg-footer a:hover::after,
.bg-footer a:focus::after {
  width: 100%;
  left: 0;
}

.bg-footer a:active {
  color: $primary !important;
  transform: scale(0.97);
}

// Iconos FontAwesome en el footer
.bg-footer .fa-brands {
  transition: color 0.2s, transform 0.18s;
}
.bg-footer a:hover .fa-brands,
.bg-footer a:focus .fa-brands {
  color: $secondary !important;
  transform: scale(1.15) rotate(-7deg);
}

// Texto destacado, pequeños, muted, imágenes
.bg-footer strong,
.bg-footer b {
  color: $footer-text-color !important;
}
.bg-footer .text-muted,
.bg-footer .small {
  color: $footer-text-color !important;
}
.bg-footer img {
  filter: none;
}

<!-- Barra de navegación principal fija -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white shadow-sm"
     aria-label="{{#str}}sitemenubar, admin{{/str}}">
    <div class="container-fluid">

    <!-- Botón hamburguesa visible solo en móviles para abrir el menú lateral -->
        <button class="navbar-toggler px-2 border-0 me-2" type="button"
                data-toggler="drawers" data-action="toggle"
                data-target="theme_boost-drawers-primary">
            <span class="navbar-toggler-icon"></span>
            <span class="sr-only">{{#str}}sidepanel, core{{/str}}</span>
        </button>

        <!-- Logo o nombre del sitio -->
        <!-- Primero intentamos cargar el logotipo desde el renderizador -->
        {{{ output.get_logo_url }}}

        <!-- Enlace al inicio (logotipo o texto según configuración) -->
        <a href="{{{ config.homeurl }}}" class="navbar-brand d-flex align-items-center me-4">

            <!-- Si hay logo configurado, lo mostramos -->
            {{# output.get_logo_url }}
                <img src="{{ output.get_logo_url }}"
                     alt="{{ sitename }}"
                     class="logo"
                     style="max-height: 40px;">
            {{/ output.get_logo_url }}

            <!-- Si no hay logo, mostramos el nombre del sitio -->
            {{^ output.get_logo_url }}
                <span class="ms-2 fs-5 fw-bold">{{{ sitename }}}</span>
            {{/ output.get_logo_url }}
        </a>

        <!-- Menú principal de navegación -->
        {{# primarymoremenu }}
            <div class="collapse navbar-collapse">
                <!-- Parcial oficial de Moodle que genera el menú principal -->
                {{> core/moremenu }}
            </div>
        {{/ primarymoremenu }}

        <!-- Lado derecho de la barra de navegación: utilidades -->
        <div class="d-flex align-items-center ms-auto gap-3">

            <!-- Caja de búsqueda (solo visible en pantallas grandes) -->
            {{# output.search_box }}
                <div class="d-none d-lg-block">
                    {{{ output.search_box }}}
                </div>
            {{/ output.search_box }}

            <!-- Selector de idioma (visible solo en escritorio) -->
            {{# langmenu }}
                <div class="d-none d-lg-block">
                    {{> theme_boost/language_menu }}
                </div>
            {{/ langmenu }}

            <!-- Espacio para plugins que inyectan contenido en la navbar -->
            {{{ output.navbar_plugin_output }}}

            <!-- Menú de usuario (nombre, foto, logout, etc.) -->
            <div class="usermenu-container d-flex align-items-center" data-region="usermenu">
                {{# usermenu }}
                    {{> core/user_menu }}
                {{/ usermenu }}
            </div>

            <!-- Botón para activar/desactivar el modo edición -->
            {{{ output.edit_switch }}}
        </div>
    </div>
</nav>

<!-- Menú lateral móvil (drawer) que se muestra con el botón hamburguesa -->
{{> theme_boost/primary-drawer-mobile }}

<!-- Barra de navegación principal fija -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white shadow-sm"
     aria-label="{{#str}}sitemenubar, admin{{/str}}">
    <div class="container-fluid">

    <!-- Botón hamburguesa visible solo en móviles para abrir el menú lateral -->
        <button class="navbar-toggler px-2 border-0 me-2" type="button"
                data-toggler="drawers" data-action="toggle"
                data-target="theme_boost-drawers-primary">
            <span class="navbar-toggler-icon"></span>
            <span class="sr-only">{{#str}}sidepanel, core{{/str}}</span>
        </button>

        <!-- Logo o nombre del sitio -->
        <!-- Primero intentamos cargar el logotipo desde el renderizador -->
        {{{ output.get_logo_url }}}

        <!-- Enlace al inicio (logotipo o texto según configuración) -->
        <a href="{{{ config.homeurl }}}" class="navbar-brand d-flex align-items-center me-4">

            <!-- Si hay logo configurado, lo mostramos -->
            {{# output.get_logo_url }}
                <img src="{{ output.get_logo_url }}"
                     alt="{{ sitename }}"
                     class="logo"
                     style="max-height: 40px;">
            {{/ output.get_logo_url }}

            <!-- Si no hay logo, mostramos el nombre del sitio -->
            {{^ output.get_logo_url }}
                <span class="ms-2 fs-5 fw-bold">{{{ sitename }}}</span>
            {{/ output.get_logo_url }}
        </a>

        <!-- Menú principal de navegación -->
        {{# primarymoremenu }}
            <div class="collapse navbar-collapse">
                <!-- Parcial oficial de Moodle que genera el menú principal -->
                {{> core/moremenu }}
            </div>
        {{/ primarymoremenu }}

        <!-- Lado derecho de la barra de navegación: utilidades -->
        <div class="d-flex align-items-center ms-auto gap-3">

            <!-- Caja de búsqueda (solo visible en pantallas grandes) -->
            {{# output.search_box }}
                <div class="d-none d-lg-block">
                    {{{ output.search_box }}}
                </div>
            {{/ output.search_box }}

            <!-- Selector de idioma (visible solo en escritorio) -->
            {{# langmenu }}
                <div class="d-none d-lg-block">
                    {{> theme_boost/language_menu }}
                </div>
            {{/ langmenu }}

            <!-- Espacio para plugins que inyectan contenido en la navbar -->
            {{{ output.navbar_plugin_output }}}

            <!-- Menú de usuario (nombre, foto, logout, etc.) -->
            <div class="usermenu-container d-flex align-items-center" data-region="usermenu">
                {{# usermenu }}
                    {{> core/user_menu }}
                {{/ usermenu }}
            </div>

            <!-- Botón para activar/desactivar el modo edición -->
            {{{ output.edit_switch }}}
        </div>
    </div>
</nav>

<!-- Menú lateral móvil (drawer) que se muestra con el botón hamburguesa -->
{{> theme_boost/primary-drawer-mobile }}

{{! Sección de redes sociales en el prefooter }}
<div class="bg-prefooter mt-3 py-4"
     role="region"
     aria-label="{{#str}} followus, theme_micampus {{/str}}">

    <div class="container text-center">

        <!-- Título de la sección -->
        <h5 class="fw-bold mb-3">
            {{#str}} followus, theme_micampus {{/str}}
        </h5>

        <!-- Contenedor de iconos con diseño flexible y centrado -->
        <div class="d-flex justify-content-center flex-wrap gap-3 mt-3">

            <!-- Bucle para recorrer los enlaces configurados -->
            {{#sociallinks}}
                <div class="d-inline-block mx-2 mb-2">
                    <a href="{{url}}"
                       class="fs-3 d-inline-flex align-items-center justify-content-center rounded-circle border"
                       target="_blank"
                       rel="noopener noreferrer"
                       style="width:56px; height:56px;"
                       aria-label="{{iconlabel}}">

                        <!-- Icono de red social (ej: fa-facebook) -->
                        <i class="fa-brands fa-{{icon}}"></i>
                    </a>
                </div>
            {{/sociallinks}}

            <!-- Si no hay redes configuradas -->
            {{^sociallinks}}
                <span>{{#str}} nosociallinks, theme_micampus {{/str}}</span>
            {{/sociallinks}}

        </div>
    </div>
</div>

{{! Sección de redes sociales en el prefooter }}
<div class="bg-prefooter mt-3 py-4"
     role="region"
     aria-label="{{#str}} followus, theme_micampus {{/str}}">

    <div class="container text-center">

        <!-- Título de la sección -->
        <h5 class="fw-bold mb-3">
            {{#str}} followus, theme_micampus {{/str}}
        </h5>

        <!-- Contenedor de iconos con diseño flexible y centrado -->
        <div class="d-flex justify-content-center flex-wrap gap-3 mt-3">

            <!-- Bucle para recorrer los enlaces configurados -->
            {{#sociallinks}}
                <div class="d-inline-block mx-2 mb-2">
                    <a href="{{url}}"
                       class="fs-3 d-inline-flex align-items-center justify-content-center rounded-circle border"
                       target="_blank"
                       rel="noopener noreferrer"
                       style="width:56px; height:56px;"
                       aria-label="{{iconlabel}}">

                        <!-- Icono de red social (ej: fa-facebook) -->
                        <i class="fa-brands fa-{{icon}}"></i>
                    </a>
                </div>
            {{/sociallinks}}

            <!-- Si no hay redes configuradas -->
            {{^sociallinks}}
                <span>{{#str}} nosociallinks, theme_micampus {{/str}}</span>
            {{/sociallinks}}

        </div>
    </div>
</div>

<!-- Pie de página principal -->
<footer id="page-footer" class="bg-footer text-dark py-4 border-top">
    <div class="container">

        <!-- Cuatro columnas de contenido configurables desde el panel de administración -->
        <div class="row">
            <div class="col-md-3">
                {{{ footercol1 }}}
            </div>
            <div class="col-md-3">
                {{{ footercol2 }}}
            </div>
            <div class="col-md-3">
                {{{ footercol3 }}}
            </div>
            <div class="col-md-3">
                {{{ footercol4 }}}
            </div>
        </div>

        <!-- Línea inferior con texto institucional o mensaje personalizado -->
        <div class="text-center mt-4 small text-muted">
            {{# str }} footertext, theme_micampus {{/ str }}
        </div>
    </div>
</footer>

<!-- Pie de página principal -->
<footer id="page-footer" class="bg-footer text-dark py-4 border-top">
    <div class="container">

        <!-- Cuatro columnas de contenido configurables desde el panel de administración -->
        <div class="row">
            <div class="col-md-3">
                {{{ footercol1 }}}
            </div>
            <div class="col-md-3">
                {{{ footercol2 }}}
            </div>
            <div class="col-md-3">
                {{{ footercol3 }}}
            </div>
            <div class="col-md-3">
                {{{ footercol4 }}}
            </div>
        </div>

        <!-- Línea inferior con texto institucional o mensaje personalizado -->
        <div class="text-center mt-4 small text-muted">
            {{# str }} footertext, theme_micampus {{/ str }}
        </div>
    </div>
</footer>

@import "theme/boost/scss/variables";

$primary: #0056b3;
$secondary: #6c757d;
$success: #28a745;
$info: #17a2b8;
$body-bg: #ffffff;

$font-family-sans-serif: "Open Sans", sans-serif;
$font-family-serif: "Georgia", serif;

body {
    background-color: $body-bg;
    font-family: $font-family-sans-serif;
    color: #333;
}

.btn-primary {
    background-color: $primary;
    border-color: darken($primary, 5%);
    &:hover {
        background-color: darken($primary, 10%);
        border-color: darken($primary, 15%);
    }
}

@import "theme/boost/scss/variables";

$primary: #0056b3;
$secondary: #6c757d;
$success: #28a745;
$info: #17a2b8;
$body-bg: #ffffff;

$font-family-sans-serif: "Open Sans", sans-serif;
$font-family-serif: "Georgia", serif;

body {
    background-color: $body-bg;
    font-family: $font-family-sans-serif;
    color: #333;
}

.btn-primary {
    background-color: $primary;
    border-color: darken($primary, 5%);
    &:hover {
        background-color: darken($primary, 10%);
        border-color: darken($primary, 15%);
    }
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

Inicio|/
Nuestro Campus|/page/view.php?id=123
- Admisiones|/course/admission.php
- Vida Estudiantil|/mod/forum/view.php?id=456
Cursos|/course/index.php
- Grados|/course/category.php?id=1
-- Ingeniería|/course/category.php?id=2
-- Ciencias|/course/category.php?id=3
- Posgrados|/course/category.php?id=4
Biblioteca Virtual|https://biblioteca.tuedu.com/
Contacto|/contact/

Inicio|/
Nuestro Campus|/page/view.php?id=123
- Admisiones|/course/admission.php
- Vida Estudiantil|/mod/forum/view.php?id=456
Cursos|/course/index.php
- Grados|/course/category.php?id=1
-- Ingeniería|/course/category.php?id=2
-- Ciencias|/course/category.php?id=3
- Posgrados|/course/category.php?id=4
Biblioteca Virtual|https://biblioteca.tuedu.com/
Contacto|/contact/

<div id="page-footer" class="bg-primary text-white py-4 mt-5">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 text-center text-md-start mb-3 mb-md-0">
                <h5 class="text-white">Contacto</h5>
                <p>Dirección: Calle Ficticia, 123<br>
                Ciudad, Código Postal, País<br>
                Teléfono: +34 123 456 789<br>
                Email: info@tucampus.edu</p>
            </div>
            <div class="col-md-4 text-center mb-3 mb-md-0">
                <h5 class="text-white">Enlaces Rápidos</h5>
                <ul class="list-unstyled">
                    <li><a href="/politica-privacidad" class="text-white text-decoration-none">Política de Privacidad</a></li>
                    <li><a href="/terminos-servicio" class="text-white text-decoration-none">Términos de Servicio</a></li>
                    <li><a href="/preguntas-frecuentes" class="text-white text-decoration-none">Preguntas Frecuentes</a></li>
                </ul>
            </div>
            <div class="col-md-4 text-center text-md-end">
                <h5 class="text-white">Síguenos en Redes Sociales</h5>
                <div class="social-icons mt-3">
                    <a href="https://facebook.com/tucampus" class="text-white mx-2"><i class="fa fa-facebook-f"></i></a>
                    <a href="https://twitter.com/tucampus" class="text-white mx-2"><i class="fa fa-twitter"></i></a>
                    <a href="https://linkedin.com/school/tucampus" class="text-white mx-2"><i class="fa fa-linkedin-in"></i></a>
                    <a href="https://instagram.com/tucampus" class="text-white mx-2"><i class="fa fa-instagram"></i></a>
                    <a href="https://youtube.com/tucampus" class="text-white mx-2"><i class="fa fa-youtube"></i></a>
                </div>
                <p class="mt-3">© {{ time_year }} {{ config.sitename }}
                </p>
            </div>
        </div>
    </div>
</div>
{{{ output.page_footer_menu }}}
{{{ output.standard_footer_html }}}
{{{ output.standard_end_of_body_html }}}

<div id="page-footer" class="bg-primary text-white py-4 mt-5">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 text-center text-md-start mb-3 mb-md-0">
                <h5 class="text-white">Contacto</h5>
                <p>Dirección: Calle Ficticia, 123<br>
                Ciudad, Código Postal, País<br>
                Teléfono: +34 123 456 789<br>
                Email: info@tucampus.edu</p>
            </div>
            <div class="col-md-4 text-center mb-3 mb-md-0">
                <h5 class="text-white">Enlaces Rápidos</h5>
                <ul class="list-unstyled">
                    <li><a href="/politica-privacidad" class="text-white text-decoration-none">Política de Privacidad</a></li>
                    <li><a href="/terminos-servicio" class="text-white text-decoration-none">Términos de Servicio</a></li>
                    <li><a href="/preguntas-frecuentes" class="text-white text-decoration-none">Preguntas Frecuentes</a></li>
                </ul>
            </div>
            <div class="col-md-4 text-center text-md-end">
                <h5 class="text-white">Síguenos en Redes Sociales</h5>
                <div class="social-icons mt-3">
                    <a href="https://facebook.com/tucampus" class="text-white mx-2"><i class="fa fa-facebook-f"></i></a>
                    <a href="https://twitter.com/tucampus" class="text-white mx-2"><i class="fa fa-twitter"></i></a>
                    <a href="https://linkedin.com/school/tucampus" class="text-white mx-2"><i class="fa fa-linkedin-in"></i></a>
                    <a href="https://instagram.com/tucampus" class="text-white mx-2"><i class="fa fa-instagram"></i></a>
                    <a href="https://youtube.com/tucampus" class="text-white mx-2"><i class="fa fa-youtube"></i></a>
                </div>
                <p class="mt-3">© {{ time_year }} {{ config.sitename }}
                </p>
            </div>
        </div>
    </div>
</div>
{{{ output.page_footer_menu }}}
{{{ output.standard_footer_html }}}
{{{ output.standard_end_of_body_html }}}