/* ==========================================================================
   Carmichael Development — one look for the whole platform (2.2.0)
   Loaded last on every page by core/theme.php. It only changes how things
   look: typography, colors, tables, buttons, fields and scroll bars.
   It never changes sizes, positions or the order of anything on a page.
   Turn it off in Admin → System status → Unified look.
   ========================================================================== */

@font-face { font-family: "DM Sans"; font-style: normal; font-display: swap; font-weight: 100 1000;
  src: url(../fonts/dm/dm-sans-latin-wght-normal.woff2) format("woff2-variations"), url(../fonts/dm/dm-sans-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: normal; font-display: swap; font-weight: 100 1000;
  src: url(../fonts/dm/dm-sans-latin-ext-wght-normal.woff2) format("woff2-variations"), url(../fonts/dm/dm-sans-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: italic; font-display: swap; font-weight: 100 1000;
  src: url(../fonts/dm/dm-sans-latin-wght-italic.woff2) format("woff2-variations"), url(../fonts/dm/dm-sans-latin-wght-italic.woff2) format("woff2"); }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-display: swap; font-weight: 400;
  src: url(../fonts/dm/dm-serif-display-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-display: swap; font-weight: 400;
  src: url(../fonts/dm/dm-serif-display-latin-ext-400-normal.woff2) format("woff2");
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  --cd-font: "DM Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --cd-title: "DM Serif Display", Georgia, "Times New Roman", serif;
  --cd-brand: var(--cdv-1a7bbf,#1a7bbf);
  --cd-brand-strong: var(--cdv-1565a3,#1565a3);
  --cd-brand-soft: var(--cdv-e8f3fb,#e8f3fb);
  --cd-ink: var(--cdv-2c3142,#2c3142);
  --cd-ink-2: var(--cdv-5c6378,#5c6378);
  --cd-muted: var(--cdv-7a8294,#7a8294);
  --cd-line: var(--cdv-dde1e7,#dde1e7);
  --cd-line-soft: var(--cdv-e8ebf0,#e8ebf0);
  --cd-surface-2: var(--cdv-f7f8fa,#f7f8fa);
  --cd-danger: var(--cdv-d94f3d,#d94f3d);
  --cd-focus: 0 0 0 3px var(--cdv-1a7bbfa018,rgba(26, 123, 191, .18));
  --cd-thumb: var(--cdv-c3c9d3,#c3c9d3);
  --cd-thumb-hover: var(--cdv-9aa2b0,#9aa2b0);
}

/* --- Scroll bars: thin and quiet everywhere (no more grey Windows bars) --- */
html, body, * { scrollbar-width: thin; scrollbar-color: var(--cd-thumb) transparent; }
html:hover, *:hover { scrollbar-color: var(--cd-thumb-hover) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; background: transparent; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--cd-thumb); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background-color: var(--cd-thumb-hover); }
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }

/* --- Typography --------------------------------------------------------------
   core/theme.php already swaps the old editor fonts (Segoe UI, Arial...) for DM Sans
   inside each page's own styles, and large titles for DM Serif Display. Here only the
   text that had no font of its own. Icons keep theirs. */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
html:has([id^="wb_"]) body { font-family: var(--cd-font); }
html:has([id^="wb_"]) :is(input, select, textarea, button) { font-family: inherit; }
::selection { background: var(--cdb-1a7bbfa018,rgba(26, 123, 191, .18)); }

/* --- Header bar of the old pages: white, with a soft line like the rest ------- */
nav[id^="LayoutGrid"]:has([id^="wb_headerMenu"]),
[id^="wb_LayoutGrid"]:has(> nav [id^="wb_headerMenu"]) {
  background-color: var(--cdb-ffffff,#fff) !important;
  box-shadow: 0 1px 0 var(--cd-line-soft), 0 4px 14px var(--cdl-101828a004,rgba(16, 24, 40, .04)) !important;
}
/* the same bar on public pages (job application) that have the logo but no menu */
[id^="wb_LayoutGrid"]:has(> nav img[src*="Logo"]) {
  background-color: var(--cdb-ffffff,#fff) !important;
  box-shadow: 0 1px 0 var(--cd-line-soft), 0 4px 14px var(--cdl-101828a004,rgba(16, 24, 40, .04)) !important;
}
/* Banners: the color over the photo, the same deep blue as the home page */
[id$="LayoutGrid1-overlay"]:not([id^="headerMenu"]), [id$="LayoutGrid2-overlay"], [id$="LayoutGrid3-overlay"] {
  background-color: var(--cdb-0a74c2,#0a74c2) !important; /* saturated so it stays vivid under the banner's transparency */
}
[id^="headerMenu"] .line { background-color: var(--cd-brand) !important; border-radius: 2px; }

/* --- Tables with headers (data tables, lists) --------------------------------- */
table:has(> thead th, > tbody > tr > th, > tr > th) { border-color: var(--cd-line); }
table:has(> thead th) > thead th,
table.dataTable thead th, table.dataTable thead td {
  color: var(--cd-ink-2);
  font-weight: 600;
  letter-spacing: .02em;
}
table:has(> thead th) > tbody > tr:hover > td { background-color: var(--cdb-1a7bbfa0035,rgba(26, 123, 191, .035)); }
table:has(> thead th) td, table:has(> thead th) th { border-color: var(--cd-line-soft); }

/* DataTables controls (search box, page size, pages) */
.dataTables_wrapper .dataTables_filter input, .dt-container .dt-search input,
.dataTables_wrapper .dataTables_length select, .dt-container .dt-length select {
  border: 1px solid var(--cd-line) !important; border-radius: 8px !important; padding: 5px 10px !important; background: var(--cdb-ffffff,#fff) !important; outline: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dt-container .dt-paging .dt-paging-button {
  border-radius: 8px !important; border: 1px solid transparent !important; color: var(--cd-ink-2) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dt-container .dt-paging .dt-paging-button.current {
  background: var(--cd-brand) !important; border-color: var(--cd-brand) !important; color: var(--cdc-ffffff,#fff) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled),
.dt-container .dt-paging .dt-paging-button:hover:not(.current):not(.disabled) {
  background: var(--cd-brand-soft) !important; border-color: var(--cd-brand-soft) !important; color: var(--cd-brand-strong) !important;
}
.dataTables_wrapper .dataTables_info, .dt-container .dt-info { color: var(--cd-muted) !important; }

/* --- Fields and buttons ---------------------------------------------------------
   Pages of the old visual editor only. :where() has no weight, so any style a page gives
   its own fields or buttons wins; this only dresses the ones left with the browser's look. */
:where(html:has([id^="wb_"])) :where(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"],
    input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="month"], input[type="url"],
    select, textarea) {
  border: 1px solid var(--cd-line);
  border-radius: 8px;
  background-color: var(--cdb-ffffff,#fff);
  color: var(--cd-ink);
}
:where(html:has([id^="wb_"])) :where(button, input[type="submit"], input[type="button"], input[type="reset"]) {
  border: 1px solid var(--cdl-cfe2f2,#cfe2f2);
  border-radius: 8px;
  background-color: var(--cdb-eef5fb,#eef5fb);
  color: var(--cd-brand-strong);
  font-weight: 600;
  cursor: pointer;
}
:where(html:has([id^="wb_"])) :where(button, input[type="submit"], input[type="button"], input[type="reset"]):hover { background-color: var(--cd-brand-soft); border-color: var(--cdl-a9d2ee,#a9d2ee); }
:is(input, select, textarea) { accent-color: var(--cd-brand); transition: border-color .15s ease, box-shadow .15s ease; }
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]), select, textarea):focus {
  outline: none;
  border-color: var(--cd-brand) !important;
  box-shadow: var(--cd-focus) !important;
}
:is(button, input[type="submit"], input[type="button"], a):focus-visible { outline: none; box-shadow: var(--cd-focus); }
::placeholder { color: var(--cdc-a0a7b5,#a0a7b5); opacity: 1; }

/* Modals and drop-downs of Bootstrap pages */
.modal-content { border-radius: 14px; border-color: var(--cd-line-soft); box-shadow: 0 18px 48px var(--cdl-101828a018,rgba(16, 24, 40, .18)); }
.dropdown-menu { border-radius: 10px; border-color: var(--cd-line-soft); box-shadow: 0 10px 30px var(--cdl-101828a012,rgba(16, 24, 40, .12)); }
.btn-primary { --bs-btn-bg: var(--cd-brand); --bs-btn-border-color: var(--cd-brand); --bs-btn-hover-bg: var(--cd-brand-strong); --bs-btn-hover-border-color: var(--cd-brand-strong); }

@media print {
  nav[id^="LayoutGrid"]:has([id^="wb_headerMenu"]) { box-shadow: none !important; }
}

/* 3.7.0: las líneas del menú hamburguesa en el azul Carmichael (#0085BE), en claro y en oscuro */
#hamburger span,.mobile-fab span,.sb-fab span,.hamburger span{background:#0085BE!important}
#hamburger,.mobile-fab,.sb-fab{color:#0085BE}