@@ Line 94: / Line 94: @@
 .bok-cat-grid {
    display: grid;
-   grid-template-columns: repeat(4, 1fr);
+   grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 4px 0 24px;
@@ Line 217: / Line 217: @@
    gap: 8px;
    flex-shrink: 0;
+  align-items: center;
 }
-.bok-ecosistema .botones a {
+.bok-btn-outline a,
+.bok-btn-outline a:visited,
+.bok-btn-outline a:hover {
    display: inline-block;
+  background: transparent;
+  color: #3375d4 !important;
+  border: 1px solid #3375d4;
    padding: 7px 14px;
    border-radius: 6px;
@@ Line 228: / Line 234: @@
    white-space: nowrap;
 }
-.bok-ecosistema .botones a:first-child,
+.bok-btn-filled a,
-.bok-ecosistema .botones a:first-child:visited,
+.bok-btn-filled a:visited {
-.bok-ecosistema .botones a:first-child:hover {
+   display: inline-block;
-   background: transparent;
-  color: #3375d4 !important;
-  border: 1px solid #3375d4;
-}
-.bok-ecosistema .botones a:last-child,
-.bok-ecosistema .botones a:last-child:visited {
    background: #3375d4;
    color: white !important;
    border: 1px solid #3375d4;
+  padding: 7px 14px;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  text-decoration: none !important;
+  background-image: none !important;
+  white-space: nowrap;
 }
-.bok-ecosistema .botones a:last-child:hover {
+.bok-btn-filled a:hover {
-   background: #295ba4;
+   background: #295ba4 !important;
-   border-color: #295ba4;
+   border-color: #295ba4 !important;
    color: white !important;
 }
@@ Line 312: / Line 319: @@
    .bok-manuals-grid { grid-template-columns: 1fr; }
    .bok-ecosistema { flex-direction: column; }
+}
+/* --- Pie de página portada --- */
+.bok-footer-divider {
+  border: none;
+  border-top: 1px solid #c0cce0;
+  margin: 16px 0 12px;
+  height: 0;
+}
+.bok-footer-inner {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  padding-bottom: 8px;
+  flex-wrap: nowrap;
+}
+.bok-footer-redes {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.bok-footer-redes a,
+.bok-footer-redes a:visited {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none !important;
+  background-image: none !important;
+  padding: 3px 5px;
+  border: none;
+}
+.bok-footer-redes a:first-child,
+.bok-footer-redes a:first-child:visited {
+  background: #0077b5;
+  color: white !important;
+  border-radius: 3px;
+  font-size: 11px;
+  font-weight: 800;
+  width: 14px;
+  height: 14px;
+  padding: 2px 3px;
+}
+.bok-footer-redes a:last-child,
+.bok-footer-redes a:last-child:visited {
+  background: #FF0000;
+  color: white !important;
+  border-radius: 4px;
+  font-size: 10px;
+  padding: 2px 5px;
+  height: 14px;
+}
+.bok-footer-redes a:first-child:hover {
+  background: #005f8e !important;
+}
+.bok-footer-redes a:last-child:hover {
+  background: #cc0000 !important;
+  color: white !important;
+}
+.bok-footer-meta {
+  font-size: 11px;
+  color: #8c9ab5;
+}
+.bok-footer-meta a,
+.bok-footer-meta a:visited {
+  color: #77819a !important;
+  text-decoration: none !important;
+  background-image: none !important;
+}
+.bok-footer-meta a:hover {
+  color: #3375d4 !important;
+}
+/* --- Véase también: etiquetas burbuja --- */
+.bok-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 8px 0 16px;
+}
+.bok-tags a {
+  display: inline-block;
+  background: #eef2f8;
+  color: #3375d4 !important;
+  border: 1px solid #d0d8e8;
+  border-radius: 20px;
+  padding: 4px 12px;
+  font-size: 12px;
+  text-decoration: none !important;
+  background-image: none !important;
+  white-space: nowrap;
+}
+.bok-tags a:hover {
+  background: #e5effa;
+  border-color: #3375d4;
+}
+/* --- Encabezados de artículos --- */
+.mw-parser-output h2 {
+  font-family: 'Optima', 'Candara', 'Calibri', 'Segoe UI', sans-serif !important;
+  font-size: 13px !important;
+  font-weight: 600 !important;
+  color: #54617f !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.12em !important;
+  border-bottom: 1px solid #eef2f8 !important;
+  padding-bottom: 6px !important;
+  margin-top: 28px !important;
+  margin-bottom: 10px !important;
+}
+.mw-parser-output h3 {
+  font-family: 'Optima', 'Candara', 'Calibri', 'Segoe UI', sans-serif !important;
+  font-size: 11px !important;
+  font-weight: 600 !important;
+  color: #77819a !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.10em !important;
+  border-bottom: none !important;
+  margin-top: 18px !important;
+  margin-bottom: 8px !important;
+}
+.mw-parser-output h4 {
+  font-family: 'Optima', 'Candara', 'Calibri', 'Segoe UI', sans-serif !important;
+  font-size: 10px !important;
+  font-weight: 600 !important;
+  color: #8c9ab5 !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.10em !important;
+  border-bottom: none !important;
+  margin-top: 14px !important;
+  margin-bottom: 6px !important;
+}
+/* --- Título de página (h1) --- */
+#firstHeading {
+  font-family: 'Optima', 'Candara', 'Calibri', 'Segoe UI', sans-serif !important;
+  font-weight: 400 !important;
+  letter-spacing: 0.06em !important;
+}
+/* --- Título del CTA --- */
+.bok-ecosistema .titulo {
+  font-family: 'Optima', 'Candara', 'Calibri', 'Segoe UI', sans-serif !important;
+  letter-spacing: 0.06em !important;
+}
+/* --- Meta de artículo (tiempo de lectura + fecha) --- */
+.bok-meta {
+  font-size: 12px;
+  color: #8c9ab5;
+  margin: 0 0 20px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #eef2f8;
+  letter-spacing: 0.02em;
 }

MediaWiki:Common.css: Difference between revisions

Navigation menu

Search