/* /fonts.css */
/* Web fonts, self-hosted: the rules and files Google Fonts served for Nunito, Lato,
   Poppins and Orbitron (OFL, licences in assets/fonts/), fetched on 2026-10-16 with a current
   browser's user agent. unicode-range lets a browser download only the subsets a page uses,
   and a font only where a page uses it (Orbitron: the stock pages' countdown). */
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXX3I6Li01BKofIMNaORs7nczIHNHI.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXX3I6Li01BKofIMNaHRs7nczIHNHI.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXX3I6Li01BKofIMNaMRs7nczIHNHI.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXX3I6Li01BKofIMNaNRs7nczIHNHI.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXX3I6Li01BKofIMNaDRs7nczIH.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/nunito-XRXV3I6Li01BKofINeaBTMnFcQ.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/lato-S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/lato-S6uyw4BMUTPHjx4wXiWtFCc.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/lato-S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/lato-S6u9w4BMUTPHh6UVSwiPGQ3q5d0.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiEyp8kv8JHgFVrJJfecnFHGPc.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/poppins-pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/orbitron-yMJRMIlzdpvBhQQL_Qq7dy1biN15.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/orbitron-yMJRMIlzdpvBhQQL_Qq7dy1biN15.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* /content.css */
/* What the pages' content and the shared templates need before base.css: the tables,
   lists and figures the posts' HTML carries, hidden labels and the call-to-action button. */
ol, ul { box-sizing: border-box; }
:where(figure) { margin: 0 0 1em; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }

.history-table { overflow-x: auto; }
.history-table table { border-collapse: collapse; width: 100%; }
.history-table thead { border-bottom: 3px solid; }
.history-table td, .history-table th { border: 1px solid; padding: .5em; }
.history-table.striped { background-color: initial; border-bottom: 1px solid #f0f0f0; border-collapse: inherit; border-spacing: 0; }
.history-table.striped tbody tr:nth-child(odd) { background-color: #f0f0f0; }
.history-table.striped td, .history-table.striped th { border-color: #0000; }

/* for screen readers only, until focused */
.screen-reader-text {
    position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; word-wrap: normal;
}
.screen-reader-text:focus {
    background-color: #ddd; clip: auto !important; clip-path: none; color: #444; display: block;
    font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px;
    text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

.cta-button {
    display: inline-block; line-height: 1; background-color: #818a91; font-size: 15px;
    padding: 12px 24px; border-radius: 3px; color: #fff; fill: #fff; text-align: center; transition: all .3s;
}
.cta-button:focus, .cta-button:hover, .cta-button:visited { color: #fff; }
.cta-button-content { display: flex; justify-content: center; }
.cta-button-text { flex-grow: 1; order: 10; display: inline-block; }
.cta-button span { text-decoration: inherit; }
/* /toc.css */
/* The table of contents on the index pages and the reviews (site.js fills the lists): a
   box beside the article on desktop, a bar at the top below 1025px. */
@keyframes slideInLeftFade{0%{opacity:0;transform:translateX(-100%);}100%{opacity:1;transform:translateX(0);}}
#custom-toc{background-color:#f9f9f9;border:1px solid #ccc;padding:10px;overflow-y:auto;z-index:1;display:none;scrollbar-width:thin;}
#custom-toc.toc-visible{display:block;opacity:0;transform:translateX(-50%);animation:slideInLeftFade 1s forwards;overflow-y:auto;max-height:calc(100vh - 293px);}
#custom-toc::-webkit-scrollbar{width:6px;}
#custom-toc::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #8b8b8b4d;background-color:white;}
#custom-toc::-webkit-scrollbar-thumb{background-color:lightgray;}
#custom-toc h2{margin-top:0;font-size:18px;font-weight:bold;}
#custom-toc ul{list-style-type:none;padding-left:0;}
#custom-toc ul li{user-select:none;border-left:1px solid #d4d4d4;margin:0;min-height:40px;font-size:16px;padding:0.5rem 0 0.5rem 0.75rem;}
#custom-toc ul li:hover{background-color:#f0f0f0;cursor:pointer;}
#custom-toc ul li.active{font-weight:bold;color:#000;border-color:#000;letter-spacing:-0.007rem;}
#custom-toc-container-mobile{position:fixed;top:0;left:0;width:100%;background-color:#e4e4e4;z-index:10;display:none;}
#custom-toc-toggle-mobile{display:none;width:100%;background-color:transparent;padding:10px;border:none;cursor:pointer;text-align:left;align-items:center;justify-content:space-between;width:100%;background-position:bottom left;background-repeat:no-repeat;background-size:100% 2px;box-shadow:none;font-size:14px;letter-spacing:.07rem;}
#custom-toc-list-mobile{display:none;list-style-type:none;padding:0;margin:0;max-height:700px;}
#custom-toc-list-mobile{list-style-type:none;padding-left:0;}
#custom-toc-list-mobile li{user-select:none;border-left:1px solid #d4d4d4;margin:0;min-height:40px;font-size:16px;padding:0.5rem 0 0.5rem 0.75rem;}
#custom-toc-list-mobile li:hover{background-color:#f0f0f0;cursor:pointer;}
#custom-toc-list-mobile li.active{font-weight:bold;color:#000;border-color:#000;}
#custom-toc-list-mobile.open{display:block;}
.custom-toc-arrow{display:inline-block;transition:transform 0.4s ease-in-out;}
.custom-toc-arrow.rotated{transform:rotate(180deg);}
@media screen and (max-width:1024px){#custom-toc-container-mobile{display:block;}#custom-toc-toggle-mobile{display:inline-flex;}#custom-toc-list-mobile{position:absolute;top:100%;left:0;width:100%;background-color:#f9f9f9;border:1px solid #ccc;padding:10px;overflow-y:auto;max-height:75vh;}#custom-toc-list-mobile.open{display:block;}}
/* /base.css */
/* The site's base: the reset, the type, the tables, the form fields and buttons, the
   page wrappers, and the blogs' settings (fonts, colours, the container's width). Loads
   after content.css and toc.css and before theme.css, which builds on it; the values the
   other sheets read stay variables. */

:root {
	--text-color: rgb(63, 63, 63);
	--title-color: #242424;
	--title-font: "Poppins", Arial, Helvetica, sans-serif;
	--title-font-weight: 600;
	--link-color: rgb(19, 57, 111);
	--link-color-hover: rgba(19, 57, 111, .75);
	--tags-mb: 20px;
	--main-bgcolor: #fff;
	--brdcolor-gray-300: rgba(0, 0, 0, .105);
}

/* the reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
}
*, *::before, *::after {
	box-sizing: border-box;
}
html {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	font-family: sans-serif;
}
ol, ul {
	margin-bottom: 20px;
	padding-left: 17px;
	list-style: none;
}
caption, th, td {
	vertical-align: middle;
	text-align: left;
}
q, blockquote {
	quotes: none;
}
q::before, q::after, blockquote::before, blockquote::after {
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
a, button, input {
	touch-action: manipulation;
}
button, input, optgroup, select, textarea {
	margin: 0;
	color: inherit;
	font: inherit;
}
button {
	overflow: visible;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* the type */
body {
	overflow-x: hidden;
	margin: 0;
	background-color: #fff;
	color: var(--text-color);
	text-rendering: optimizeLegibility;
	font-weight: 400;
	font-size: 17px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;
}
p {
	margin-bottom: var(--tags-mb);
}
a {
	color: var(--link-color);
	text-decoration: none;
	transition: all .25s ease;
}
a:is(:hover, :focus, :active) {
	outline: none;
	text-decoration: none;
}
a:hover {
	color: var(--link-color-hover);
}
a:focus {
	outline: none;
}
:is(h1, h2, h3, h4, h5, h6, .title) a {
	color: inherit;
}
:is(h1, h2, h3, h4, h5, h6, .title) a:hover {
	color: var(--link-color-hover);
}
label {
	display: block;
	margin-bottom: 5px;
	color: var(--title-color);
	vertical-align: middle;
	font-weight: 400;
}
em {
	font-style: italic;
}
big {
	font-size: larger;
}
abbr {
	border-bottom: 1px dotted;
	color: #d62432;
	text-decoration: none;
}
acronym {
	border-bottom: 1px dotted;
	text-decoration: none;
}
abbr[title] {
	border: none;
}
dl {
	margin-bottom: 20px;
}
strong, b {
	font-weight: 600;
}
mark {
	display: inline-block;
	padding: 5px 8px;
	background-color: #f7f7f7;
	color: #242424;
	font-weight: 600;
	line-height: 1;
}
code, kbd {
	padding: 2px 5px;
}
code, kbd, pre, samp {
	-webkit-hyphens: none;
	hyphens: none;
	font-family: monospace, serif;
}
ins {
	text-decoration: none;
}
pre {
	overflow: auto;
	margin-bottom: 20px;
	padding: 20px;
	background: #f7f7f7;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
}
dfn, var, cite {
	font-style: italic;
}
sub, sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 1;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
small {
	font-size: 80%;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 35px;
	border: none;
	border-bottom: 1px solid currentColor;
	opacity: .2;
}
iframe, embed {
	max-width: 100%;
}
blockquote {
	margin-bottom: 20px;
	padding-left: 30px;
	border-left: 2px solid rgb(19, 57, 111);
	text-align: left;
	font-size: 110%;
	--tags-mb: 10px;
}
blockquote cite {
	display: block;
	margin-top: 10px;
	color: rgb(19, 57, 111);
	font-weight: 600;
	font-size: 90%;
}
blockquote cite a {
	color: inherit;
}
address {
	margin-bottom: 20px;
	font-style: italic;
	font-size: 110%;
	line-height: 1.8;
}
fieldset {
	margin-bottom: 20px;
	padding: 20px 40px;
	border: 2px solid var(--brdcolor-gray-300);
}
fieldset legend {
	margin-bottom: 0;
	padding-right: 15px;
	padding-left: 15px;
	width: auto;
}
legend {
	text-transform: uppercase;
	font-size: 22px;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 12px;
}
legend, h1, h2, h3, h4, h5, h6, .title {
	display: block;
	margin-bottom: var(--tags-mb);
	color: var(--title-color);
	font-weight: var(--title-font-weight);
	font-family: var(--title-font);
	line-height: 1.4;
}
li {
	margin-bottom: 10px;
}
li:last-child {
	margin-bottom: 0;
}
li > ul, li > ol {
	margin-top: 10px;
	margin-bottom: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
dl dt {
	color: #333;
	font-weight: 600;
}
dl dd {
	margin-bottom: 20px;
}
.text-left {
	text-align: left;
}
.reset-last-child > *:last-child {
	margin-bottom: 0;
}

/* the tables */
table {
	margin-bottom: 35px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 1.4;
}
table th {
	padding: 15px 10px;
	border-bottom: 2px solid rgba(0, 0, 0, .075);
	color: var(--title-color);
	text-transform: uppercase;
	font-weight: var(--title-font-weight);
	font-size: 16px;
	font-family: var(--title-font);
}
table td {
	padding: 15px 12px;
	border-bottom: 1px solid var(--brdcolor-gray-300);
}
table :is(tbody, tfoot) th {
	border-bottom: 1px solid var(--brdcolor-gray-300);
	text-transform: none;
	font-size: inherit;
}

/* the form fields: 42px high, a 2px border, square */
input[type="email"], input[type="search"], input[type="number"], input[type="url"], input[type="tel"],
input[type="text"], input[type="password"], textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="email"], input[type="date"], input[type="search"], input[type="number"], input[type="text"],
input[type="tel"], input[type="url"], input[type="password"], textarea, select {
	padding: 0 15px;
	max-width: 100%;
	width: 100%;
	height: 42px;
	border: 2px solid rgba(0, 0, 0, .1);
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	color: inherit;
	vertical-align: middle;
	font-size: 14px;
	transition: border-color .5s ease;
}
input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="number"]:focus,
input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
	outline: none;
	border-color: rgba(0, 0, 0, .15);
	transition: border-color .4s ease;
}
::-webkit-input-placeholder {
	color: inherit;
}
::-moz-placeholder {
	color: inherit;
}
input[type="radio"], input[type="checkbox"] {
	box-sizing: border-box;
	margin-top: 0;
	padding: 0;
	vertical-align: middle;
	margin-inline-end: 5px;
}
input[type="search"] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	padding: 10px 15px;
	min-height: 190px;
}
/* a grey chevron on the right */
select {
	padding-right: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' stroke-width='2' stroke='%23bbb'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-position: right 10px top 50%;
	background-size: auto 18px;
	background-repeat: no-repeat;
}
select option {
	background-color: #fff;
}
input:-webkit-autofill {
	border-color: rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 0 1000px transparent inset;
	-webkit-text-fill-color: inherit;
}
input:focus:-webkit-autofill {
	border-color: rgba(0, 0, 0, .15);
}

/* the buttons: grey, uppercase, darker on hover */
.button, button, [type="submit"], [type="button"] {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	outline: none;
	border: 0 solid transparent;
	border-radius: 0;
	background-color: #f3f3f3;
	box-shadow: none;
	color: #3e3e3e;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	cursor: pointer;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.button:hover, button:hover, [type="submit"]:hover, [type="button"]:hover {
	color: #3e3e3e;
	box-shadow: inset 0 0 200px rgba(0, 0, 0, .1);
	text-decoration: none;
}
.button:focus, button:focus, [type="submit"]:focus, [type="button"]:focus {
	outline: none;
}
button[disabled], input[disabled] {
	opacity: .6 !important;
	cursor: default;
}

/* the block editor's content */
.entry-content > [class*="wp-block"] {
	margin-bottom: 20px;
}
.history-table table {
	margin-bottom: 0;
}
.history-table.striped {
	border-bottom: none;
}
.wp-caption {
	margin-bottom: 20px;
	padding: 0;
	max-width: 100%;
	border: none;
	background: transparent;
}
.wp-caption .wp-caption-text {
	padding: 5px 10px 5px 0;
	font-style: italic;
	line-height: 1.6;
	opacity: .8;
}

/* the layout: a centred container, rows of columns, the page between header and footer
   on a light grey */
.container {
	width: 100%;
	max-width: 1222px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.col {
	position: relative;
	flex-basis: 0;
	flex-grow: 1;
	width: 100%;
	max-width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.align-items-start {
	align-items: flex-start;
}
.website-wrapper {
	position: relative;
	overflow: hidden;
	background-color: var(--main-bgcolor);
}
.main-page-wrapper {
	margin-top: -40px;
	padding-top: 40px;
	min-height: 50vh;
	background-color: var(--main-bgcolor);
}
.page .main-page-wrapper {
	background-color: rgb(249, 249, 249);
	background-image: none;
}
.site-content {
	margin-bottom: 40px;
}
/* /theme.css */
/* The site's main sheet: the live site's own theme stylesheet, on top of static/base.css */

html {
    scroll-behavior: smooth;
}

html, body {
	scrollbar-width: thin;
}

body::-webkit-scrollbar {
  	width: 6px; /* Width of the scrollbar */
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: whitesmoke;
}

body::-webkit-scrollbar-thumb {
  	background-clip: padding-box; /* Clip the background of the thumb */
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: gray;
}

.no-scroll {
  overflow: hidden;
}

.no-scroll .container {
	padding-right: 21px;
}
#custom-toc {
    background-color: white;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
	padding-left: 0;
}

#custom-toc ul {
	margin-bottom: 0;
}

#custom-toc .title {
	margin-bottom: 15px;
    font-size: 17px;
	padding-left: 10px;
}

#custom-toc ul li {
    font-size: 14px;
	border-left: none;
}

#custom-toc ul li.active {
	border-left: 1px solid;
}
.flex {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
}

.article-title h1 {
	text-align: center;
    font-size: 30px;
    letter-spacing: -0.01rem;
    font-weight: 400;
	margin-top: 30px;
}

.custom-search-form {
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.custom-search-form label {
	width: 100%;
    box-sizing: border-box;
	z-index: 410;
	margin: 0;
}

.search-input-wrapper {
    position: relative;
    width: 100%;
}

/* the magnifier (an inline SVG of the glyph the site drew from an icon font), in
   the box the glyph's line gave it: 1em wide, 1.6em high, the glyph centred */
.search-icon {
    display: flex;
    align-items: center;
    height: 1.6em;
    font-size: 20px;
    transition: opacity .2s ease;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc; /* Adjust color as needed */
    pointer-events: none; /* Makes the icon unclickable, allowing interaction with the input field */
}

.custom-search-form input {
	width: 100%;
    box-sizing: border-box;
	background-color: #42618c;
	color: white;
}

input.custom-search-field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    padding: 5px;
    border-radius: 3px;
    margin-right: 5px;
	padding-left: 40px; /* Search Icon */
}

.search-dropdown {
	position: absolute;
	top: 100%;
    left: 0;
	background-color: #fff;
    width: 100%;
    min-height: 10px;
    border: 1px solid darkgrey;
	z-index: 410;
}

.search-dropdown-item {
    display: flex;
    align-items: center;
	padding: 5px;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid rgb(233 237 240);
	min-width: 61px;
}

.search-dropdown-item.active {
    background-color: #e0e0e0;
}

.search-dropdown-item:last-child {
    border-bottom: none;
	border-width: 0;
}

.table_dividend_calendar_aside_wrapper .search-dropdown-item:hover {
    background-color: initial;
}

.search-dropdown-item:hover {
	background-color: #f5f5f5;
}

.no-results {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100px;
    justify-content: center;
    border-bottom: 1px solid rgb(233 237 240);
}

.no-results-bold {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.no-results-normal {
  font-size: .9rem;
}

.search-input-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 400;
}

.search-dropdown-hint {
    display: flex;
    background-color: #e9edf0;
    padding: 5px;
    gap: 20px;
    user-select: none;
}

.search-dropdown-hint .item-svg {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-dropdown-categories {
  display: flex;
  justify-content: space-around;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}

.search-dropdown-categories input[type="radio"] {
  display: none;
}

.search-dropdown-categories label {
  cursor: pointer;
    text-align: center;
    border-radius: 1rem;
    user-select: none;
	white-space: nowrap;
	font-size: 14px;
	padding: 0 7px;
}

.search-dropdown-categories input[type="radio"]:checked + label {
    background-color: #e1effa;
    color: #333;
}

.search-dropdown-categories input[type="radio"]:not(:checked) + label:hover {
  background-color: #f1f1f1;
}

.suggestion-image {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.close-search-btn {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 32px;
    height: 90%;
    background-color: #42618c;
}

.search-icon svg,
.close-search-btn > svg {
    display: block;
    width: 1em;
    height: 1em;
}

/* the cross, as the magnifier */
.close-search-btn > svg {
    font-size: 15px;
    transition: opacity .2s ease;
    position: absolute;
    left: 10px;
    top: 53%;
    transform: translateY(-50%);
    color: #ccc;
    pointer-events: none;
}

.reset-search-btn {
    display: none;
    position: absolute;
    right: 50px;
    bottom: 0;
    cursor: pointer;
    width: 60px;
    height: 90%;
    background-color: #42618c;
    color: #ccc;
    align-items: center;
    padding-left: 5px;
    box-sizing: content-box;
    top: 50%;
    transform: translateY(-50%);
}

.reset-search-btn::after {
    content: "|";
    color: #ccc;
    margin-left: 9px;
    height: 100%;
    font-size: 24px;
    top: 50%;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
    font-weight: 100;
    user-select: none;
    background-color: #42618c;
}

.content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.stock-name-wrapper {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.stock-name {
}

.ticker {
    font-size: 0.8rem;
    align-self: flex-start;
}

.category {
    font-size: 0.8rem;
    align-self: flex-end;
}

.custom-page-container {
    display: grid;
    grid-template-columns: minmax(250px, 844px) minmax(336px, 1fr);
    grid-gap: 10px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.custom-page-container.alone {
	grid-template-columns: 1fr;
}

.custom-page-container.no-right {
	grid-template-columns: minmax(336px, 1fr) minmax(250px, 844px);
}

.toc-container {
    position: sticky;
    top: 10px;
	height: fit-content;
    overflow: auto;
}

.site-content {
    max-width: 844px;
	margin-bottom: 0;
}
.custom-page-container.alone .site-content, .custom-page-container-no-sidebar-with-ads .site-content {
	max-width: 100%;
}

.stock-data-container {
    border-bottom: 1px solid #e9ecef;
  border-radius: 4px;
  flex-wrap: wrap;
  padding: 20px;
  width: 100%;
  display: grid;
    grid-column: auto;
    grid-template-rows: auto auto;
    gap: 16px;
	background-color: white;
}

.stock-data-container .top-container {
  display: flex;
  align-items: center;
  height: fit-content;
	max-width: 1022px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    row-gap: 16px;
}

.featured-image {
  max-height: 100%;
  max-width: 50px;
  margin-right: 10px;
}

.featured-image img {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.stock-info {
  display: flex;
  flex-direction: column;
margin-right: 10px;
}

.stock-name-banner,
.stock-ticker-banner {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.stock-name-banner {
    font-size: 26px;
    font-weight: 600;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.stock-data-container .mid-container {
    max-width: 1022px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.stock-data-item-category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}

.category-link,
.tag-link {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 20px;
  text-decoration: none;
}

.category-link {
  background-color: #e1effa; /* Light blue background */
    color: #212529; /* Dark grey text color */
}

.tag-link {
  background-color: #e2e3e5; /* Light grey background */
  color: #212529; /* Dark grey text color */
}

.stock-data-container.index .low-container {
	grid-template-columns: auto auto auto auto auto;
	    justify-content: inherit;
}

.change-value {
  font-weight: bold;
}

.main-label {
    font-size: 14px;
    text-transform: uppercase;
}

.main-value {
    font-size: 19px;
    font-weight: bold;
}

/* Hide right column on medium screens */
@media screen and (max-width: 1024px) {
	.custom-page-container {
    	grid-template-columns: minmax(auto, 844px) minmax(180px, 1fr);
		grid-gap: 15px;
	}
	#stock_template .custom-page-container {
    	grid-template-columns: minmax(auto, 844px) minmax(336px, 1fr);
    	max-width: calc(100vw - 30px);
	}
	#stock_template .left-side.alone {
	}
	.custom-page-container.no-right {
		grid-template-columns: 1fr;
	}
	.custom-page-container.no-right .site-content {
		max-width: 100%;
	}
	.toc-container {
        display: none;
    }
    .stock-data-container {
        padding: 10px;
    }
	.site-content {
		overflow: hidden;
	}
	.main-page-wrapper .container article {
		padding: 0 15px;
	}
	.stock-name-banner {
		font-size: 22px;
	    max-width: calc(100vw - 140px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
	.stock-ticker-banner {
		font-size: 14px;
	}
	.mid-container {
		font-size: 14px;
	}
	.main-label {
		font-size: 12px;
	}
	.main-value {
		font-size: 16px;
	}
	.no-scroll .container {
    	padding-right: 15px !important;
	}
	.grid-empresas {
        grid-template-columns: repeat(5, 1fr) !important;
    }
    .article-section-custom {
        padding: 15px !important;
    }
    .stock-data-container .top-container {
        flex-wrap: wrap; /* Allow the flex container to wrap onto the next line */
    }

    .stock-data-container .stock-data-item-category {
        width: 100%;    /* Make the last child take the full width of the container */
        order: 1;       /* Ensure it's positioned below other elements */
    }
}
/* Hide left column (TOC) on small screens */
@media screen and (max-width: 768px) {
	.custom-page-container {
    	grid-template-columns: minmax(auto, 844px) !important;
    	grid-gap: 0;
	}
	.search-dropdown-hint {
		display: none;
	}
	.right-sidebar {
	order: -1;
	}
	.author-review-date-container {
		flex-direction: column;
    }
    #stock_template .table_dividend_calendar_aside_wrapper, #stock_template .aside-similar-companies {
        margin-bottom: 10px;
    }
    #stock_template aside .stay-at-bottom, #stock_template aside .where-to-buy-aside {
        display: none;
    }
    .author-container, .reviewer-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px;
    }
    
    .author-info, .reviewer-info, .date-container {
    width: 100%;
    }
    
    .author-review-date-container {
      justify-content: space-between;
      align-items: center;
      background-color: #f0f0f0;
      padding: 10px;
      border-radius: 10px;
      margin-bottom: 7px;
    }
    
    .author-review-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
    
    .author-container,
    .reviewer-container {
      width: 50%;
      display: flex;
      align-items: center;
    }
    
    .date-container {
      width: 100%;
      margin-top: 10px;
      display: flex;
      justify-content: center;
    }
    
    .author-avatar, .reviewer-avatar {
      border-radius: 100%;
      overflow: hidden;
      margin-right: 10px;
    }
    
    .author-name,
    .reviewer-name,
    .date-label,
    .date-value {
      font-size: 14px;
    }
    
    .reviewer-label,
    .author-label {
      font-size: 13px;
    }
    
    .author-name,
    .reviewer-name {
      font-weight: bold;
    }
    
    .date-label {
      margin-right: 5px;
      color: gray;
    }
	#stock_template .stock-name-wrapper .stock-name {
		max-width: inherit;
	}
	.stock-name-wrapper .stock-name {
    	font-size: 15px;
		max-width: 80px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.dividend_table.dividendYield .stock-name-wrapper .stock-name {
		max-width: 240px;
	}
	form .stock-name-wrapper .stock-name {
		font-size: 15px;
		max-width: initial;
		text-overflow: initial;
		overflow: initial;
		white-space: initial;
	}
	.dividend_table td.align-left {
		max-width: 150px;
	}
	form input.custom-search-field {
    	font-size: 16px;
	}
	.pro-contras-broker .buttons {
		display: grid;
		gap: 5px;
		margin-bottom: 20px;
	}
	.tabla-brokers td.align-left {
	  white-space: break-spaces !important;
	}
	.grid-empresas {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media screen and (max-width: 576px) {
	input[type="checkbox"] {
	    width: 25px;
        height: 25px;
	}
	.dividend_table td a {
		width: 150px;
	}
	.dividend_table.sectores td.align-left {
		white-space: pre-line;
		width: 100px;
		min-width: initial;
	}
	.dividend_table.dividendYield .stock-name-wrapper .stock-name {
		max-width: 160px;
	}
	.nuestro-equipo-wrapper {
		grid-template-columns: 1fr !important;
	}
	.nuestro-equipo-wrapper .author-name {
		font-size: 14px !important; 
	}
	.grid-empresas {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
	
@media screen and (max-width: 420px) {
	.search-dropdown-categories label {
		white-space: nowrap;
		font-size: 13px;
		padding: 0 5px;
	}
	.grid-empresas {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media screen and (max-width: 370px) {
    .grid-empresas {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.nuestro-equipo-wrapper {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.nuestro-equipo-wrapper .team-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 18px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background-color: #f7f9fc;
}

.nuestro-equipo-wrapper .author-name {
	font-size: 16px;
	text-align: center;
}

.nuestro-equipo-wrapper .team-role {
    font-size: 13px;
    color: #64748b;
}

figure.scrollWrapper {
  overflow: auto;
}

.dividend_table {
	width: 100%;	
	margin-bottom: 0;
}

.dividend_table th {
	padding-left: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px;
}

.dividend_table td {
	border-bottom: none;
    border-width: 0;
}

.dividend_table tbody tr {
	border-bottom: 1px solid var(--brdcolor-gray-300);
}

.dividend_table td.align-left {
	display: flex;
	min-width: max-content; /*NO COMPATIBLE CON IOS CHROME MOBILE*/
}

.dividend_table td.align-left, .dividend_table th.align-left {
	 text-align: start;
	margin-left: 0;
}

.dividend_table td, .dividend_table th {
	 padding: 0 0;
	 text-align: end;
	 white-space: nowrap;
}

.dividend_table.sectores td {
	white-space: pre-line;
}

.dividend_table td a {
	min-width: 100%;
}

.dividend_table td a .suggestion-image {
	width: 40px;
    height: 40px;
}

.dividend_table tbody tr:hover {
	background-color: #f0f0f0;
}

td.index span {
	padding: 2px 4px;
    font-size: 80%;
    border-radius: 8px;
    background-color: #42618c1c;
}

.index.ibex35 span, span.index.ibex35 {
	background-color: #cacaf4;
}

.index.ibex-medium span, span.index.ibex-medium {
	background-color: lightsteelblue;
}

.index.nasdaq span, span.index.nasdaq {
	background-color: lightgray;
}

.index.nyse span, span.index.nyse {
	background-color: powderblue;
}

.custom-search-form.non-clickable {
	z-index: 0;
}

.custom-search-form.non-clickable {
	z-index: 0;
	border-radius: 20px;
}

.custom-search-form.non-clickable input {
	border-radius: 20px;
    background-color: #f0f0f1;
    color: inherit;
    padding-left: 50px;
}

.custom-search-form.non-clickable input[disabled] {
	opacity: 1 !important;
}

.custom-search-form.non-clickable .search-icon {
    color: white;
    background-color: #42618c;
    padding: 0 7px;
    border-radius: 100%;
}

.custom-fade-container {
  position: relative;
  overflow: hidden;
	pointer-events: none;
}

.custom-fade-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px; /* Adjust the height of the fade effect */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
	z-index: 1;
}

.custom-fade-container::after {
content: "Ver más";
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 8px 12px;
    background-color: #dddddd;
    color: #333;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    width: 30%;
    border-radius: 20px;
    transform: translateX(-50%);
	z-index: 2;
}

.autogenerated-template .custom-fade-container::after {
    bottom: 10px;
}

.custom-fade-container.expanded {
  max-height: none;
}

.custom-fade-container.expanded::before,
.custom-fade-container.expanded::after {
  display: none;
}

.custom-fade-container-clickable {
  position: relative;
  overflow: hidden;
}

.custom-fade-container-clickable.expanded::before {
  display: none;
}

.custom-fade-container-clickable::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
	z-index: 1;
}

.custom-fade-container-clickable .show-more {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 8px 12px;
	background-color: #ddddddc2;
	color: #333;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    user-select: none;
    width: 180px;
    border-radius: 20px;
    transform: translateX(-50%);
    z-index: 2;
}

.custom-fade-container-clickable:not(.expanded) .show-more {
  display: block;
}

.prefooter {
    background-color: #f9f9f9;
}

article.dividend-calendar {
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 0 !important;
	margin: 0 !important;
}

article.dividend-calendar:hover .stock-name-wrapper {
    color: #3b83e9;
    transition: ease-out .3s;
}

article.dividend-calendar .data {
	display: flex;
    justify-content: space-between;
	font-size: 14px;
	margin-left: 34px;
}

img.filter-checks {
    filter: contrast(1.5) brightness(0.5) hue-rotate(63deg);
	width: 12px;
}

.tabla-brokers tbody td img {
    filter: contrast(1.5) brightness(0.5) hue-rotate(63deg);
}

article.dividend-calendar .stockData {
	display: flex;
    justify-content: space-between;
	margin-bottom: 3px;
}

article.dividend-calendar .stockData img {
	height: 24px;
    width: 24px;
}

article.dividend-calendar .stockData .category {
	display: flex;
    align-self: center;
}

article.dividend-calendar .stockData .category {
	padding: 0 4px;
    font-size: 80%;
    border-radius: 8px;
	background-color: #42618c99;
    color: white;
	white-space: nowrap;
	background-color: #42618c1c;
	color: #8d8d8d;
}

article.dividend-calendar .stockData .search-dropdown-item {
	padding: 0;
	border-bottom: none;
}

article.dividend-calendar .stockData .search-dropdown-item .stock-name-wrapper {
	flex-direction: row;
	margin-right: 5px;
}

article.dividend-calendar .stockData .search-dropdown-item .stock-name-wrapper .stock-name {
    max-width: initial;
    white-space: initial;
}

article.dividend-calendar .stockData .search-dropdown-item .stock-name-wrapper .ticker {
	margin-left: 5px;
	display: flex;
    align-self: center;
}

article.dividend-calendar .stockData .search-dropdown-item .stock-name-wrapper .ticker::before {
    content: "(";
}

article.dividend-calendar .stockData .search-dropdown-item .stock-name-wrapper .ticker::after {
    content: ")";
}

article.dividend-calendar .data .light {
    font-weight: 400;
    color: #a6a6a6;
}

article.dividend-calendar .data .bold {
    font-weight: 500;
    color: var(--text-color);
}

.article-section-custom {
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin-bottom: 10px;
}

.grid-empresas {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(6, 1fr);
    grid-row-gap: 20px;
}

.grid-empresas a {
    aspect-ratio: 1.37 / 1;
    overflow: hidden;
    display: flex;
}

.grid-empresas img:hover {
    border-color: #a6b8c3;
}

.grid-empresas img {
display: block;
    width: 100%;
    transition: filter .3s;
    user-select: none;
    border-radius: 11px;
    border: 4px solid;
    border-color: #13396f;
    border-radius: 11px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    object-fit: cover;
    height: 100%;
}

.promo_dividends_text {
	display: flex;
    background: linear-gradient(246deg,#097c5c 10%,#1c4b9d);
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    margin: auto;
    border-radius: 8px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	font-weight: 600;
}

.promo_dividends_text img {
	background-color: white;
    padding: 5px 5px;
    box-sizing: content-box;
    border-radius: 8px;
}

/*------------------ PUBLICIDAD -----------------*/

.custom-page-container .right-sidebar {
	display: flex;
    flex-direction: column;
}

.custom-page-container .right-sidebar .right-sidebar-stocks {
	flex-grow: 1;
}

.main-page-wrapper .container article.no-sidebar-with-ads {
	max-width: 100% !important;
    margin: auto;
}

.custom-page-container-no-sidebar-with-ads {
	display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(250px, 1022px) minmax(160px, 1fr);
    grid-gap: 10px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.custom-page-container-no-sidebar-with-ads .left-sidebar {
    position: sticky;
    top: 100px;
    height: 90vh;
    overflow: auto;
    height: calc(100vh - 110px);
}

.right-sidebar-stocks {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-page-container-no-sidebar-with-ads .right-sidebar .child, .right-sidebar-stocks .child {
    position: sticky;
    top: 100px;
}

.right-sidebar-stocks .first-child, .right-sidebar-stocks .second-child {
    height: 1000px;
    margin-bottom: 100px;
}

.right-sidebar-stocks .first-child {
}

.right-sidebar-stocks .second-child {
}

.right-sidebar-stocks {
    justify-content: initial;
}

.right-sidebar-stocks .first-child,
.right-sidebar-stocks .second-child
{
    margin-bottom: 10px;
}

.right-sidebar-stocks .second-child
{
    flex-grow: 1;
}

.custom-page-container .right-sidebar .right-sidebar-stocks > :last-child {
    margin-bottom: 0 !important;
}

/* the ad blocks (templates/_ads.html.j2), as the theme styled them */
.ad-main-wrapper {
    width: 100%;
    min-width: 100%;
    margin: auto;
    text-align: center;
}

.ad-main-wrapper .content-wrapper {
    width: 100%;
    max-width: 1022px;
    margin: auto;
}

.advertisement-main {
    clear: both;
}

.advertisement-main.margin {
    margin: 10px 0 !important;
}

.advertisement-header {
    width: 100%;
    text-align: center;
    font-family: 'Nunito';
    position: relative;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
}

.advertisement-header::before, .advertisement-header::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #cacaca;
}

/* a placeholder not yet in view takes no room; an ad that got no fill folds away */
.lazy-ad:empty { margin: 0 !important; }
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }

.advertisement-header .text {
	color: #979797;
    position: relative;
    display: inline;
    margin: 0 5px;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
	.custom-page-container-no-sidebar-with-ads {
		grid-template-columns: minmax(auto, 1022px) minmax(160px, 1fr);
	}
	.custom-page-container-no-sidebar-with-ads .left-sidebar {
		display: none;
	}
	.custom-page-container.no-right aside > *:not(:first-child) {
    	display: none;
	}
}

@media screen and (max-width: 768px) {
	.custom-page-container-no-sidebar-with-ads {
		grid-template-columns: 1fr;
	}
	.right-sidebar-stocks {
		display: none;
	}
	.custom-page-container .sidebar-content {
	    order: -1;
	}
	.tooltip-message .tooltip-text {
	    position: fixed !important;
	    bottom: 10px;
	    right: 0;
	    left: 0 !important;
	    margin: auto !important;
	    width: calc(100vw - 20px) !important;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px !important;
	}
}

@media screen and (min-width: 1025px) {
	.author-review-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.date-container {
		justify-content: center;
	}
}

/* Animation to fade in the close button */
@keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* Animation that slides the ad container up from the bottom */
@keyframes slide-up {
  0%   { bottom: -100%; }
  100% { bottom: 0; }
}

.table_dividend_calendar_aside_wrapper {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 10px;
}

.table_dividend_calendar_aside_wrapper .similar-calendar-companies, .title-grid-similar-companies {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    color: gray;
}
.table_dividend_calendar_aside_wrapper .similar-calendar-companies::after, .title-grid-similar-companies::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%; /* Position starting from the middle */
    transform: translateX(-50%); /* Shift back by half of its own width */
    width: 85%;
    height: 1px;
    background-color: #00000029;
}

.custom-calendar-button {
    background-color: #13396F;
    border-radius: 100px 100px 100px 100px;
    margin-top: 10px;
    width: 100%;
}

.custom-calendar-button:hover {
    transition: ease-out .3s;
    background-color: #315c98;
}

.stock-chart-container .search-dropdown-item:hover {
    background-color: initial;
    cursor: initial;
}

.stock-chart-container .search-dropdown-item .suggestion-image {
    border-radius: 100%;
}

.stock-chart-container .price-wrapper .price-change .arrow {
    scale: .9;
    margin-bottom: -1px;
}

.stock-chart-container .search-dropdown-item .content .market-state {
    height: 30px;
    align-self: center;
}

.stock-chart-container .arrow_box .date {
    font-size: smaller;
}

.button-stock-chart-container button.active {
    border-bottom: solid 2px #0081f2;
    box-shadow: none;
    color: #0081f2;
}
.stock-chart-container h2.stock-name {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    color: rgb(51, 51, 51);
}
.stock-chart-container h2.stock-name::after {
    content: none;
}

/* BANNER NAVEGACION STOCKS */
.mini-banner-wrapper {
    width: 100%;
    background-color: #f4f4f4;
    overflow-x: auto; /* will cause horizontal scrolling if content overflows */
    white-space: nowrap; /* prevents the list items from breaking onto the next line */
    position: sticky;
    top: 0; /* Stick to the top of the viewport */
    z-index: 10;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 2px;
}
.mini-banner-wrapper .mini-banner {
    display: flex;
    align-items: center;
    height: 40px;
    max-width: 1022px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    justify-content: space-between;
    padding: 10px 10px;
}

.mini-banner-wrapper .mini-banner .toc-nav ul {
    list-style: none;
    display: inline-flex; /* makes list items display in a line, but they won't wrap */
    margin-bottom: 0;
    list-style-type: none; /* removes the default bullet points */
    padding-left: 0;
}

.mini-banner-wrapper .mini-banner .toc-nav ul li {
    margin-bottom: 0;
    border-right: 1px solid #33333359;
}

.mini-banner-wrapper .mini-banner .toc-nav ul li:last-child {
    border-right: none;
}

.mini-banner-wrapper .mini-banner .toc-nav button {
    text-decoration: none;
    color: #333;
    padding: 5px 6px;
    margin: 0 4px;
    border-radius: 3px;
    transition: background-color 0.2s;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    user-select: none;
}

.mini-banner-wrapper .mini-banner .toc-nav button:hover {
    background-color: #ddd;
    box-shadow: none;
    border-radius: 8px;
}

.mini-banner-wrapper .mini-banner .toc-nav button.active {
    font-weight: bold;
}

.mini-banner-wrapper .mini-banner .toc-anchor {
    display: block;
    position: relative;
    top: -100px;  /* Adjust this value based on your site's header height to ensure smooth scrolling */
    visibility: hidden;
}

.mini-banner-wrapper .mini-banner h1 {
    font-size: initial;
    margin-bottom: 0 !important;
    text-wrap: nowrap;
        white-space: nowrap; /* Keeps the content in a single line */
    overflow: hidden; /* Hide content that exceeds the container */
    text-overflow: ellipsis; /* Display ... for hidden content */
    min-width: 140px;
    padding-right: 10px;
}

.custom-fade-container.expanded {
    pointer-events: auto;
}

/* ------------------------------ SHORTCODE PROXIMO DIVIDENDO ------------------------------ */
.section-next-dividend {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
    margin-bottom: 25px;
}

.section-next-dividend .change-rectangle {
    display: flex;
    background-color: #F4F5F7;
    border-radius: 10px;
    flex-direction: column;
    padding: 20px 10px;
    margin-right: 10px;
}
.section-next-dividend .change-rectangle-inside {
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
}

.section-next-dividend .change-text, .section-next-dividend .payment-label {
    font-size: 12px;
    color: #13396F;
}

.section-next-dividend .top .payment-label {
    font-size: 14px;
    font-weight: 500;
}
.section-next-dividend .top .payment-value {
    font-size: 18px;
    font-weight: 500;
}

.section-next-dividend .change-value-text {
    font-size: 15px;
    background-color: #dddddd;
    padding: 3px 8px;
    border-radius: 20px;
}

.section-next-dividend .change-value-text.incremento {
    background-color: #62E9B5;
}

.section-next-dividend .change-value-text.decremento {
    background-color: #F44336;
    color: white;
}

.section-next-dividend .change-value {
    font-size: 18px;
}

.section-next-dividend .change-value.incremento {
    color: #4CAF50;
}

.section-next-dividend .change-value.decremento {
    color: #F44336;
}

.section-next-dividend .paymento-info-column {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.section-next-dividend .paymento-info-column-individual:first-child {
    width: 40%;
}

.section-next-dividend .paymento-info-column-individual {
    display: flex;
    flex-direction: column;
}

.section-next-dividend .payment-info {
    display: grid;
    grid-template-rows: auto auto;
    gap: 12px 25px;
    align-items: center;
}

.section-next-dividend .payment-value {
    font-size: 16px;
    color: #333;
    text-align: left;
}

.section-next-dividend .timer-box {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    justify-content: center;
}

.section-next-dividend .timer {
    display: flex;
    align-items: baseline;
}

.section-next-dividend .timer-value {
    font-size: 20px;
    color: #333333e8;
    font-weight: 400;
    font-family: 'Orbitron';
    transform: scaleX(0.8) scaleY(1.2);
    width: 33px;
}

.section-next-dividend  .timer-unit {
    font-size: 14px;  /* Estimated size */
    color: #888;  /* Placeholder color for lighter text */
    margin-right: 10px;  /* Space between units */
}

.section-next-dividend  .timer-label {
    font-size: 14px;  /* Estimated size */
    color: #888;  /* Placeholder color for lighter text */
    padding-left: 3px;
}

.section-next-dividend .confirmation {
    position: absolute;
    margin-top: 6px;
    right: 30px;
    padding: 1px 10px 1px 10px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #62e9b5;
    display: flex;
    align-items: center;
    border: 1px solid #62E9B5;
}

.section-next-dividend .confirmation::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #62E9B5;
    border-radius: 50%;
    margin-right: 8px;
}

.section-next-dividend .confirmation.no-disponible {
    border-color: #df5b4a;
    color: #df5b4a;
}
.section-next-dividend .confirmation.no-disponible::before {
    background-color: #df5b4a;
}

.faq-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Hide the checkbox */
.accordion-checkbox {
    display: none;
}

.accordion {
    border-radius: 10px;
    transition: margin-bottom 0.3s ease-in; /* Smoothly adjust spacing between accordions */
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 20px;
    background-color: #f5f5f5;
    margin-bottom: 0;
    border-radius: 10px;
}

.arrow {
    transition: transform 0.3s ease-in; /* Consistent easing function */
    color: steelblue;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out; /* Delay the padding transition */
    background-color: #fff;
    padding: 0 20px; /* Consistent padding for left and right */
}
/* Use the :checked pseudo-class to style the open state */
.accordion-checkbox:checked + .accordion-header + .accordion-content {
    max-height: 1000px; /* Adjust as necessary */
    padding: 0 20px;
}

.accordion-content p {
    margin-bottom: 0;    
}

/* Rotate the arrow when the accordion is open */
.accordion-checkbox:checked + .accordion-header .arrow {
    transform: rotate(90deg);
}

.faq-container .accordion h2, .faq-container .accordion h3 {
    margin-top: 0 !important;
    font-family: inherit;
    margin-bottom: 0 !important;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.faq-container .accordion h2::after {
    content: none;
}

.accordion-content > :first-child {
    padding-top: 10px;
    margin-top: 0;    
}

.accordion-content > :last-child {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.accordion-content p:not(:last-child) {
    margin-bottom: 10px;
}

.article-section-custom p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .section-next-dividend  {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        gap: 10px;
    }
    .section-next-dividend .timer-box {
        margin-top: 10px;
    }
    .section-next-dividend .change-rectangle {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .section-next-dividend .change-rectangle-inside {
        padding-left: 10px;
        width: 100%;
        flex-direction: row;
        gap: 20px;
    }
    .section-next-dividend .change-rectangle-inside .change-value {
        font-size: 18px;
    }
    .article-section-custom .content .pros-contras {
        grid-template-columns: 1fr;
    }
}

.extra-bottom-shortcode-info {
    color: #181B31;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #F3F4F5;
    display: flex;
    margin-top: 10px;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-left-band {
    min-width: 7px;
    min-height: 100%;
    border-radius: 10px 0 0 10px;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-left-band.green {
    background-color: #4db27f;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-left-band.red {
    background-color: #df5b4a;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content {
    width: 100%;
    padding: 16px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom {
    color: #7B7D89;
    display: flex;
    font-size: 0.75rem;
    margin-top: 8px;
    align-items: center;
    font-weight: 500;
    line-height: 1.25;
    justify-content: space-between;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom svg.svg-cross {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom svg.svg-cross.green {
    fill: #4db27f;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom svg.svg-cross.red {
    fill: #df5b4a;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom button, .tooltip-message button {
    margin-top: -5px;
    margin-left: 5px;
    margin-bottom: -5px;
    padding: 3px;
    font-size: 1.125rem;
        flex: 0 0 auto;
    color: rgba(0, 0, 0, 0.54);
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom button:hover, .tooltip-message button:hover {
    background-color: transparent;
    box-shadow: none;
}

.extra-bottom-shortcode-info .extra-bottom-shortcode-info-content-bottom .info-left {
    display: flex;
    align-items: end;
}

.extra-bottom-shortcode-info .tooltip-hover, .tooltip-message.tooltip-hover {
    position: relative;
    display: inline-block;
}

.extra-bottom-shortcode-info .tooltip-text, .tooltip-message .tooltip-text {
    font-size: 12px;
    visibility: hidden;
    width: 360px;
    background-color: #f9f9f9;
    padding: 10px;
    position: absolute;
    z-index: 100;
    margin-top: 5px;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}

.tooltip-message .tooltip-text .tooltip-title {
    font-size: 15px;
    margin-bottom: 14px;
    display: block;
    font-weight: 700;
    text-align: center;
}

.tooltip-message .tooltip-text p:last-child {
    margin-bottom: 0;   
}

.extra-bottom-shortcode-info .tooltip-hover:hover .tooltip-text, .tooltip-message.tooltip-hover:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.article-section-custom .pros-contras .left li::before {
    background-image: url(/assets/uploads/check-nobackground1.svg);
    width: 12px;
    height: 12px;
    top: 5px;
    border: none;
    filter: contrast(1.5) brightness(.5) hue-rotate(63deg);
    content: "";
    left: -20px;
    position: absolute;
    border-radius: 50%;
}

.article-section-custom .pros-contras .right li::before {
    background-image: url(/assets/uploads/red_cross.-nobackground3.svg);
    width: 12px;
    height: 12px;
    top: 5px;
    border: none;
    filter: contrast(1.5) brightness(.5) hue-rotate(63deg);
    content: "";
    left: -20px;
    position: absolute;
    border-radius: 50%;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Styles for the main company details */

.company-profile .company-details .label {
    font-weight: bold;
    color: #333;
}

/* Styles for the company description section */
.company-profile .company-description {
    padding: 5px;
}

/* Styles for shareholders and top executives sections */

.company-profile .shareholders .chart {
    grid-column: span 1;
}

.company-profile .shareholders .list, .company-profile .top-executives .list {
    grid-column: span 1;
}

/* Styles for the compensation note */

.company-profile .company-header {
}

.company-profile .company-header .company-row {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid gainsboro;
    row-gap: 2px;
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
    line-height: 1;
}

.company-profile .company-header .company-row .main-label, .company-profile .company-description .main-label {
    font-size: 12px;
}

.company-profile .company-header .company-row .main-value {
    font-size: 16px;
    text-align: right;
}

aside.sidebar-content {
    position: relative;
    height: 100%;
}

aside .stay-at-bottom {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.custom-fade-container::after {
    bottom: 10px !important;
}

/* Deberia ser 650 pero el apexcharts tiene un bug a la hora de calcularlo. Lo calculan distinto en el resize up que en el resize down */

.icon-ex-dividend::before {
    content: url('/assets/uploads/Vector_ex_dividend.svg');
    margin-right: 8px;
}

.icon-record-date::before {
    content: url('/assets/uploads/Vector_record_date.svg');
    margin-right: 8px;
}

.icon-payment-date::before {
    content: url('/assets/uploads/Vector_payment_date.svg');
    margin-right: 8px;
}

.icon-ex-dividend, .icon-record-date, .icon-payment-date {
    display: flex;
    align-items: center;
    padding-right: 5px !important;
}

figure.calendario-dividendos table tr {
    padding: 10px 0;
    border-bottom: 1px solid var(--brdcolor-gray-300);
}

figure.calendario-dividendos table td {
    padding: 10px 0;
    border-bottom: 0;
}

#stock_template section {
    scroll-margin-top: 0;
}

.fake-h2 {
    margin-top: 10px;
    font-family: 'Nunito';
    margin-bottom: 24px;
    font-weight: 600;
    color: #242424;
    display: block;
    line-height: 1.4;
    font-size: 24px;
    position: relative;
}

.fake-h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 1px;
    background-color: #D8D8D8;
}

.aside-similar-companies {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 10px;
}

.grid-similar-companies {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 10px;
}

.grid-similar-companies a {
    aspect-ratio: 1.37 / 1;
    overflow: hidden;
    display: flex;
}

.grid-similar-companies img:hover {
    border-color: #a6b8c3;
}

.grid-similar-companies img {
    display: block;
    width: 100%;
    transition: filter .3s;
    user-select: none;
    border-radius: 11px;
    border: 2px solid;
    border-color: #13396f;
    border-radius: 11px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    object-fit: cover;
    height: 100%;
}

.description-grid-similar-companies {
    display: block;
    padding: 5px 0 10px;
    font-size: 13px;
}

.where-to-buy-aside {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 10px;
}

.where-to-buy-aside .broker-card {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-radius: 8px;
}

.where-to-buy-aside .broker-card .broker-container-buy {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.where-to-buy-aside .broker-logo {
    width: 50px; /* Adjust as needed */
    margin-right: 10px;
    align-self: start;
}

.where-to-buy-aside .broker-info {
    flex-grow: 1;
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
}

.where-to-buy-aside .open-account-btn {
    padding: 5px 20px;
    background-color: #4CB442;
    color: whitesmoke;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    display: flex;
    position: relative;
    justify-content: center;
    gap: 5px;
    transition: all .3s;
}
.where-to-buy-aside .open-account-btn svg {
    fill: whitesmoke;
}
.where-to-buy-aside .open-account-btn:hover {
    transition: ease-out .3s;
    background-color: #7deb73;
    color: #fff;
}

.where-to-buy-aside span.h2-where-to-buy-aside {
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 0;
    font-weight: 600;
    color: #242424;
    display: block;
}

.where-to-buy-aside .description-where-to-buy-aside {
    font-size: 14px;
    display: block;
    line-height: 1.4;
}

#stock_template .left-side {
    max-width: calc(100vw - 30px);
    margin: auto;
	width: 100%;
}

.main-page-wrapper .container article#stock_template {
	padding: inherit;
}

#stock_template section > :last-child {
}

/* The logo tiles (an index's companies, similar companies). A tile gets its height from
   its own width through a padded box, and the logo is laid over it. With aspect-ratio
   alone, Safari does not count that height when it sizes the grid's rows, so in the
   collapsed "show more" grid the tiles were drawn on top of each other on iPhones
   (reproduced in WebKit 26, 2026-10-11). */
.grid-empresas a,
.grid-similar-companies a {
    display: block;
    position: relative;
    min-width: 0;
    aspect-ratio: auto;
}
.grid-empresas a::before,
.grid-similar-companies a::before {
    content: "";
    display: block;
    padding-top: 72.99%;  /* 1 / 1.37, the tiles' shape */
}
.grid-empresas a img,
.grid-similar-companies a img {
    position: absolute;
    top: 0;
    left: 0;
}
/* /custom.css */
/* The Custom CSS the blogs kept in their theme settings (Theme Settings > Custom CSS,
   which the theme appended to each blog's generated settings sheet), loaded where WordPress
   loaded it: after the WordPress sheets and theme.css. The seven blogs
   carried the same CSS; this is the main site's. The others differed only in the label of
   the fade's "see more" button, below, and in rules for markup their pages don't have
   (en's .wp-block-group rules; .stars.start-item, only on the main site's pages). Its
   footer rules (the titles' underline, the brand block's blue) live in footer.css. */

/* the button's label on the other blogs; the main site's is in the rule further down */
:lang(en) .custom-fade-container::after { content: "Show More"; }
:lang(nl) .custom-fade-container::after { content: "Meer zien"; }
:lang(it) .custom-fade-container::after { content: "Vedi altro"; }
:lang(de) .custom-fade-container::after { content: "Mehr sehen"; }
:lang(fr) .custom-fade-container::after { content: "Voir plus"; }
:lang(pt) .custom-fade-container::after { content: "Ver mais"; }

h1, h2, h3, h4, .title {
	font-family: 'Nunito', sans-serif !important;
	font-weight:600;
	color:#242424;
}

strong, b {
    font-weight: 700;
}
.gridContainer {
	  display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    grid-gap: 1rem;
    justify-content: space-evenly;
	  margin-bottom: 10px;
}
.item {
    align-items: center;
    position: relative;
    min-width: 150px;
    min-height: 150px;
    border: 1px solid #e0e1e2;
    border-radius: 4px;
		transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    box-sizing: border-box;
    text-align: center;
}
.item:hover {
	  -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.item .photoContainer {
	  margin-bottom: 10px;
}

.item .insideContent {
		padding: 10px;
    padding-top: 20px;
}

.item a {
		-webkit-user-drag: none;
    color: inherit;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
	  display: inline-block;
    height: 100%;
    width: 100%;
}

.item a h3 {
		text-align: center;
    font-size: 0.9rem;
    font-weight: 400;
		margin-bottom: 0 !important;
}

.item a h4 {
		text-align: center;
    font-size: 0.9rem;
    font-weight: 400;
		margin-bottom: 0 !important;
}

.container {
	max-width: 1022px;
}

.main-page-wrapper .container {
	   min-width: 100%;
}

.main-page-wrapper .container article {
		max-width: 1022px;
    margin: auto;
}
body { 
	font-size: 16px;
	font-family: 'Nunito', sans-serif;
}

h1 {
		margin-bottom: 5px;
}

h2, h3, h4 {
	  margin-bottom: 5px !important;
		margin-top: 30px !important;
}

.main-page-wrapper {
		padding-top: 0;
}

figure.calendario-dividendos {
		margin: 5px 0 20px !important;
}

.calendario-dividendos table {
	  margin-bottom: 10px;
}

pre {
font-family: 'Nunito', sans-serif;
    padding: 15px;
		margin-bottom: 40px;
}

p {
		margin-bottom: 24px;
}

h2:first-child, h3:first-child {
    margin-top: 10px !important;
    font-family: 'Nunito';
    padding-bottom: 0;
    margin-bottom: 24px !important;
}

h2 ~ h3 {
		margin-top: 10px !important;
}

h2 ~ h3 ~ h3 {
		margin-top: 20px !important;
}

h3 {
		font-size: 20px;
}

#content {
  position: relative;
	height: 1000px;
}

.website-wrapper {
		overflow: unset;
}

@keyframes slideInRightFade {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.stars{
    width: 100px;
    height: 100%;
}
/* Añade este bloque para agregar una línea separadora debajo de los elementos h2 */
h2 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 1px;
  background-color: #D8D8D8; /* Cambia este color según tus preferencias */
}
.custom-fade-container {
  position: relative;
  overflow: hidden;
	pointer-events: none;
}

.custom-fade-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px; /* Adjust the height of the fade effect */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
}

.custom-fade-container::after {
content: "Ver más";
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 8px 12px;
    background-color: #dddddd;
    color: #333;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    width: 30%;
    border-radius: 20px;
    transform: translateX(-50%);
}

.custom-fade-container.expanded {
  max-height: none;
}

.custom-fade-container.expanded::before,
.custom-fade-container.expanded::after {
  display: none;
}

.author-review-date-container {
  justify-content: space-between;
  align-items: center;
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 10px;
	margin-bottom: 10px;
	height: fit-content;
}

.author-container, .reviewer-container, .date-container {
  display: flex;
  align-items: center;
}

.date-container {
	margin-top: 5px;	
}

.author-avatar, .reviewer-avatar {
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px;
	min-width: 20px;
}

.author-avatar img, .reviewer-avatar img {
  width: 20px;
  height: 20px;
	border-radius: 100%;
  object-fit: cover;
}

.author-name, .reviewer-name, .date-label, .date-value {
  font-size: 9px;
}

.reviewer-label, .author-label {
	font-size: 10px;
}

.author-name, .reviewer-name {
  font-weight: bold;
	
}

.date-label {
  margin-right: 5px;
  color: gray;
}

/*AUTOR PERFIL*/

.stars.start-item {
    --star-size: 16px;
    --star-color: #e3e3e3;
    --star-background: #fc0;
    --percent: calc(var(--rating) / 5 * 100%);
    display: block;
}

.stars.start-item:before {
    transform: translateY(-1.5px);
    font-size: var(--star-size);
    line-height: 14px;
    font-family: Times;
    content: "★★★★★";
    letter-spacing: 1px;
    background: linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}

.tabla-brokers img.logo-company, .pro-contras-broker img.logo-company {
	    display: block;
    margin: 0 auto;
    height: 30px;
    width: auto;
    max-width: 85%;
    object-fit: contain;
}

.pro-contras-broker img.logo-company {
	display: inherit;
}

.tabla-brokers .first-row-header {
}

.tabla-brokers .first-row-header a.button {
		display: none;
		background-color: #ffb71a;
    border-radius: 8px;
    width: 100%;
    margin-top: 10px;
    box-shadow: rgba(50,50,93,.25) 0 2px 5px -1px, rgba(0,0,0,.3) 0 1px 3px -1px;
	    white-space: nowrap;
}

.tabla-brokers .first-row-header a.button:hover {
	box-shadow: inset 0 0 200px rgba(0,0,0,0.1);
}

.first-row-header.align-center {
	text-align: center;
}

.tabla-brokers .full-td {
text-align: center;
    font-weight: 800;
    background-color: aliceblue;
    text-transform: uppercase;
}

.tabla-brokers td {
	    text-align: center;
	border: none;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
	    max-width: 200px;
	font-size: 14px;
}

.tabla-brokers td.align-left {
    text-align: left;
		background-color: rgb(241 241 241 / 51%);
		white-space: nowrap;
    font-weight: 500;
    color: black;
    font-size: 16px;
}

.tabla-brokers tr {
    border: 1px solid #f1f1f1;
}

.tabla-brokers th {
    border: 1px solid #f1f1f1;
}

.tabla-brokers tr.small > * {
    padding: 6px 12px;
}

.tabla-brokers tr.valoraciones > * {
border: none;
    font-weight: 700;
    background-color: aliceblue;
}

.pro-contras-broker {
		margin: 20px 0;
    padding: 20px 0 0;
    border-top: 4px dashed #c6c6c6;
    border-bottom: 4px dashed #c6c6c6;
    box-shadow: 5px cornsilk;
}

.pro-contras-broker .top {
	display: flex;
	justify-content: space-between;
	font-weight: 600;
    color: black;
	    margin-bottom: 10px;
}

.pro-contras-broker .buttons {
}
.pro-contras-broker .mid  {
		gap: 10px;
    display: flex;
    flex-direction: column;
}

.pro-contras-broker .mid .valoracion {
	display: flex;
    text-align: start;
	    align-items: center;
}

.pro-contras-broker .mid .valoracion span {
	min-width: 80px;
}

.pro-contras-broker .mid .valoracion a {
    margin: 0;
    display: inline-flex;
    align-items: center;
    background-color: #f3f3f3;
    padding: 8px;
    padding-right: 40px;
		border-radius: 8px;
		text-decoration: none;
    color: black;
    box-sizing: content-box;
		--star-size: 22px;
}

.pro-contras-broker .bot {	
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
		margin-top: 20px;
}

.pro-contras-broker .bot .block {
	  background-color: #f3f3f3;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
		display: flex;
		flex-direction: column;
    justify-content: space-between;
}

.button-opiniones {
		display: none;
		color: #000;
    border-radius: 8px;
}

.button-oferta {
		display: none;
		color: #000;
    border-radius: 8px;
	 	background-color: #ffb71a;
}

.switcher-container {
  width: 100%;
	margin-top: 20px;
    border-top: 1px solid #0000005c;
}

.switch-input {
  display: none;
}

.switch-label {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.option {
  width: 50%;
  padding: 10px;
	background-color: #f3f3f3;
	text-align: center;
}

.switch-input:checked ~ .switch-label .option:first-child {
  background-color: transparent;
}

.switch-input:not(:checked) ~ .switch-label .option:last-child {
  background-color: transparent;
}

.content-container {
  padding: 20px;
}

.pro-contras-broker li {
    list-style: none;
    position: relative;
}

.pro-contras-broker li::before {
    content: "";
    left: -20px;
    top: 10px;
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 2px solid #42618cd1;
}

.switcher-container .content {
  display: none;
}

.switch-input:checked ~ .content-container .content-1 {
  display: block;
}

.instructions {
    display: flex;
    flex-direction: column;
    gap: 20px;
	  counter-reset: a;
}

.instructions .wrapper {
		background-color: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
}

.instructions .wrapper .inner h4 {
    margin-top: 5px !important;
    margin-left: 50px;
    margin-bottom: 25px !important;
    font-size: 22px;
}

.instructions .wrapper .inner p {
	margin-bottom: 0px;
}

.instructions .wrapper::before {
text-align: center;
    counter-increment: a;
    content: counter(a);
    width: 40px;
    border-radius: 50%;
    background-color: #42618cd1;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    position: absolute;
    font-size: 24px;
}

.pro-contras-broker .left li::before {
    background-image: url(/assets/uploads/check-nobackground1.svg);
		width: 12px;
    height: 12px;
    top: 5px;
    border: none;
    filter: contrast(1.5) brightness(.5) hue-rotate(63deg);
}

.pro-contras-broker .right li::before {
    background-image: url(/assets/uploads/red_cross.-nobackground3.svg);
		width: 12px;
    height: 12px;
    top: 5px;
    border: none;
    filter: contrast(1.5) brightness(.5) hue-rotate(63deg);
}

.pro-contras-broker .content.content-2 .pros-contras {
		display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (min-width: 1025px) {
	h1 {
	font-size: 32px;
}
/*author-perfil*/

.author-perfil .page {
  width: calc(33.33% - 10px);
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  position: relative;
}

.author-perfil .page img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	h1 {
	font-size: 32px;
}

/* IMAGENES BANNER MOVIL */
.mobile-image-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mobile-image-grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  margin: 5px;
}

.mobile-image-grid img {
  width: 100%;
  max-width: 70px;
  height: auto;
  border-radius: 50%;
	border: 3px solid white;
}

.mobile-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mobile-image-text {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
	color: white;
}

}

@media (min-width: 577px) and (max-width: 767px) {
	/* IMAGENES BANNER MOVIL */
.mobile-image-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mobile-image-grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  margin: 5px;
}

.mobile-image-grid img {
  width: 100%;
  max-width: 50px;
  height: auto;
  border-radius: 50%;
	border: 2px solid white;
}

.mobile-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mobile-image-text {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
	color: white;
}

.pro-contras-broker .content.content-2 .pros-contras {
    grid-template-columns: 1fr;
}

}

@media (max-width: 576px) {
	table {
		font-size: 0.9rem;
}

.gridContainer {
    grid-template-columns: 1fr 1fr;
}
.author-review-date-container {
flex-direction: column;
justify-content: space-between;
align-items: center;
background-color: #f0f0f0;
padding: 10px;
border-radius: 10px;
margin-bottom: 7px;
flex-wrap: wrap;
	height: fit-content;
}

.author-review-container {
display: flex;
justify-content: center; /* Agregado */
align-items: center;
width: 100%;
}

.author-container,
.reviewer-container {
width: 50%;
display: flex;
align-items: center;
}

.date-container {
width: 100%;
margin-top: 10px;
display: flex;
justify-content: center;
}

/* IMAGENES BANNER MOVIL */
.mobile-image-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mobile-image-grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  margin: 5px;
}

.mobile-image-grid img {
  width: 100%;
  max-width: 50px;
  height: auto;
  border-radius: 50%;
	border: 2px solid white;
}

.mobile-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mobile-image-text {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
	color: white;
}

.pro-contras-broker .content.content-2 .pros-contras {
    grid-template-columns: 1fr;
}

}
/* /stock.css */
/* The stock page's blocks beyond the dividend calendar: the banner's quote row, the
   newsletter sign-up and the capture strategy (the child theme's rules for them, as
   style.css had them), then the site's own drawings of what plugins drew on WordPress:
   the payout donut and the dividend charts (ApexCharts), the sector comparison and the
   forum (wpDiscuz), with the boxes and type those had. */

/* banner: the quote row (stock_banner.php) */
.stock-data-container .low-container { display: grid; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; margin-top: -10px; max-width: 1022px; left: 50%; position: relative; transform: translateX(-50%); }
.stock-data-item { flex: 1; box-sizing: border-box; padding: 5px; text-align: left; display: inline-block; line-height: 1; }
.stock-data-item.default { display: flex; flex-direction: column; row-gap: 5px; }
.first-column { flex: 2; margin-right: 5px; }
.price-wrapper { display: inline-flex; align-items: flex-end; }
.price-wrapper div { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 3px; }
.stock-data-container .price { font-size: 36px; font-weight: bold; }
.updated-time { font-size: 14px; }
.currency { font-size: 16px; margin-bottom: 2px; }
.price-change { font-size: 20px; margin-left: 10px; }
.arrow-down { transform: rotate(180deg); }
.change-percent { font-size: smaller; }
.range-container { display: flex; justify-content: space-between; width: 100%; }
.range-separator { text-align: center; flex-grow: 1; font-weight: lighter; }
.stock-data-container progress { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; border: 0; opacity: .7; border-radius: 10px; background-color: #dfe1e6; }
.stock-data-container progress::-webkit-progress-bar { background-color: #dfe1e6; border-radius: 10px; }
.stock-data-container progress::-webkit-progress-value { background-image: linear-gradient(to right, #1f9992, #294d80); border-radius: 10px; }
.stock-data-container progress::-moz-progress-bar { background-image: linear-gradient(to right, #1f9992, #294d80); border-radius: 10px; }

@media screen and (max-width: 1024px) {
    .stock-data-container .low-container { display: block; margin-top: 0; }
    .first-column { flex-direction: column; margin-bottom: 10px; }
    .stock-data-item.default { flex-direction: unset; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid gainsboro; row-gap: 2px; }
    .stock-data-item.default:last-child { border-bottom: none; align-items: center; }
    .stock-data-item.first-column { flex-direction: column; align-items: flex-start; border-bottom: none; }
    .progress-container { min-width: 150px; }
    .stock-data-container .price { font-size: 32px; }
    .currency { font-size: 14px; }
    .price-change { font-size: 17px; }
    .updated-time { font-size: 12px; }
}

/* the market-state dot (setMarketStatusIndicator), in the banner and the price chart's header */
.market-state { display: flex; align-items: center; height: 30px; align-self: center; padding: 5px 10px; border-radius: 20px; }
.market-state[hidden] { display: none; }
.state-circle { width: 10px; height: 10px; border-radius: 50%; position: relative; }
.market-state.pre { background-color: #FCF3CF; }
.market-state.pre .state-circle { background-color: #F39C12; }
.market-state.abierto { background-color: #d4edda; }
.market-state.abierto .state-circle { background-color: #28a745; animation: blink 2s infinite; }
.market-state.post-market { background-color: #D6EAF8; }
.market-state.post-market .state-circle { background-color: #3498DB; }
.market-state.cerrado { background-color: #f8d7da; }
.market-state.cerrado .state-circle { background-color: #dc3545; }
.market-state .tooltip { visibility: hidden; position: absolute; z-index: 1; bottom: 125%; transform: translateX(-90%); padding: 5px; border-radius: 6px; background-color: #555555b3; color: #fff; font-size: 14px; line-height: 1.4; text-align: center; white-space: nowrap; opacity: 0; transition: opacity 1s; }
.market-state:hover { transition: ease-out 0.3s; box-shadow: 0px 0px 15px rgb(0 0 0 / 33%); }
.market-state:hover .tooltip { visibility: visible; opacity: 1; }
@media screen and (min-width: 1025px) {
    .stock-data-container .market-state .tooltip { transform: none; }
}
@media screen and (max-width: 1024px) {
    .stock-data-container .market-state { min-height: 30px; align-self: self-start; margin-left: auto; }
    .market-state .tooltip { bottom: -30px; white-space: normal; min-width: 250px; max-width: 250px; }
}

/* when the page's data was last refreshed, over the first block's title */
.data-updated { float: right; margin: 12px 0 0 12px; font-size: 12px; color: #6b7280; }

/* On a phone the theme hid the sidebar and printed its blocks inside the column (where to
   buy after the next dividend, the price chart after the payout, the other calendars after
   the calendar table, the similar companies after their section). Here the sidebar's own
   blocks take those places: the section becomes one column whose items are ordered. */
@media screen and (max-width: 768px) {
    #stock_template .custom-page-container { display: flex; flex-direction: column; }
    #stock_template aside.sidebar-content { position: static; height: auto; order: 1; }
    #stock_template aside .stay-at-bottom { display: block; position: static; }
    #stock_template aside .where-to-buy-aside { display: block; }
    #stock_template aside .sticky-container:empty { display: none; }
    #calendario .left-side, #calendario aside.sidebar-content, #calendario aside .stay-at-bottom { display: contents; }
    #calendario [data-block="next"] { order: 1; }
    #calendario .where-to-buy-aside { order: 2; }
    #calendario [data-block="signup"] { order: 3; }
    #calendario [data-block="payout"] { order: 4; }
    #calendario .stock-chart-container { order: 5; }
    #calendario [data-block="calendar"] { order: 6; }
    #calendario .table_dividend_calendar_aside_wrapper { order: 7; }
    /* the sidebar's two ads are not shown on a phone: unordered they jumped above the whole
       section, under the ad that opens the page, and at the section's end the first would
       sit right on top of the next section's opening ad. A hidden placeholder never loads. */
    #calendario #a_02, #calendario #a_03 { display: none; }
    /* the opening ad moves below the next-dividend block: content first, then the ad */
    #stock_template #a_01 { display: none; }
    #calendario #a_01m { display: block; order: 2; }
    #calendario .where-to-buy-aside, #calendario .stock-chart-container, #calendario .table_dividend_calendar_aside_wrapper { width: 100%; max-width: calc(100vw - 30px); margin: 0 auto 10px; box-sizing: border-box; }
}

/* the forms' hidden trap field and their answers */
.form-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.signup-feedback, .forum-feedback { margin: 10px 0 0; padding: 10px 14px; border-radius: 6px; font-size: 15px; }
.signup-feedback.success, .forum-feedback.success { background-color: #d4edda; color: #155724; }
.signup-feedback.error, .forum-feedback.error { background-color: #f8d7da; color: #721c24; }

/* newsletter sign-up (newsletter/newsletter_html.php) */
.signup-container { display: flex; flex-direction: column; align-items: center; }
.signup-container p { width: 90%; }
.signup-container #newsletter-form { display: flex; flex-direction: column; align-items: center; width: 100%; }
.signup-container .inputs-wrapper { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
.signup-container .gdpr-consent-wrapper { display: flex; flex-direction: row; align-items: center; gap: 5px; font-size: 13px; }
.signup-container .gdpr-consent-wrapper label { margin-bottom: 0; }
.input-wrapper { display: flex; gap: 10px; align-items: center; width: 80%; }
.input-wrapper input[type="email"] { flex: 1; padding: 10px 15px; border-radius: 5px; border: 1px solid #ccc; }
.input-wrapper button { border-radius: 20px; background: linear-gradient(246deg, #097c5c 10%, #1c4b9d); color: white; text-transform: none; }
.input-wrapper button:hover { color: #d3d3d3; }
@media screen and (max-width: 768px) {
    .signup-container .input-wrapper { width: 100%; }
}

/* payout donut */
.donut-chart { display: flex; align-items: center; justify-content: center; gap: 60px; padding: 14px 0 24px; }
.donut { position: relative; width: 300px; max-width: 60%; }
.donut svg { display: block; width: 100%; transform: rotate(-90deg); }
.donut circle { fill: none; stroke-width: 5.6; }
.donut-retained { stroke: #2d3551; }
.donut-paid { stroke: #29c4d0; }
.donut-centre { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #373d3f; }
.donut-centre span { font-size: 16px; }
.donut-centre strong { font-size: 18px; font-weight: 400; }
.donut-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
.donut-legend li { position: relative; margin: 0; padding-left: 20px; line-height: 1.4; color: #373d3f; }
.donut-legend li::before { content: ""; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 50%; }
.donut-legend .paid::before { background: #29c4d0; }
.donut-legend .retained::before { background: #2d3551; }
.donut-legend span { display: block; font-size: 13px; }
.donut-legend strong { display: block; font-size: 19px; font-weight: 400; }
@media screen and (max-width: 649px) {
    .donut-chart { flex-direction: column; gap: 20px; }
    .donut-centre span { font-size: 13px; }
    .donut-centre strong { font-size: 16px; }
    .donut-legend { flex-direction: row; gap: 30px; }
}

/* the charts site.js draws (dividend_chart, industry_market and yahoo_finance_chart
   shortcodes): range buttons, axes, the theme's colours, the tooltip card, entry animations */
.btn-apexcharts { padding: 8px; border-radius: 8px; margin-right: 5px; }
.btn-apexcharts:last-child { margin-right: 0; }
.btn-apexcharts.active-btn { background-color: #13396f; color: #fff; }
.btn-apexcharts.active-btn:hover { color: #fff; }
.dividend-chart, .sector-yield-chart, .price-chart { position: relative; font-family: Nunito, sans-serif; }
.dividend-chart { min-height: 372px; margin-top: 10px; }
.sector-yield-chart { min-height: 322px; }
.dividend-chart svg, .sector-yield-chart svg, .price-chart svg { display: block; width: 100%; overflow: visible; }
.dividend-chart .grid, .sector-yield-chart .grid { stroke: #e0e0e0; stroke-width: 1; }
.dividend-chart .tick, .sector-yield-chart .tick { font-size: 12px; fill: #373d3f; }
.dividend-chart .axis-title { font-size: 12px; font-weight: 600; fill: #6b6c6c; }
.dividend-chart .bar { transform-box: fill-box; transform-origin: 50% 100%; transition: filter .15s; }
.dividend-chart .bar:hover, .dividend-chart .bar.lit { filter: brightness(1.18); }
.dividend-chart .band { fill: transparent; }
.dividend-chart .band:hover { fill: rgba(176, 190, 207, .22); }
.dividend-chart .line { fill: none; stroke: #7fc2ff; stroke-width: 3; stroke-linecap: butt; stroke-linejoin: round; pointer-events: none; }
.dividend-chart .dot { fill: #7fc2ff; pointer-events: none; }
.sector-yield-chart .hbar { transform-box: fill-box; transform-origin: 0 50%; transition: filter .15s; }
.sector-yield-chart .hbar:hover { filter: brightness(1.12); }
.sector-yield-chart .mark { stroke: #2f4f4f; stroke-width: 1; stroke-dasharray: 3 3; }
.sector-yield-chart .mark-label text { font-size: 11px; fill: #000; paint-order: stroke; stroke: #f0f8ff; stroke-width: 6px; stroke-linejoin: round; }
.price-chart { height: 250px; border-radius: 0 0 10px 10px; }
.price-chart svg { border-radius: 0 0 10px 10px; overflow: hidden; }
.price-chart .line { fill: none; stroke: #77b6ea; stroke-width: 2.5; stroke-linejoin: round; }
.price-chart .cursor { stroke: #90a4ae; stroke-width: 1; stroke-dasharray: 3 3; }
.price-chart .dot { fill: #77b6ea; stroke: #fff; stroke-width: 2; }
.stock-chart-container { margin-bottom: 10px; background-color: #f0f0f0; border-radius: 10px; }
.stock-chart-container .search-dropdown-item:hover { background-color: initial; cursor: initial; }
.stock-chart-container .search-dropdown-item .suggestion-image { border-radius: 100%; }
.stock-chart-container .search-dropdown-item .content { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: 1; min-width: 0; }
.stock-chart-container .price-wrapper { display: flex; align-items: flex-end; justify-content: space-around; width: 100%; min-height: 32px; padding: 5px; line-height: 1; box-sizing: border-box; }
.stock-chart-container .price-wrapper .price { font-size: 22px; font-weight: bold; }
.stock-chart-container .price-wrapper .price .currency { font-size: 12px; }
.stock-chart-container .price-wrapper .price-change { margin-left: 0; font-size: 16px; }
.stock-chart-container .price-wrapper .price-change .arrow { scale: .9; margin-bottom: -1px; }
.stock-chart-container .price-wrapper .price-change .change-percent { margin-bottom: 1px; }
.stock-chart-container .price-change.negative { color: #dc3545; }
.stock-chart-container .price-change.positive { color: #1e8e3e; }
.button-stock-chart-container { position: relative; display: flex; justify-content: center; margin-top: -25px; padding-bottom: 5px; }
.button-stock-chart-container button { min-height: 0; padding: 1px 6px; border-bottom: 2px solid transparent; border-radius: 0; background-color: transparent; font-size: 11px; font-weight: 400; text-transform: none; color: #66758a; }
.button-stock-chart-container button:hover { background-color: transparent; box-shadow: none; color: black; }
.button-stock-chart-container button.active { border-bottom-color: #0081f2; box-shadow: none; color: #0081f2; font-size: 11px; font-weight: 400; }
.chart-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; padding-top: 4px; font-size: 12px; color: #373d3f; }
.chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.chart-legend i { width: 12px; height: 12px; border-radius: 50%; }
.chart-tip { position: absolute; z-index: 3; min-width: 120px; border: 1px solid #e3e3e3; border-radius: 5px; background: rgba(255, 255, 255, .96); box-shadow: 2px 2px 6px -4px #999; color: #373d3f; font-size: 12px; line-height: 1.5; pointer-events: none; white-space: nowrap; overflow: hidden; }
.chart-tip-title { padding: 6px 10px; border-bottom: 1px solid #ddd; background: #eceff1; font-size: 12px; }
.chart-tip-body { padding: 8px 10px; }
.chart-tip-row { display: flex; align-items: center; gap: 4px; }
.chart-tip-row i { flex: none; width: 12px; height: 12px; margin-right: 4px; border-radius: 50%; }
.chart-tip-row strong { font-weight: 700; }
.chart-tip hr { margin: 6px 0; border: 0; border-top: 1px solid #e3e3e3; }
.price-chart .chart-tip-body { text-align: center; }
.price-chart .chart-tip-row { justify-content: center; }
.price-chart .chart-tip-row:first-child span { font-size: 13px; font-weight: 700; }
.price-chart .chart-tip-row + .chart-tip-row { font-size: smaller; color: #66758a; }

@keyframes chart-grow-up { from { transform: scaleY(0); } }
@keyframes chart-grow-right { from { transform: scaleX(0); } }
@keyframes chart-draw { from { stroke-dashoffset: 1; } }
@keyframes chart-fade { from { opacity: 0; } }
svg.animate .bar { animation: chart-grow-up .7s cubic-bezier(.22, .9, .3, 1) backwards; }
svg.animate .hbar { animation: chart-grow-right .8s cubic-bezier(.22, .9, .3, 1) backwards; }
svg.animate .line { stroke-dasharray: 1; animation: chart-draw 1.1s ease-out .15s backwards; }
svg.animate .area, svg.animate .mark, svg.animate .mark-label, svg.animate .dot { animation: chart-fade .6s ease-out .5s backwards; }
@keyframes donut-sweep { from { stroke-dasharray: 0 100; } }
.donut-paid { animation: donut-sweep 1s cubic-bezier(.22, .9, .3, 1) .1s backwards; }
@media (prefers-reduced-motion: reduce) {
    svg.animate .bar, svg.animate .hbar, svg.animate .line, svg.animate .area, svg.animate .mark, svg.animate .mark-label, svg.animate .dot, .donut-paid { animation: none; }
}

/* capture strategy (renderStrategyCapture) */
.capture-dividends .step .title { margin-top: 40px; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; }
.capture-dividends .step .main-label { text-transform: uppercase; }
.capture-dividends .step-container { display: flex; justify-content: space-between; gap: 10px; }
.capture-dividends .info-box { display: flex; flex-direction: column; align-items: center; border-radius: 10px; background-color: whitesmoke; width: 100%; padding: 5px; }
.capture-dividends .info-box.colored { background-color: #2c83db5c; }
.capture-dividends .info-bottom-message-capture { margin-top: 65px; padding: 10px; background-color: papayawhip; border-radius: 10px; }
.capture-dividends .info-bottom-message-capture-container { display: flex; flex-direction: row; align-items: center; gap: 10px; font-size: 14px; }
.capture-dividends .main-value { font-size: 17px; }
.capture-dividends .info-bottom-message-capture svg { flex: none; fill: #856404; }
@media screen and (max-width: 576px) {
    .capture-dividends .step-container.step-one { flex-direction: column; }
}

/* forum: a header with the count, the form as a card, each conversation a card with its
   answers behind a rule; avatars are initials on one of six tones */
.forum { margin: 0 0 50px; color: #1f2937; }
.forum-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.forum-head .fake-h2 { flex: 1; }
.forum-count { flex: none; padding: 4px 12px; border-radius: 999px; background: #e7eef8; color: #13396f; font-size: 13px; font-weight: 700; }
.forum-intro { margin: 0 0 20px; color: #4b5563; }
.forum-form { margin: 0 0 24px; padding: 16px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.forum-replying { margin: 0 0 10px; font-size: 13px; color: #4b5563; }
.forum-cancel { min-height: 0; padding: 0 6px; background: none; color: #1c4b9d; font-size: 13px; font-weight: 600; text-transform: none; }
.forum-cancel:hover { background: none; text-decoration: underline; }
.forum-form textarea { display: block; width: 100%; min-height: 96px; padding: 12px 14px; border: 1px solid #d5dce6; border-radius: 10px; background: #f8fafc; font-size: 15px; line-height: 1.5; resize: vertical; transition: border-color .15s, box-shadow .15s, background-color .15s; }
.forum-form textarea:focus, .forum-author input:focus { border-color: #1c4b9d; background: #fff; box-shadow: 0 0 0 3px rgba(28, 75, 157, .15); outline: none; }
.forum-author { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
.forum-author input { flex: 1; min-width: 0; height: 42px; padding: 0 14px; border: 1px solid #d5dce6; border-radius: 10px; background: #f8fafc; font-size: 14px; transition: border-color .15s, box-shadow .15s, background-color .15s; }
.forum-author button { flex: none; height: 42px; padding: 0 20px; border-radius: 999px; background: linear-gradient(246deg, #097c5c 10%, #1c4b9d); color: #fff; font-weight: 700; text-transform: none; }
.forum-author button:hover { color: #d3d3d3; }
.forum-form.collapsed .forum-author { display: none; }
.forum-form.collapsed textarea { min-height: 52px; }
.forum-threads { display: flex; flex-direction: column; gap: 12px; }
.forum-thread { padding: 18px 18px 8px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.forum-thread > .forum-form, .forum-replies > .forum-form { margin: 0 0 14px 52px; box-shadow: none; background: #f8fafc; }
.forum-empty { margin: 0; padding: 28px 16px; border: 1px dashed #cbd5e1; border-radius: 14px; text-align: center; color: #64748b; }
.forum-comment { display: flex; gap: 12px; padding-bottom: 10px; scroll-margin-top: 140px; }
.forum-replies { margin-left: 19px; padding-left: 21px; border-left: 2px solid #e2e8f0; }
.forum-avatar { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; font-size: 14px; font-weight: 700; letter-spacing: .5px; line-height: 1; }
.forum-comment.reply .forum-avatar { width: 32px; height: 32px; font-size: 12px; }
.forum-avatar.tone-0 { background: #dbeafe; color: #1e40af; }
.forum-avatar.tone-1 { background: #dcfce7; color: #166534; }
.forum-avatar.tone-2 { background: #fef3c7; color: #92400e; }
.forum-avatar.tone-3 { background: #fce7f3; color: #9d174d; }
.forum-avatar.tone-4 { background: #ede9fe; color: #5b21b6; }
.forum-avatar.tone-5 { background: #cffafe; color: #155e75; }
.forum-comment.editorial .forum-avatar { background: #13396f; color: #fff; }
.forum-body { flex: 1; min-width: 0; }
.forum-body header { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 24px; }
.forum-comment:not(.reply) .forum-body header { min-height: 40px; }
.forum-comment.reply .forum-body header { min-height: 32px; }
.forum-author-name { font-size: 15px; font-weight: 700; color: #111827; }
.forum-badge { padding: 2px 8px; border-radius: 999px; background: #e7eef8; color: #13396f; font-size: 11px; font-weight: 700; }
.forum-body time { font-size: 12px; color: #6b7280; white-space: nowrap; }
.forum-reply-to { margin: 0 0 2px; font-size: 12px; color: #6b7280; }
.forum-reply-to span { font-weight: 600; color: #1c4b9d; }
.forum-text { overflow-wrap: anywhere; }
.forum-text p { margin: 0; font-size: 15px; line-height: 1.6; color: #374151; }
.forum-text p + p { margin-top: 8px; }
.forum-reply { display: inline-flex; align-items: center; gap: 4px; min-height: 0; margin: 4px 0 0 -8px; padding: 4px 8px; border-radius: 999px; background: none; font-size: 13px; font-weight: 600; text-transform: none; color: #6b7280; transition: background-color .15s, color .15s; }
.forum-reply:hover { background: #eef2f7; color: #13396f; box-shadow: none; }
.forum-reply svg { width: 16px; height: 16px; fill: currentColor; }
@media screen and (max-width: 649px) {
    .forum-head { flex-direction: column; align-items: flex-start; gap: 0; margin-bottom: 12px; }
    .forum-thread { padding: 14px 12px 6px; }
    .forum-replies { margin-left: 8px; padding-left: 12px; }
    .forum-thread > .forum-form, .forum-replies > .forum-form { margin-left: 0; }
    .forum-author { flex-direction: column; align-items: stretch; }
    .forum-author input { flex: none; }
}

/* the ad a phone shows after the first block (see the phone rules above), and the room the
   opening ad takes before it loads, so the page under it does not jump */
#a_01m { display: none; }
#a_01:empty { min-height: 280px; }
/* /site.css */
/* What the port adds over the other sheets: pieces that in WordPress came from plugins
   or from data the static site doesn't have. */

/* ---------- the stock pages' tables ---------- */
figure.history-table { margin: 10px 0; overflow-x: auto; }
figure.history-table table, figure.calendario-dividendos table {
    width: 100%; border-collapse: collapse; font-size: 14px;
}
figure.history-table th, figure.history-table td { padding: 8px 10px; text-align: left; }
figure.history-table.striped tbody tr:nth-child(odd) { background: #f7f7f7; }
figure.history-table thead { border-bottom: 2px solid var(--brdcolor-gray-300); }
figure.calendario-dividendos { margin: 10px 0; }

/* generic content pages */

/* the index pages' sector chart (site.js), drawn as ApexCharts drew it */
#sector-chart { position: relative; padding-top: 14px; font-family: Nunito, sans-serif; }
/* no company with a page, no slice: ApexCharts left the box empty at its min-height */
#sector-chart[data-stocks="[]"] { min-height: 350px; padding-top: 0; }
#sector-chart svg { display: block; margin: 0 auto 14px; overflow: visible; }
#sector-chart path { stroke: #fff; stroke-width: 2px; }
#sector-chart path:hover { filter: brightness(1.12); }
#sector-chart text {
    fill: #fff; font-size: 12px; font-weight: 600; text-anchor: middle; dominant-baseline: central;
    pointer-events: none; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .45));
}
.sector-chart-legend { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 10px; }
.sector-chart-legend > span { margin: 2px 5px; font-size: 12px; line-height: 16px; color: #373d3f; }
.sector-chart-legend .marker {
    display: inline-block; width: 12px; height: 12px; margin-right: 3px; border-radius: 50%;
    vertical-align: -1px;
}
.sector-chart-tip {
    position: absolute; z-index: 12; max-width: 270px; padding: 6px 10px; border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999; color: #fff; font-size: 12px; line-height: 1.6;
    pointer-events: none;
}
@media screen and (max-width: 576px) {
    .sector-chart-tip { top: 5px; left: 0; }
}
/* /header.css */
/* The site header (_header.html.j2, site.js): the blues of the live header
   (the logo row rgb(19,57,111), the menu row rgb(41,77,128)), theme.css's search box with
   rounded corners and a shadow, and a menu that is a bar from 1025px and a side drawer
   below. Loads last: its rules weigh just enough to beat base.css' and theme.css'. */

.site-header {
	--header-blue: #13396f;
	--header-nav-blue: #294d80;
	--header-field: #2d5188;
	--header-accent: #8cc8ff;
	--header-ink: #13396f;
	--header-tint: #eef4fb;
	position: sticky;
	top: 0;
	z-index: 300;
	/* .main-page-wrapper pulls itself up 40px under this margin (base.css) */
	margin-bottom: 40px;
	font-family: "Nunito", "Lato", Arial, Helvetica, sans-serif;
	transition: transform .28s ease, box-shadow .28s ease;
}

.site-header.header-scrolled {
	box-shadow: 0 6px 24px rgba(8, 25, 55, .22);
}

.site-header.header-hidden {
	transform: translateY(-100%);
	box-shadow: none;
}

html.header-no-scroll {
	overflow: hidden;
}

/* the header's buttons without base.css' button style */
.site-header [type="button"],
.site-header [type="button"]:hover,
.site-header [type="button"]:focus {
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	line-height: inherit;
}

.site-header a:focus-visible,
.site-header [type="button"]:focus-visible {
	outline: 2px solid var(--header-accent);
	outline-offset: 2px;
	border-radius: 6px;
}

/* the logo and search row */
.header-bar {
	background-color: var(--header-blue);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.header-row {
	display: flex;
	align-items: center;
	gap: 32px;
	min-height: 76px;
}

.header-logo {
	flex: none;
	display: block;
	line-height: 0;
}

.header-logo img {
	width: auto;
	height: 52px;
}

.header-search {
	flex: 1;
	max-width: 760px;
}

/* the search box: theme.css draws it; this is the box */
.site-header .search-input-wrapper {
	display: block;
}

.site-header .search-input-wrapper:focus-within {
	--header-field: #355d98;
}

.site-header input.custom-search-field {
	height: 46px;
	margin: 0;
	padding-left: 44px;
	padding-right: 130px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 12px;
	background-color: var(--header-field);
	color: #fff;
	font-size: 15px;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.site-header input.custom-search-field::placeholder {
	color: rgba(255, 255, 255, .72);
}

.site-header input.custom-search-field:focus {
	border-color: rgba(140, 200, 255, .6);
	box-shadow: 0 0 0 3px rgba(140, 200, 255, .22);
}

.site-header .search-icon {
	left: 14px;
	color: rgba(255, 255, 255, .75);
}

.site-header .reset-search-btn,
.site-header .reset-search-btn:hover,
.site-header .close-search-btn,
.site-header .close-search-btn:hover {
	height: 70%;
	background-color: var(--header-field);
	color: #d6e3f5;
	font-size: 14px;
}

.site-header .reset-search-btn,
.site-header .reset-search-btn:hover {
	padding-left: 5px;
	justify-content: flex-start;
}

.site-header .reset-search-btn::after {
	background-color: transparent;
}

.site-header .search-dropdown {
	top: calc(100% + 8px);
	overflow: hidden;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 18px 50px rgba(8, 25, 55, .35);
}

.site-header .search-dropdown-categories {
	padding: 10px;
	border-bottom-color: #e6ebf1;
}

.site-header .search-dropdown-categories label {
	padding: 3px 10px;
}

.site-header .search-dropdown-item {
	padding: 8px 12px;
}

.site-header .suggestion-image {
	border-radius: 8px;
	object-fit: contain;
}

/* the menu button, below 1025px only */
.header-menu-toggle {
	display: none;
}

/* the menu */
.header-nav {
	background-color: var(--header-nav-blue);
}

.header-menu {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-item {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
}

.site-header .header-link,
.site-header .header-link:hover {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	height: 54px;
	padding: 0 16px;
	color: #fff;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.header-link::after {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 12px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--header-accent);
	transform: scaleX(0);
	transition: transform .2s ease;
}

.header-item:hover > .header-link::after,
.submenu-open > .header-link::after,
.is-current > .header-link::after {
	transform: scaleX(1);
}

.site-header .submenu-toggle-split {
	display: flex;
	align-items: center;
	width: 22px;
	height: 54px;
	margin-left: -14px;
	justify-content: center;
	color: #fff;
}

.header-chevron {
	flex: none;
	opacity: .8;
	transition: transform .2s ease;
}

.submenu-open > .submenu-toggle .header-chevron,
.submenu-open > .submenu-toggle-split .header-chevron {
	transform: rotate(180deg);
}

.header-languages img {
	width: 22px;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}

.submenu {
	margin: 0;
	padding: 8px;
	list-style: none;
}

.submenu li {
	margin: 0;
}

.site-header .submenu a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 8px;
	color: var(--header-ink);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease;
}

.site-header .submenu a:hover {
	background-color: var(--header-tint);
	color: var(--header-ink);
}

.site-header .submenu a[aria-current] {
	background-color: #e1effa;
	font-weight: 800;
}

.submenu-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 4px;
}

@media (min-width: 1025px) {
	.submenu {
		position: absolute;
		top: calc(100% - 6px);
		left: 4px;
		min-width: 230px;
		border-radius: 12px;
		background-color: #fff;
		box-shadow: 0 18px 50px rgba(8, 25, 55, .25);
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
	}

	.submenu-columns {
		min-width: 360px;
	}

	.header-languages .submenu {
		left: auto;
		right: 4px;
		min-width: 190px;
	}

	.submenu-open > .submenu {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: opacity .18s ease, transform .18s ease;
	}

	@media (hover: hover) {
		.has-submenu:hover > .submenu {
			opacity: 1;
			visibility: visible;
			transform: none;
			transition: opacity .18s ease, transform .18s ease;
		}

		.has-submenu:hover .header-chevron {
			transform: rotate(180deg);
		}
	}

	.language-name {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.header-scrim {
		display: none;
	}
}

/* below 1025px: logo and button on top, the search under them, the menu in a drawer;
   the scrim, the drawer and the button above the search (theme.css: 400 and 410) */
@media (max-width: 1024px) {
	.header-row {
		flex-wrap: wrap;
		gap: 10px 16px;
		min-height: 0;
		padding-top: 10px;
		padding-bottom: 12px;
	}

	.header-logo img {
		height: 42px;
	}

	.header-search {
		order: 3;
		flex-basis: 100%;
		max-width: none;
	}

	.site-header .header-menu-toggle,
	.site-header .header-menu-toggle:hover {
		position: relative;
		z-index: 440;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-left: auto;
		margin-right: -6px;
		color: #fff;
		transition: color .2s ease;
	}

	.header-drawer-open .header-menu-toggle,
	.header-drawer-open .header-menu-toggle:hover {
		color: var(--header-ink);
	}

	.header-burger,
	.header-burger span,
	.header-burger::before,
	.header-burger::after {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 2px;
		background-color: currentColor;
		transition: transform .25s ease, opacity .2s ease;
	}

	.header-burger {
		position: relative;
		background: none;
	}

	.header-burger::before,
	.header-burger::after {
		content: "";
		position: absolute;
		left: 0;
	}

	.header-burger::before {
		top: -7px;
	}

	.header-burger::after {
		top: 7px;
	}

	.header-drawer-open .header-burger span {
		opacity: 0;
	}

	.header-drawer-open .header-burger::before {
		transform: translateY(7px) rotate(45deg);
	}

	.header-drawer-open .header-burger::after {
		transform: translateY(-7px) rotate(-45deg);
	}

	.header-nav {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 430;
		width: min(360px, 88vw);
		padding-top: 64px;
		overflow-y: auto;
		overscroll-behavior: contain;
		background-color: #fff;
		box-shadow: -12px 0 40px rgba(8, 25, 55, .25);
		transform: translateX(100%);
		visibility: hidden;
		transition: transform .3s ease, visibility 0s linear .3s;
	}

	.header-drawer-open .header-nav {
		transform: none;
		visibility: visible;
		transition: transform .3s ease;
	}

	.header-nav .container {
		padding: 0;
	}

	.header-menu {
		flex-direction: column;
		border-top: 1px solid #edf1f5;
	}

	.header-item {
		flex-wrap: wrap;
		border-bottom: 1px solid #edf1f5;
	}

	.site-header .header-link,
	.site-header .header-link:hover {
		flex: 1;
		justify-content: space-between;
		height: 54px;
		padding: 0 22px;
		color: var(--header-ink);
		font-size: 14px;
	}

	.header-link::after {
		display: none;
	}

	.is-current > .header-link {
		box-shadow: inset 3px 0 0 var(--header-nav-blue);
	}

	.site-header .submenu-toggle-split,
	.site-header .submenu-toggle-split:hover {
		width: 54px;
		height: 54px;
		margin: 0;
		border-left: 1px solid #edf1f5;
		color: var(--header-ink);
	}

	.header-languages .header-link {
		justify-content: flex-start;
	}

	.header-languages .header-chevron {
		margin-left: auto;
	}

	.submenu {
		display: none;
		flex-basis: 100%;
		padding: 6px 12px 12px;
		background-color: #f6f8fb;
	}

	.submenu-open > .submenu {
		display: block;
	}

	.submenu-open > .submenu-columns {
		display: grid;
	}

	.header-scrim {
		position: fixed;
		inset: 0;
		z-index: 420;
		background-color: rgba(7, 20, 45, .5);
	}

	.header-scrim[hidden] {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-header,
	.site-header *,
	.site-header *::before,
	.site-header *::after {
		transition: none !important;
	}
}
/* /footer.css */
/* The site footer (_footer.html.j2): the light-on-blue footer as the live site drew
   it, from the blogs' theme settings (the blue), the theme's footer sheet (the spacing), the Custom
   CSS (the titles' underline) and the Elementor template of the other blogs' brand block.
   Loads last, next to header.css. */

.prefooter {
	padding-bottom: 40px;
}

.site-footer {
	background-color: #13396f;
	color: #fff;
	font-family: "Nunito", "Lato", Arial, Helvetica, sans-serif;
}

:where(.site-footer) ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

:where(.site-footer) li,
:where(.site-footer) p {
	margin: 0;
}

.footer-main {
	padding-top: 40px;
	padding-bottom: 10px;
}

/* the brand block: logo, tagline, social links, centred */
.footer-brand {
	margin-bottom: 45px;
	padding: 15px 15px 3px;
	text-align: center;
}

.footer-logo {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.footer-tagline {
	margin-top: 5px;
	font-size: 16px;
	line-height: 1.6;
}

.footer-social {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 5px;
}

.footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
	transition: opacity .3s;
}

.footer-social a:hover {
	opacity: .9;
}

.footer-social svg {
	display: block;
}

/* the menu columns: one, two from 576px, four from 1025px */
.footer-columns {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 30px;
}

/* the main site's first column was empty and kept a 1px line above its margin */
.footer-columns:first-child {
	padding-top: 31px;
}

.footer-column {
	/* Bootstrap's columns were positioned: it sets where the links' text lands on the pixel grid */
	position: relative;
	margin-bottom: 30px;
}

.footer-title {
	position: relative;
	margin-bottom: 20px;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
}

.footer-links {
	line-height: 1.4;
}

.footer-links li:not(:last-child) {
	margin-bottom: 15px;
}

.footer-links a {
	display: inline-block;
	padding-inline-end: 2px;
	color: rgba(255, 255, 255, .6);
	font-size: 16px;
	line-height: 1.4;
	transition: all .25s ease;
}

.footer-links a:hover,
.footer-links a:focus {
	color: #fff;
}

/* the disclaimer and the copyright line, centred under a hairline */
.footer-bottom {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, .15);
	color: rgba(255, 255, 255, .8);
	text-align: center;
}

.footer-disclaimer {
	margin-bottom: 24px;
	font-size: 10px;
	line-height: 1.2;
}

.footer-copyright {
	font-size: 16px;
	line-height: 1.2;
}

.footer-copyright strong {
	font-size: 10px;
	font-weight: 700;
}

/* the sign sat on the baseline with the font's descent below it */
.footer-copyright-sign {
	vertical-align: -.0625em;
}

@media (min-width: 576px) {
	.footer-columns {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1025px) {
	.footer-brand {
		margin-bottom: 40px;
		padding: 20px 20px 8px;
	}

	.footer-columns {
		grid-template-columns: repeat(4, 1fr);
	}

	.footer-title {
		padding-bottom: 10px;
	}

	.footer-title::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 80%;
		height: 2px;
		background-color: #3496db;
	}
}
/* /lang-flags.css */
/* The language menu's flags (static/flags/*.png, WordPress's SVGs rasterized at 3x) as data URIs,
   so the menu costs no request; the same look as the img it replaces (header.css). */
.lang-flag{display:inline-block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);background-size:100% 100%;vertical-align:middle;flex:none}
.lang-flag-de{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAwCAYAAAClvqwiAAAAiUlEQVR4nOzX0QnCUBAF0X2i/fdlB7aiwShhSBM5B7aB4f7sfWbe/3vMtX1uw0GICBEhIkSEiBARIkJEiAgRISJEhMh6zez3ubZtLOIkRISIEBEiQkSICBEhIkSEiBARIkJkfZ+zr4v/4ftmESchIkSEiBARIkJEiAgRISJEhIgQESJrOFhEhMgPAAD//12FfFIAAAAGSURBVAMANfMJ+dO2X4UAAAAASUVORK5CYII=")}
.lang-flag-en{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAtCAYAAAAa9r1nAAACv0lEQVR4nOyYv2sUQRTH38XtTJVYGNGTmByxENwlQkguYqexUBtBkCDcCSJCLlXATv8G08f/QYTrbARBQTaNhSYWdkmhYqEggnG/e/OGt7M/ohiOWfI+cMfOzJuFefPmve9ssNju7dEQuPLtI53/sUu+MoK/KJqmbveq7UQbP0mRjWwDtOW8IhtfGeGHUCwgjreTRbQyhh1nQbAJHWeFqQNbub460NjvaGBXseiqPm5zNLj24MHNebo83yJfCWQDC3myvkK9lXW7GERClDxvbPTTNkK9012ii4urdk4aLck4z8E7NsUccHSySeNzs+QrR5rNucfcmJgYo37/jd3dnZ0v6Q99DMawSPQDtpFRwPZsA9rtczRz9hT5io0I7LTcQT7rvECMx/FW2pY7/9SJBG7LeXjv7ouX9OHTO/KV1BGDM76VGQidPnccbJoFc46QTnHfC0e8f+5v+cwlSzcy8pEyqAxun3QAl0xp47uOCP7GqKhySJAs4yTBMogCt4yOTp6m8dGT5Cs2IspKoqRo56uiR85ZW7tF128skK9YZekKJndHkQjzImsp0w4L1GenJsqy8S93DSmcygRV2RHyPSIyjmBBxWIJyLJZZMO73hM5wp0DfE+WhYIKQogFFZALQl+RoJLiCfZ4l+yb/vmVjv/6Tr5iL12DXdwWO9/KhLq8WUoBJW24LW3qcvscmqCaurtMCx5funI5whVLByWoalE+mbKMHxV8d5DUpURW8V+CyqVKUN2ZPUGXpsbIV2yOcGWye/vkbwxlZRSwoGJnyPfW7tJVxX4RUTXuu45oPFx+NJSv2MeC33Qt8vfDTGMvgZRs1TjMBJ9fvyUlORrPzlzQo0F6NCzqCINWDYNGhEEdYQhe3b5PiuoIix4NQzCzeo8ULZ8WPRoGTZYGvXQZ9GgY1BGGBikpGhEGdYThDwAAAP//MERYygAAAAZJREFUAwCfetVnJb6yuwAAAABJRU5ErkJggg==")}
.lang-flag-es{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAtCAYAAAAa9r1nAAADeElEQVR4nOyaW2gUVxiAv83Ozmwus5JEits26cUau2bTRpfWptpaLFRaSqGF1lYsFQq+5MWX9q1oC5aWPpTSh2LpWxUvQZSI4gVNFC+s4rpqNhIvG1dX42UxxjEbZ5ZknZ09LAo+DREncD5Y5pwzZw+cj//M+ecwytHa5iISqpA4SBECKUIgRQikCIEUIZAiBFKEQIoQKE3fjiABX/EwMsVGLo0KT0XEvQJTjqcWETuOl6+9p5gSTIqI0qRLUZDrU51fOqmyZ5PKuc06zT51SsiYtIj46/NGkic04ut1W4ZGLqVxLQ/pUxp3fgk7crzMpO0apYlm7Ykf26oxLwqpgum0J/qg822N+csNp16Kjg/m4jlcR0TmrErnOrhhTz5v+JjxSoF4ukA4ZhK/YxKJ1KIHa/lieYA3lk6QL4S4av/Hn1e5NYbncB0Rl0d8HEoWCfqhzaih799pTnt/wWJWQGFmdxeBy9dR6sIkEgkWvR9He7CJvSchqFTx9cIJvITriNDrYkQ+7GHJO69VBsqtGqJr1Kj0WddzgMz/PVgzapx6qOZ5zIY/WdzRgddwLeJuysRMDTLYVeDC1XLbf7sWMq+tXA4MZljQ1MpwW71zHb3pp3uDycjG7RxNei+tdyWitEWeXp2r1MN+hdBn951y52qLCw2t/HO7mVgsxoPngpV+77VrdCyLom/LO2N4CQUXTI9avPnzdIbs8nBqnLGmcYyswo/qWc6vaeDvlnfxJbOsyPfwUjhM9laW6rpaeu2IODPH4oev6u0x0ngJVyJKZLYYjFVtpPXLAGfMURpUXdyZ4OMj+xjIZRiPbKb6pp1s7dBpardY8atOfJvOSGqMXJXqCPUKrkWUIiJdvZb6/DJ8CXv7eeTedwv6MQcuOmXDlhCcbeETHS6+3sLiiYOeklDC9cPSLDYSMOMU7c130RMSpJS9jeb+aESzJaizy8nVeDGA3+pHnxPEa7gWMXBpD0NX1vJ79yihAPSJTNIZNLQSnxar1K0BjchSg+SNAi80buH09UueOwRxLWJn+nuGgz+hNX/k1FettHh1rsnM+VFe/KaFXUYv0Z1raH/LRGkv5xazXv6U/alP+G33kseWkheQJ1QCeUIlULLrpyGxl4b8PqKMXBoCKUIgRQikCIEUIZAiBFKEQIoQSBECr70EPjNkRAikCMFDAAAA//90Ro/sAAAABklEQVQDANBrIwxjq818AAAAAElFTkSuQmCC")}
.lang-flag-fr{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAwCAYAAAClvqwiAAAAkUlEQVR4nOzaQQ0CQQAEweUCDhBBMIRHzPBEzHEcCWkJy4OkSkJnnnM8XW/7+trGbNvzPpblMKZ67+NxvowfWJfBlxARIkJEiAgRISJEhIgQESJCRIgIESEiRISIEBEiQkSICBEhIkSEiBARIkJEiAgRISJEhIgQESJCRIgIESEiRISIEBEiQmTya/x/WUSEyAcAAP//iPQGMwAAAAZJREFUAwCDnwthZoAFcwAAAABJRU5ErkJggg==")}
.lang-flag-it{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAwCAYAAAClvqwiAAAAk0lEQVR4nOzaUQkCURRF0Tsy1jGAAUxjGtPYwj6CgyA7wvsR1oqwOZ9nn8ftPTPnWexzf85p22ap45jX5Tqrbfs+p+FHiAgRISJEhIgQESJCRIgIESEiRISIEBEiQkSICBEhIkSEiBARIkJEiAgRISJEhIgQESJCRIgIESEiRISIEBEiQkSICBEhsvg1/r8sIkLkCwAA//+2+0fYAAAABklEQVQDANaOB5oBbVc8AAAAAElFTkSuQmCC")}
.lang-flag-nl{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAtCAYAAAAa9r1nAAAAd0lEQVR4nOzSQQ2DABAAwaNBRl991UnNVQsWgZAFFTMSNrtu7+8+zGu4CBEhIkSEiBARIkJEiAgRISJEhMiynwZH3ISIEBEiQkSICBEhIkSEiBARIkJk/fz+gyMeQkSICBEhIkSEiBARIkJEiAgRIbIMF0dEiBwAAAD//6rOoKsAAAAGSURBVAMACYMHP9E+OscAAAAASUVORK5CYII=")}
.lang-flag-pt{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAwCAYAAAClvqwiAAADyklEQVR4nOyZMUwUQRSG/wM0FtJYCS2BThNzjZX7LlKpECsSLY05YmJn78xa22khFLb0amVibk7q60xEOhuorLAwuUR8b+bt3kICidm93SWZLyx7MzvLZf7935s3y9ylpzgez2DqvNsFNr+jrdQhwcUgCqFEIZQohBKFUKIQShRCiUIoUQhlDjXxF+1m6o6gFeBtD9j4DHy5Ix1oJVNxhEye5oFEzgTs7nExz/3JS/51F3CO+4d8tu3RpXJH2C5g+MAikI6AziY7wvEX/eG+VT46PPk0jKVjFoPQCipzROYC0yekn3iCPyb9t5eAK1dZAyrc4PwPaMDn1IEsGqVT1TZ88AgYst397FzoS7KLxO5wIQxO90nsGOMwZJcYh6YYV+IICQfJBTmGj14h/unsPhEALKBhZ0A+WzRCaSHsGk/iQaHDFSebfwp9VBzn8iYlmkANTjiqTso74kAnQdp2ekjHYBC6Rof+TIOF/DbX6YD8OMkRQSM3DNcI9VM6O5g+O3v//DHD0QF6mx9zQU7jBckOQiOUFiLlp2l5leg9Dm3/UOnkmKS7CNvvgroTR/i8mo2z4R7fTNAIpUIjyw+JC21xRmJ5gokWTOwAcYMIIRTbMs5PeqgpwYRoIjRjjHKOOAiOGP5mR+wEZxSTpUw6Cwe7PfLt7FwcJzUE9UKu8PnGonZKOcLtT1YMX0dIrthE/kiT14v5WAkN0+/6z94hhXG+1DZBGBHW54yaKVdQ8cM+/sB/ZD0sgdIejGiyjBRWjSwk8jzBq4bHEg+fLKWQWzqom5I15YLOOQnucEf8RPedvyST8xcVCYmcNM0/OrGF0TxBITyaoHxxvRj2GOIGqTCTflgNyJshzEpcMNhaC27w4lgfDv6asaEGMWE0oRlK7zVkU2W0xBZXpNvcXuHGivMrh18arQ2DM5cMtDnUarKA6zQixriSTZckShFCRBCH4ICQ7EjSc2fe4zg3UOLyIlSixWti0QTj6nafL3jV4MlL3pBqU3B+k0V5rpDfJLM2mhsEcU2iLuihKaoTQkJExBBX+HpCFofDkEjXbxKWfjnc3yLMZgLIiXg8H0ZWnOZEEKoTIkOqzYRfwviXM1JXsCAbt4A3/Hbq2rIWLqTltVagTW29C1QvhJCJ4ROoA2avA8vc/sZuWX0Vxri0sNlqnukIUURC5uEN4B474+dzFkK+y6FtVPOG6jx8ocXH5a/Asz20ltr+wTNTf9n8X0wxKC4WUQglCqFEIZQohBKFUKIQShRCiUIo9dV7TzCP9zhCS2l54VsfMTSUfwAAAP//TXqr8QAAAAZJREFUAwBAU020ylflZwAAAABJRU5ErkJggg==")}