/* ============================================================
   RonB Studio — Brand Overrides
   ============================================================
   Este archivo se carga DESPUÉS de style.css y redefine los
   tokens de marca del template TechCore.
   
   Estrategia:
   - No tocar style.css original (queda limpio, updateable)
   - Toda la identidad RonB Studio vive aquí
   - Usa las mismas variables CSS que el template ya usa
     (132 usos del color, 74 del navy), por lo que con sólo
     cambiar estas :root se propaga a todo el sitio.
   
   Historial de mapeo (TechCore → RonB Studio):
   - --atf-thm-black:  #0a165e  →  #1a2a3e (navy del logo RonB)
   - --atf-thm-color:  #1A73E8  →  #2056d9 (azul eléctrico del logo)
   - --atf-thm-base:   #E8F0FE  →  #eaf1ff (tint claro del nuevo azul)
   - --atf-grey-7:     #dceaff  →  #dce7ff (alineado al nuevo azul)
   - --atf-grey-8:     #e6effd  →  #e6eeff (alineado al nuevo azul)
   ============================================================ */


/* ------------------------------------------------------------
   1. Tokens de color — sobrescriben los del template
   ------------------------------------------------------------ */
:root {

    /* --- Colores de marca RonB Studio --- */
    --atf-thm-black: #1a2a3e;            /* Navy primario del logo */
    --atf-thm-color: #2056d9;            /* Azul eléctrico del logo */
    --atf-thm-base:  #eaf1ff;            /* Tint suave (backgrounds, pills) */

    /* --- Grises tonificados hacia el nuevo azul --- */
    --atf-grey-7: #dce7ff;               /* Blue-tinted light grey */
    --atf-grey-8: #e6eeff;               /* Blue-tinted light grey */

    /* --- Variables adicionales propias de RonB Studio --- */
    /* Disponibles por si queremos matices específicos sin tocar
       los tokens base del template */
    --rb-navy-deep:  #0f1a2b;            /* Navy más oscuro para contraste fuerte */
    --rb-blue-soft:  #4a7bea;            /* Azul medio, para hover/links secundarios */
    --rb-blue-glow:  rgba(32, 86, 217, 0.12); /* Para shadows y halos */
}


/* ------------------------------------------------------------
   2. Refinamientos visuales menores alineados al branding
   ------------------------------------------------------------ */

/* Selección de texto con nuestro azul */
::selection {
    background: var(--atf-thm-color);
    color: #ffffff;
}
::-moz-selection {
    background: var(--atf-thm-color);
    color: #ffffff;
}



/* ------------------------------------------------------------
   12. Utilidades: desactivar elementos específicos
   ------------------------------------------------------------ */

/* Desactiva el cursor custom (bolita azul que seguía al mouse).
   Quitar este bloque para restaurarlo. */
.cursor_body {
    display: none !important;
}

/* Clase utilitaria para ocultar secciones completas sin borrarlas.
   Uso: agregar la clase "rb-disabled" al <section> que se quiera ocultar.
   Para re-activar: quitar la clase de la etiqueta <section>. */
.rb-disabled {
    display: none !important;
}


/* ------------------------------------------------------------
   13. Etiqueta de versión (solo homepage)
   ------------------------------------------------------------ */
.rb-version {
    font-family: var(--font-mono, 'JetBrains Mono', 'Menlo', monospace);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
    color: rgba(255, 255, 255, 0.35);
    margin-top: 6px;
    margin-bottom: 0;
}