/* ========================================================================= cpragma — hoja de marca Aplica la identidad visual definida en Software_CPragma_DaniBarb.pdf sobre el theme Bootstrap existente (lib2/css/style.css). Se carga DESPUÉS de style.css para poder sobreescribir sus variables/reglas. ========================================================================= */ /* ---------- Tipografías ---------- */ @font-face { font-family: 'Inter Tight'; src: url('../fonts/InterTight-Variable.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Tight'; src: url('../fonts/InterTight-Italic-Variable.ttf') format('truetype'); font-weight: 100 900; font-style: italic; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('../fonts/PTSerif-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('../fonts/PTSerif-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('../fonts/PTSerif-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url('../fonts/PTSerif-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; } /* ---------- Paleta de marca ---------- */ :root { --brand-smoky: #190905; --brand-isabelline: #F4F3ED; --brand-mindaro: #E8FD86; --brand-eggshell: #E6F4D1; --brand-outerspace: #243F3B; --brand-danger: #FF0000; --brand-danger-soft: #FFC6BB; --brand-warning: #F2A63B; --brand-warning-soft: #E6E5CE; --brand-success: #439662; --brand-font-sans: 'Inter Tight', sans-serif; --brand-font-serif: 'PT Serif', serif; /* Rebind del theme existente a la marca */ --primary: var(--brand-outerspace); --primary-hover: #1b3330; --primary-dark: #0f1f1c; --rgba-primary-1: rgba(36, 63, 59, 0.1); --rgba-primary-2: rgba(36, 63, 59, 0.2); --rgba-primary-3: rgba(36, 63, 59, 0.3); --rgba-primary-4: rgba(36, 63, 59, 0.4); --rgba-primary-5: rgba(36, 63, 59, 0.5); --rgba-primary-6: rgba(36, 63, 59, 0.6); --rgba-primary-7: rgba(36, 63, 59, 0.7); --rgba-primary-8: rgba(36, 63, 59, 0.8); --rgba-primary-9: rgba(36, 63, 59, 0.9); --secondary: var(--brand-smoky); --title: var(--brand-smoky); --font-family-base: var(--brand-font-sans), sans-serif; --font-family-title: var(--brand-font-sans), sans-serif; --bs-body-font-family: var(--brand-font-sans), sans-serif; --nav-headbg: var(--brand-outerspace); --headerbg: var(--brand-outerspace); --sidebar-bg: #FFFFFF; } /* El theme resuelve estas variables vía atributos data-* del ; se repiten aquí con el mismo selector para ganar por orden de cascada. */ [data-nav-headerbg="black"], [data-nav-headerbg="color_1"] { --nav-headbg: var(--brand-outerspace); } [data-headerbg="color_1"] { --headerbg: var(--brand-outerspace); } html, body { background-color: var(--brand-isabelline); font-family: var(--brand-font-sans), sans-serif; color: var(--brand-smoky); } /* ---------- Titulares en PT Serif itálica ---------- Cubre por estructura (sin necesitar clase "heading" en cada plantilla) cualquier título de tarjeta, tabla o modal/offcanvas del sitio: header de .card, .tbl-caption, y los títulos de modales/offcanvas de Bootstrap. */ .card-title, .heading, .tbl-caption .heading, .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .tbl-caption h1, .tbl-caption h2, .tbl-caption h3, .tbl-caption h4, .tbl-caption h5, .tbl-caption h6, .modal-title, .offcanvas-title, h3.title, .login-form .title, .brand-serif { font-family: var(--brand-font-serif), serif; font-style: italic; font-weight: 400; color: var(--brand-smoky); } /* ---------- Botones tipo píldora ---------- */ .btn { --bs-btn-border-radius: 50rem; font-family: var(--brand-font-sans), sans-serif; font-weight: 500; padding-left: 1.5rem; padding-right: 1.5rem; } /* !important porque .btn-primary compite con reglas de igual o mayor especificidad del theme (p.ej. ".btn.btn-primary{color:#fff}") y con la regla de color de enlaces de más abajo cuando el botón es un . Cubre