/*
Theme Name: Bio9000 Rw
Theme URI: https://bio9000.com/
Author: Ruidoweb
Description: Tema independiente, ligero y compatible con Gutenberg para Bio9000. No requiere BeTheme, WPBakery, Revolution Slider ni LayerSlider.
Version: 1.5.1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bio9000-modern
*/

:root {
  --bio-blue: #0b5f83;
  --bio-sky: #86b2c9;
  --bio-green: #16a07c;
  --bio-ink: #26343c;
  --bio-muted: #64727a;
  --bio-line: #e4ebee;
  --bio-soft: #f4f8fa;
  --bio-white: #fff;
  --bio-radius: 18px;
  --bio-shadow: 0 16px 45px rgba(18, 70, 94, .12);
  --bio-width: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--bio-ink);
  background: var(--bio-white);
  font-family: "Raleway", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.78;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--bio-blue); text-decoration-thickness: .08em; text-underline-offset: .16em; }
a:hover { color: var(--bio-green); }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.bio-container { width: min(calc(100% - 40px), var(--bio-width)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { clip: auto; width: auto; height: auto; margin: 8px; padding: 12px 16px; z-index: 100000; background: #fff; color: #111; }

.bio-topline { background: #fff; border-bottom: 1px solid var(--bio-line); font-size: 14px; color: var(--bio-muted); }
.bio-topline .bio-container { min-height: 38px; display: flex; justify-content: flex-end; align-items: center; gap: 22px; }
.bio-topline a { color: inherit; text-decoration: none; }
.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(11,95,131,.1); backdrop-filter: blur(14px); }
.admin-bar .site-header { top: 32px; }
.bio-header { min-height: 116px; display: flex; align-items: center; gap: 30px; }
.site-branding { flex: 0 0 170px; align-self: stretch; position: relative; }
.site-logo { position: absolute; top: 0; width: 150px; filter: drop-shadow(0 8px 14px rgba(14,73,100,.08)); }
.site-logo img { width: 150px; max-height: 170px; object-fit: contain; }
.bio-nav { margin-left: auto; }
.bio-nav ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.bio-nav li { position: relative; }
.bio-nav a { display: block; padding: 14px 13px; color: #445158; font-size: 15px; font-weight: 400; text-decoration: none; white-space: nowrap; }
.bio-nav > div > ul > li > a::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 6px; height: 2px; transform: scaleX(0); background: var(--bio-sky); transition: transform .2s ease; }
.bio-nav > div > ul > li:hover > a::after,
.bio-nav > div > ul > li.current-menu-item > a::after,
.bio-nav > div > ul > li.current-menu-ancestor > a::after { transform: scaleX(1); }
.bio-nav .sub-menu { position: absolute; top: 100%; left: 0; display: block; min-width: 240px; padding: 10px; background: #fff; border: 1px solid var(--bio-line); border-radius: 12px; box-shadow: var(--bio-shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.bio-nav li:hover > .sub-menu, .bio-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.bio-nav .sub-menu a { padding: 9px 11px; border-radius: 7px; white-space: normal; }
.bio-nav .sub-menu a:hover { background: var(--bio-soft); }
.bio-menu-toggle { display: none; margin-left: auto; border: 0; border-radius: 10px; padding: 10px 13px; background: var(--bio-blue); color: #fff; cursor: pointer; }

.bio-slider { position: relative; min-height: 570px; overflow: hidden; background: var(--bio-blue); color: #fff; }
.bio-slides { position: relative; min-height: 570px; }
.bio-slide { position: absolute; inset: 0; display: grid; align-items: center; opacity: 0; visibility: hidden; transform: scale(1.025); transition: opacity .8s ease, visibility .8s ease, transform 1.4s ease; background-position: center; background-size: cover; }
.bio-slide::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,42,63,.55) 0%, rgba(0,61,90,.24) 52%, rgba(0,61,90,.04) 100%); }
.bio-slide::after { content: ""; position: absolute; width: 460px; height: 460px; right: -120px; top: -110px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.04), 0 0 0 140px rgba(255,255,255,.03); }
.bio-slide.is-active { opacity: 1; visibility: visible; transform: scale(1); z-index: 1; }
.bio-hero-content { position: relative; z-index: 1; max-width: 760px; padding-block: 80px; }
.bio-eyebrow { margin: 0 0 12px; text-transform: uppercase; letter-spacing: .17em; font-size: 13px; font-weight: 500; }
.bio-slide-area { margin: 0 0 10px; font-family: "Lora", Georgia, serif; font-size: clamp(23px,3vw,37px); font-style: italic; font-weight: 400; }
.bio-slide h1, .bio-slide h2 { margin: 0 0 20px; max-width: 720px; color: #fff; font-size: clamp(42px, 6vw, 74px); line-height: 1.04; letter-spacing: -.035em; font-weight: 600; }
.bio-slide h1, .bio-slide h2, .bio-page-header h1, .bio-section-heading h2, .bio-about-story h2, .bio-about-network h2, .bio-about-team h2 { font-family: "Roboto", Arial, sans-serif; font-weight: 300; }
.bio-slide .bio-hero-content > p:not(.bio-eyebrow):not(.bio-slide-area) { max-width: 680px; margin: 0 0 30px; font-size: clamp(16px, 1.8vw, 20px); color: #fff; text-shadow: 0 1px 12px rgba(0,0,0,.48); }
.bio-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.bio-button, .wp-block-button__link, input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 22px; border: 1px solid var(--bio-blue); border-radius: 999px; background: var(--bio-blue); color: #fff; font-weight: 650; text-decoration: none; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.bio-button:hover, .wp-block-button__link:hover, input[type="submit"]:hover { color: #fff; background: #084e6c; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(5,74,106,.22); }
.bio-button.is-light { border-color: rgba(255,255,255,.75); background: #fff; color: var(--bio-blue); }
.bio-button.is-ghost { border-color: rgba(255,255,255,.6); background: transparent; color: #fff; }
.bio-slider-controls { position: absolute; z-index: 4; left: 50%; bottom: 26px; width: min(calc(100% - 40px), var(--bio-width)); transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.bio-slider-arrows, .bio-slider-dots { display: flex; align-items: center; gap: 9px; pointer-events: auto; }
.bio-slider-arrow { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; background: rgba(2,47,68,.42); color: #fff; font-size: 22px; cursor: pointer; backdrop-filter: blur(7px); }
.bio-slider-arrow:hover { background: #fff; color: var(--bio-blue); }
.bio-slider-dot { width: 11px; height: 11px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; }
.bio-slider-dot.is-active { background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.2); }
.bio-slider-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.bio-section { padding-block: 82px; }
.bio-section.is-soft { background: var(--bio-soft); }
.bio-section-heading { max-width: 720px; margin-bottom: 34px; }
.bio-section-heading h2 { margin: 0 0 12px; color: var(--bio-blue); font-size: clamp(31px, 4vw, 48px); line-height: 1.13; letter-spacing: -.025em; }
.bio-section-heading p { margin: 0; color: var(--bio-muted); font-size: 19px; }
.bio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.bio-card { overflow: hidden; background: #fff; border: 1px solid var(--bio-line); border-radius: var(--bio-radius); box-shadow: 0 10px 30px rgba(30,76,96,.07); transition: transform .2s ease, box-shadow .2s ease; }
.bio-card:hover { transform: translateY(-5px); box-shadow: var(--bio-shadow); }
.bio-card-media { aspect-ratio: 16/10; overflow: hidden; background: var(--bio-sky); }
.bio-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.bio-card:hover .bio-card-media img { transform: scale(1.035); }
.bio-card-body { padding: 26px; }
.bio-card h3 { margin: 0 0 10px; color: var(--bio-blue); font-size: 24px; line-height: 1.22; }
.bio-card p { margin: 0 0 18px; color: var(--bio-muted); }
.bio-text-link { font-weight: 700; text-decoration: none; }
.bio-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border: 1px solid var(--bio-line); border-radius: var(--bio-radius); overflow: hidden; background: var(--bio-line); }
.bio-stat { padding: 34px 26px; text-align: center; background: #fff; }
.bio-stat strong { display: block; color: var(--bio-blue); font-size: 38px; line-height: 1; }
.bio-stat span { display: block; margin-top: 9px; color: var(--bio-muted); }
.bio-cta { padding: 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: var(--bio-radius); background: linear-gradient(110deg, var(--bio-blue), #168ca0); color: #fff; }
.bio-cta h2 { margin: 0 0 6px; color: #fff; font-size: clamp(28px,4vw,42px); }
.bio-cta p { margin: 0; color: rgba(255,255,255,.82); }

.site-main { min-height: 52vh; }
.bio-page-header { padding: 64px 0 48px; background: linear-gradient(120deg, var(--bio-soft), #fff); border-bottom: 1px solid var(--bio-line); }
.bio-page-header h1 { margin: 0; color: var(--bio-blue); font-size: clamp(36px,5vw,58px); line-height: 1.08; letter-spacing: -.03em; }
.bio-breadcrumbs { margin-bottom: 12px; color: var(--bio-muted); font-size: 14px; }
.bio-content { width: min(calc(100% - 40px), 900px); margin-inline: auto; padding-block: 58px 84px; }
.bio-content > *:first-child { margin-top: 0; }
.bio-content h2, .bio-content h3, .bio-content h4 { color: var(--bio-blue); line-height: 1.22; }
.bio-content h2 { margin-top: 1.8em; font-size: clamp(28px,3vw,38px); }
.bio-content h3 { margin-top: 1.6em; font-size: 25px; }
.bio-content p, .bio-content li { color: #3f4e56; }
.bio-content blockquote { margin: 36px 0; padding: 22px 28px; border-left: 4px solid var(--bio-sky); background: var(--bio-soft); border-radius: 0 12px 12px 0; }
.bio-content iframe { max-width: 100%; }
.bio-content input:not([type="submit"]), .bio-content textarea, .bio-content select { width: 100%; max-width: 100%; padding: 12px 14px; border: 1px solid #cbd8dd; border-radius: 9px; background: #fff; }
.bio-about-intro { padding-block: 68px 48px; }
.bio-about-kicker { text-align: center; color: var(--bio-blue); font-size: clamp(32px,4vw,48px); margin: 0 0 36px; }
.bio-about-pillars { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.bio-about-pillar { padding: 28px; text-align: center; border: 1px solid var(--bio-line); border-radius: var(--bio-radius); background: #fff; box-shadow: 0 10px 28px rgba(30,76,96,.06); }
.bio-about-pillar strong { display: block; margin-bottom: 7px; color: var(--bio-blue); font-size: 21px; }
.bio-about-pillar p { margin: 0; color: var(--bio-muted); }
.bio-about-story { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 52px; padding-block: 44px 78px; }
.bio-about-story h2, .bio-about-network h2, .bio-about-team h2 { color: var(--bio-blue); font-size: clamp(30px,4vw,46px); line-height: 1.15; }
.bio-about-story figure { margin: 0; overflow: hidden; border-radius: var(--bio-radius); box-shadow: var(--bio-shadow); }
.bio-about-story figure img { width: 100%; min-height: 360px; object-fit: cover; }
.bio-about-quote { padding: 66px 20px; text-align: center; color: #fff; background: linear-gradient(110deg, var(--bio-blue), #168ca0); }
.bio-about-quote blockquote { max-width: 900px; margin: 0 auto; font-size: clamp(24px,3.3vw,39px); line-height: 1.32; font-weight: 300; }
.bio-about-quote cite { display: block; margin-top: 17px; font-size: 15px; font-style: normal; opacity: .78; }
.bio-about-network { padding-block: 72px; background: var(--bio-soft); }
.bio-country-list { margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px 22px; list-style: none; color: var(--bio-muted); }
.bio-country-list li::before { content: "•"; margin-right: 8px; color: var(--bio-green); }
.bio-about-team { padding-block: 72px; }
.bio-about-original-hero { min-height: 936px; padding: 182px 0 70px; background: #e8eef2; color: #777; font-family: "Lato", Arial, sans-serif; }
.bio-about-original-title { text-align: center; }
.bio-about-original-title h1 { margin: 0; color: #333; font-family: "Lato", Arial, sans-serif; font-size: 45px; font-weight: 300; line-height: 1.2; }
.bio-about-original-title p { margin: 24px 0 0; font-size: 25px; font-weight: 300; }
.bio-about-original-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 70px; margin-top: 92px; text-align: center; }
.bio-about-original-columns article { min-width: 0; }
.bio-about-original-icon { display: block; height: 58px; color: #90999e; font-family: Arial, sans-serif; font-size: 44px; font-weight: 300; line-height: 1; transform: scaleX(1.2); }
.bio-about-original-icon.is-circle { transform: none; font-size: 52px; }
.bio-about-original-columns h2 { margin: 8px 0 24px; color: #333; font-family: "Lato", Arial, sans-serif; font-size: 25px; font-weight: 300; }
.bio-about-original-columns p { max-width: 300px; margin: 0 auto; font-size: 16px; font-weight: 300; line-height: 1.75; }
.bio-about-original-columns a { display: inline-flex; gap: 18px; margin-top: 16px; color: #0096ff; font-size: 20px; font-weight: 300; text-decoration: none; }
.bio-about-original-columns a span { font-size: 30px; line-height: .8; }
.bio-about-original-network { min-height: 620px; overflow: hidden; background: #fff; }
.bio-about-original-network .bio-container { min-height: 620px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 50px; }
.bio-about-network-copy { position: relative; z-index: 2; }
.bio-about-network-copy > p { color: rgba(45,48,50,.75); font-size: 17px; line-height: 1.7; }
.bio-about-network-copy h2 { margin: 34px 0 12px; color: #2d3032; font-family: "Raleway", sans-serif; font-size: 40px; font-weight: 300; }
.bio-about-network-copy a { color: #2d3032; font-size: 19px; font-weight: 500; text-decoration: none; }
.bio-about-network-art { position: relative; min-height: 540px; }
.bio-about-network-art img { position: absolute; object-fit: contain; }
.bio-about-folder { width: 300px; right: 90px; bottom: 30px; }
.bio-about-pen { width: 235px; left: 30px; bottom: 85px; transform: rotate(-8deg); }
.bio-about-coffee { width: 210px; right: 0; top: 45px; }
.bio-about-original-quote { padding: 105px 20px 86px; text-align: center; background: #fff; }
.bio-about-original-quote blockquote { max-width: 900px; margin: 0 auto; color: #30383d; font-family: "Raleway", sans-serif; font-size: clamp(26px,3vw,36px); font-weight: 300; line-height: 1.35; }
.bio-about-original-quote p { margin: 28px 0 0; color: #777; font-family: "Lora", serif; font-style: italic; }
.bio-about-original-text { padding: 38px 0 96px; }
.bio-about-original-text .bio-container { width: min(calc(100% - 40px), 1180px); }
.bio-about-original-text h2 { margin: 60px 0 38px; color: #222; font-family: "Lustria", Georgia, serif; font-size: 29px; font-weight: 400; text-transform: uppercase; }
.bio-about-original-text blockquote { position: relative; margin: 0 0 36px; padding: 0 24px 10px; border: 0; border-bottom: 1px solid #ddd; color: #444; background: transparent; }
.bio-about-original-text blockquote::before { content: "“"; position: absolute; left: 0; top: -25px; color: #ddd; font-size: 70px; }
.bio-about-original-text p { margin: 0 20px 18px; color: #626262; text-align: justify; }
.bio-client-access { padding: 66px 0 90px; }
.bio-client-request { max-width: 560px; margin: 0 auto 68px; text-align: center; }
.bio-client-request h2, .bio-client-access-title { color: #333; font-family: "Lustria", Georgia, serif; font-weight: 400; text-align: center; }
.bio-client-request .wpcf7 { margin-top: 28px; text-align: left; }
.bio-client-access-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 34px; }
.bio-client-access-card { min-height: 150px; padding: 28px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border: 1px solid var(--bio-line); color: #536269; background: #fff; text-align: center; text-decoration: none; transition: .2s ease; }
.bio-client-access-card:hover { color: #fff; background: var(--bio-blue); transform: translateY(-3px); }
.bio-client-access-card strong { font-size: 17px; font-weight: 400; }
.bio-client-access-icon { font-size: 32px; line-height: 1; }
.bio-certifications { padding-block: 68px 86px; }
.bio-certification-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.bio-certification-card { margin: 0; padding: 22px; display: grid; place-items: center; min-height: 270px; border: 1px solid var(--bio-line); border-radius: var(--bio-radius); background: #fff; box-shadow: 0 10px 30px rgba(30,76,96,.07); }
.bio-certification-card a { display: grid; gap: 12px; place-items: center; color: var(--bio-blue); font-size: 13px; font-weight: 700; text-decoration: none; }
.bio-certification-card img { width: 224px; max-height: 224px; object-fit: contain; }
.bio-credit { opacity: .52; font-size: 12px; }
.bio-credit a { color: inherit; text-decoration: none; }
.bio-credit a:hover { color: #fff; text-decoration: underline; }
.bio-post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; padding-block: 55px 80px; }
.bio-news-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; padding-block: 56px 84px; }
.bio-news-card { position: relative; min-width: 0; border-top: 1px solid var(--bio-line); background: #fff; }
.bio-news-date { display: inline-block; margin-top: -1px; padding: 8px 12px; color: #fff; background: var(--bio-blue); font-size: 12px; }
.bio-news-media { display: block; margin-top: 18px; aspect-ratio: 16/10; overflow: hidden; }
.bio-news-media img { width: 100%; height: 100%; object-fit: cover; }
.bio-news-body { padding: 22px 2px 0; }
.bio-news-meta { margin: 0 0 14px; color: #929da2; font-size: 12px; }
.bio-news-meta a { color: inherit; }
.bio-news-card h2 { margin: 0 0 16px; font-family: "Roboto", Arial, sans-serif; font-size: 25px; font-weight: 300; line-height: 1.22; }
.bio-news-card h2 a { color: #303b40; text-decoration: none; }
.bio-news-card h2 a:hover { color: var(--bio-blue); }
.bio-news-excerpt { color: #626262; }
.bio-news-more { display: inline-block; margin-top: 14px; font-size: 13px; text-decoration: none; }
.bio-pagination { grid-column: 1/-1; }

.bio-footer-services { border-top: 1px solid var(--bio-line); background: #fff; }
.bio-footer-services .bio-container { display: grid; grid-template-columns: repeat(3,1fr); }
.bio-footer-services a { padding: 34px 28px; color: var(--bio-blue); text-align: center; text-decoration: none; border-right: 1px solid var(--bio-line); transition: background .2s ease, color .2s ease; }
.bio-footer-services a:first-child { border-left: 1px solid var(--bio-line); }
.bio-footer-services a:hover { color: #fff; background: var(--bio-blue); }
.bio-footer-services span { display: block; text-transform: uppercase; letter-spacing: .08em; font-size: 22px; font-weight: 650; }
.bio-footer-services small { display: block; margin-top: 3px; opacity: .72; font-size: 13px; }
.site-footer { padding-top: 54px; color: rgba(255,255,255,.76); background: #123f55; }
.bio-footer-heading { display: flex; align-items: center; gap: 24px; padding-bottom: 34px; border-bottom: 1px solid rgba(255,255,255,.14); }
.bio-footer-heading p { margin: 0; max-width: 550px; }
.site-footer h2, .site-footer h3 { color: #fff; }
.site-footer a { color: #d6eef6; }
.bio-footer-logo { width: 96px; }
.bio-footer-countries { display: grid; grid-template-columns: repeat(5,1fr); gap: 22px; padding-block: 38px; }
.bio-footer-countries ul { margin: 0; padding: 0; list-style: none; }
.bio-footer-countries li { padding: 3px 0; }
.bio-footer-countries li::before { content: "·"; margin-right: 8px; color: var(--bio-sky); }
.bio-footer-contact { padding-block: 22px; border-top: 1px solid rgba(255,255,255,.14); text-align: center; font-size: 14px; }
.bio-footer-contact p { margin: 0; }
.bio-footer-contact span { margin-inline: 6px; opacity: .5; }
.bio-kit-digital { padding-block: 24px; color: #516069; background: #fff; text-align: center; }
.bio-kit-digital p { margin: 0 0 13px; text-transform: uppercase; letter-spacing: .035em; font-size: 12px; }
.bio-kit-digital img { width: min(100%, 1100px); margin-inline: auto; }
.bio-footer-menu ul { margin: 0; padding: 0; list-style: none; columns: 2; }
.bio-footer-menu li { margin-bottom: 7px; break-inside: avoid; }
.bio-footer-menu a { text-decoration: none; }
.bio-footer-bottom { padding-block: 18px; font-size: 14px; }
.bio-footer-bottom .bio-container { display: flex; justify-content: space-between; gap: 20px; }
.bio-back-top { text-decoration: none; }

@media (max-width: 980px) {
  .admin-bar .site-header { top: 46px; }
  .bio-topline { display: none; }
  .bio-header { min-height: 88px; }
  .site-branding { flex-basis: 102px; }
  .site-logo { width: 90px; top: 5px; }
  .site-logo img { width: 90px; max-height: 90px; }
  .bio-menu-toggle { display: block; }
  .bio-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; margin: 0; padding: 12px 20px 24px; max-height: calc(100vh - 90px); overflow: auto; background: #fff; border-top: 1px solid var(--bio-line); box-shadow: 0 18px 30px rgba(14,63,84,.13); }
  .bio-nav.is-open { display: block; }
  .bio-nav ul { display: block; }
  .bio-nav a { padding: 11px 10px; white-space: normal; }
  .bio-nav .sub-menu { position: static; display: block; min-width: 0; margin-left: 14px; padding: 0 0 4px; opacity: 1; visibility: visible; transform: none; border: 0; box-shadow: none; }
  .bio-nav > div > ul > li > a::after { display: none; }
  .bio-grid, .bio-post-grid, .bio-news-grid { grid-template-columns: repeat(2,1fr); }
  .bio-about-story { grid-template-columns: 1fr; gap: 32px; }
  .bio-about-original-columns { gap: 32px; }
  .bio-about-original-network .bio-container { grid-template-columns: 1fr 1fr; }
  .bio-client-access-grid { grid-template-columns: repeat(2,1fr); }
  .bio-country-list { grid-template-columns: repeat(3,1fr); }
  .bio-certification-grid { grid-template-columns: repeat(3,1fr); }
  .bio-footer-countries { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 680px) {
  .bio-container, .bio-content { width: min(calc(100% - 28px), var(--bio-width)); }
  .bio-slider, .bio-slides { min-height: 525px; }
  .bio-slide::before { background: linear-gradient(90deg, rgba(0,42,63,.65), rgba(0,61,90,.25)); }
  .bio-hero-content { padding-block: 64px; }
  .bio-section { padding-block: 58px; }
  .bio-grid, .bio-post-grid, .bio-news-grid, .bio-stats { grid-template-columns: 1fr; }
  .bio-about-pillars, .bio-country-list { grid-template-columns: 1fr; }
  .bio-about-original-hero { min-height: 0; padding: 86px 0 68px; }
  .bio-about-original-columns { grid-template-columns: 1fr; margin-top: 62px; }
  .bio-about-original-columns article + article { margin-top: 34px; }
  .bio-about-original-network .bio-container { grid-template-columns: 1fr; padding-block: 65px; }
  .bio-about-network-art { min-height: 400px; }
  .bio-about-original-text h2 { font-size: 24px; }
  .bio-client-access-grid { grid-template-columns: 1fr; }
  .bio-certification-grid, .bio-footer-services .bio-container { grid-template-columns: 1fr; }
  .bio-footer-services a, .bio-footer-services a:first-child { border: 0; border-bottom: 1px solid var(--bio-line); }
  .bio-footer-heading { align-items: flex-start; }
  .bio-footer-countries { grid-template-columns: repeat(2,1fr); }
  .bio-cta { padding: 30px 24px; align-items: flex-start; flex-direction: column; }
  .bio-footer-menu ul { columns: 1; }
  .bio-footer-bottom .bio-container { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}