:root {
  --ecd-navy: #05253a;
  --ecd-navy-deep: #031a2b;
  --ecd-blue: #1689ff;
  --ecd-cyan: #15d4d1;
  --ecd-mint: #2ee6b7;
  --ecd-text: #edf8ff;
  --ecd-muted: #9fc2d4;
  --ecd-line: rgba(94, 203, 255, 0.19);
  --ecd-card: linear-gradient(155deg, rgba(13, 63, 91, 0.86), rgba(5, 37, 58, 0.9));
  --ecd-shadow: 0 24px 70px rgba(0, 10, 23, 0.35);
}

html[data-page="extension-detail"] { scroll-behavior: smooth; }
html[data-page="extension-detail"] {
  --blue: #2f80ed;
  --green: #00b388;
  --ink: #f7fafc;
  --muted: #aab8c4;
  --surface: #081a28;
  --surface-soft: #0c2334;
  --border: rgba(230, 241, 255, 0.1);
  --header: rgba(7, 24, 37, 0.91);
  --shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
  --max: 1240px;
}
html[data-page="extension-detail"] * { box-sizing: border-box; }
body.ecd-page { overflow-x: hidden; background: var(--ecd-navy-deep); color: var(--ecd-text); }
body.ecd-page main { overflow: hidden; }
html[data-page="extension-detail"] body { margin: 0; font-family: "Inter", "Segoe UI", Arial, sans-serif; }
html[data-page="extension-detail"] body.menu-open { overflow: hidden; }
html[data-page="extension-detail"] img { max-width: 100%; }
html[data-page="extension-detail"] a { color: inherit; }
html[data-page="extension-detail"] button,
html[data-page="extension-detail"] input { font: inherit; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.ecd-page .reveal { opacity: 0; transform: translateY(24px); transition: opacity .72s ease, transform .72s cubic-bezier(.2,.72,.22,1); }
.ecd-page .reveal.visible { opacity: 1; transform: none; }






















.ecd-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.ecd-section { position: relative; padding: 92px 0; }
.ecd-section:nth-of-type(even) { background: linear-gradient(180deg, rgba(12, 54, 78, 0.26), rgba(3, 26, 43, 0)); }
.ecd-section-head { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.ecd-section-head.ecd-left { margin-inline: 0; text-align: left; }
.ecd-section-head h2 { margin: 0; color: #fff; font-size: 26px; font-weight: 750; line-height: 1.18; letter-spacing: .015em; text-transform: uppercase; }
.ecd-section-head h2::after { content: ""; display: block; width: 74px; height: 3px; margin: 15px auto 0; border-radius: 99px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); box-shadow: 0 0 20px rgba(27, 208, 213, .32); }
.ecd-section-head.ecd-left h2::after { margin-left: 0; }
.ecd-section-head p { margin: 19px 0 0; color: var(--ecd-muted); font-size: 17px; line-height: 1.75; }

.ecd-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 19px; color: #69e6dc; font-size: 12px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.ecd-kicker::before { content: ""; width: 29px; height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); box-shadow: 0 0 12px rgba(46, 230, 183, .6); }

.ecd-hero { position: relative; min-height: 720px; padding: 124px 0 80px; display: grid; align-items: center; isolation: isolate; background: radial-gradient(circle at 78% 40%, rgba(20, 137, 255, .18), transparent 31%), radial-gradient(circle at 20% 30%, rgba(46, 230, 183, .08), transparent 32%), linear-gradient(125deg, #031b2c, #07324b 54%, #041e31); }
.ecd-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .28; background-image: linear-gradient(rgba(92, 199, 235, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 199, 235, .08) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to right, transparent, #000 22%, #000 80%, transparent); }
.ecd-hero::after { content: ""; position: absolute; inset: auto 0 0; z-index: -1; height: 130px; background: linear-gradient(transparent, var(--ecd-navy-deep)); pointer-events: none; }
.ecd-hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr); gap: 70px; align-items: center; }
.ecd-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: #9ac6d8; font-size: 13px; }
.ecd-breadcrumb a { color: #9ac6d8; text-decoration: none; }
.ecd-breadcrumb a:hover { color: #fff; }
.ecd-hero h1 { max-width: 680px; margin: 0; color: #fff; font-size: 42px; font-weight: 400; line-height: 1.08; letter-spacing: -.035em; }
.ecd-hero-copy > p { max-width: 670px; margin: 24px 0 0; color: #bdd9e7; font-size: 18px; line-height: 1.72; }
.ecd-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px; }
.ecd-button { position: relative; min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; overflow: hidden; border: 1px solid transparent; border-radius: 13px; color: #fff; font-size: 15px; font-weight: 720; text-decoration: none; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease; }
.ecd-button::before { content: ""; position: absolute; top: -80%; left: -35%; width: 32%; height: 250%; transform: rotate(22deg) translateX(-180%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent); transition: transform .65s ease; }
.ecd-button:hover::before { transform: rotate(22deg) translateX(560%); }
.ecd-button:hover { transform: translateY(-3px); }
.ecd-button-primary { background: linear-gradient(110deg, #197ef4, #08bfc3 62%, #26d5a6); box-shadow: 0 13px 32px rgba(9, 154, 211, .28), inset 0 1px rgba(255,255,255,.24); }
.ecd-button-primary:hover { box-shadow: 0 18px 44px rgba(9, 191, 195, .36), 0 0 0 1px rgba(86,235,221,.34); }
.ecd-button-secondary { border-color: rgba(146, 218, 244, .28); background: rgba(7, 45, 67, .72); backdrop-filter: blur(12px); }
.ecd-button-secondary:hover { border-color: rgba(89, 228, 215, .58); background: rgba(13, 67, 89, .82); }
.ecd-hero-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.ecd-hero-badges span { min-height: 37px; padding: 0 13px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(94, 203, 255, .16); border-radius: 999px; background: rgba(2, 25, 41, .5); color: #cae9f3; font-size: 12px; font-weight: 650; backdrop-filter: blur(10px); }
.ecd-hero-badges i { width: 7px; height: 7px; border-radius: 50%; background: var(--ecd-mint); box-shadow: 0 0 12px var(--ecd-mint); }

.ecd-media-wrap { position: relative; }
.ecd-media-wrap::before { content: ""; position: absolute; inset: -18px; border: 1px solid rgba(73, 218, 227, .13); border-radius: 31px; transform: rotate(-2deg); pointer-events: none; }
.ecd-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid rgba(109, 224, 255, .27); border-radius: 24px; background: #061d2d; box-shadow: 0 28px 80px rgba(0, 8, 19, .52), 0 0 0 7px rgba(19, 113, 149, .08); }
.ecd-media img, .ecd-media iframe { width: 100%; height: 100%; display: block; border: 0; object-fit: cover; }
.ecd-media img { transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .4s ease; }
.ecd-media:hover img { transform: scale(1.035); filter: saturate(1.07) contrast(1.03); }
.ecd-media-label { position: absolute; left: 18px; bottom: 18px; z-index: 2; max-width: calc(100% - 36px); padding: 10px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(158, 230, 246, .18); border-radius: 11px; background: rgba(3, 25, 41, .78); color: #eaffff; font-size: 12px; font-weight: 700; backdrop-filter: blur(12px); box-shadow: 0 12px 28px rgba(0,0,0,.28); }
.ecd-media-label i { width: 9px; height: 9px; border-radius: 50%; background: #22e2bb; box-shadow: 0 0 16px #22e2bb; }
.ecd-floating-stat { position: absolute; right: -24px; top: -26px; z-index: 3; min-width: 142px; padding: 15px 17px; border: 1px solid rgba(102,224,244,.25); border-radius: 16px; background: linear-gradient(145deg, rgba(15,71,96,.94), rgba(4,32,51,.94)); box-shadow: 0 18px 42px rgba(0,8,20,.38); animation: ecdFloat 4.6s ease-in-out infinite; }
.ecd-floating-stat small { display: block; color: #79dfdc; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ecd-floating-stat strong { display: block; margin-top: 5px; color: #fff; font-size: 17px; }

.ecd-facts { position: relative; z-index: 4; margin-top: -32px; }
.ecd-facts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.ecd-fact { position: relative; min-height: 132px; padding: 24px; display: grid; grid-template-columns: 54px 1fr; gap: 17px; align-items: center; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 18px; background: var(--ecd-card); box-shadow: var(--ecd-shadow); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.ecd-fact::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--ecd-blue), var(--ecd-mint)); }
.ecd-fact::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); transition: right .45s ease; }
.ecd-fact:hover { transform: translateY(-6px); border-color: rgba(65, 218, 220, .42); box-shadow: 0 30px 70px rgba(0, 12, 28, .46); }
.ecd-fact:hover::after { right: 0; }
.ecd-icon { position: relative; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(92,218,242,.25); border-radius: 17px; color: #7aeeeb; background: linear-gradient(145deg, rgba(25, 120, 160, .28), rgba(9, 48, 73, .45)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.2); }
.ecd-icon::after { content: ""; position: absolute; right: 6px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--ecd-mint); box-shadow: 0 0 11px var(--ecd-mint); }
.ecd-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.ecd-fact small { display: block; color: #7fc8db; font-size: 11px; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; }
.ecd-fact strong { display: block; margin-top: 5px; color: #fff; font-size: 18px; line-height: 1.25; }

.ecd-about-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 56px; align-items: start; }
.ecd-copy-panel p { margin: 0 0 18px; color: #b7d4e1; font-size: 17px; line-height: 1.8; }
.ecd-copy-panel .ecd-highlight { margin-top: 27px; padding: 23px 24px; border-left: 3px solid var(--ecd-mint); border-radius: 0 15px 15px 0; background: linear-gradient(90deg, rgba(17,109,130,.18), rgba(17,109,130,.03)); color: #e4fbff; font-size: 18px; font-weight: 590; line-height: 1.55; }
.ecd-audience { padding: 27px; border: 1px solid var(--ecd-line); border-radius: 21px; background: var(--ecd-card); box-shadow: var(--ecd-shadow); }
.ecd-audience h3 { margin: 0 0 18px; color: #fff; font-size: 18px; }
.ecd-chip-list { display: flex; flex-wrap: wrap; gap: 10px; }
.ecd-chip-list span { padding: 10px 13px; border: 1px solid rgba(81, 208, 226, .18); border-radius: 10px; background: rgba(9, 53, 75, .58); color: #ccebf4; font-size: 13px; font-weight: 650; transition: transform .25s ease, border-color .25s ease, color .25s ease; }
.ecd-chip-list span:hover { transform: translateY(-2px); border-color: rgba(46,230,183,.46); color: #fff; }

.ecd-method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ecd-method-card { position: relative; min-height: 260px; padding: 28px; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 20px; background: var(--ecd-card); transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease; }
.ecd-method-card::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--ecd-blue), var(--ecd-mint)); }
.ecd-method-card::after { content: ""; position: absolute; inset: auto -35% -75% 25%; height: 170px; border-radius: 50%; background: rgba(33, 208, 207, .15); filter: blur(32px); transition: transform .4s ease, opacity .4s ease; }
.ecd-method-card:hover { transform: translateY(-8px); border-color: rgba(78, 222, 226, .42); box-shadow: 0 26px 58px rgba(0, 12, 28, .38); }
.ecd-method-card:hover::after { transform: translateY(-28px); opacity: .95; }
.ecd-method-card .ecd-icon { margin-bottom: 24px; }
.ecd-method-card h3 { position: relative; z-index: 1; margin: 0 0 11px; color: #fff; font-size: 20px; line-height: 1.3; }
.ecd-method-card p { position: relative; z-index: 1; margin: 0; color: #a9cbd9; font-size: 14px; line-height: 1.72; }

.ecd-program-toolbar { margin: 0 auto 38px; max-width: 620px; position: relative; }
.ecd-program-toolbar svg { position: absolute; left: 17px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); fill: none; stroke: #7dc9dc; stroke-width: 1.8; }
.ecd-program-toolbar input { width: 100%; height: 52px; padding: 0 18px 0 49px; border: 1px solid rgba(95,206,236,.22); border-radius: 14px; outline: none; background: rgba(7,44,65,.72); color: #fff; font: inherit; box-shadow: inset 0 1px rgba(255,255,255,.04); transition: border-color .25s ease, box-shadow .25s ease; }
.ecd-program-toolbar input::placeholder { color: #719cae; }
.ecd-program-toolbar input:focus { border-color: rgba(46,230,183,.55); box-shadow: 0 0 0 4px rgba(46,230,183,.08), 0 12px 30px rgba(0,0,0,.2); }
.ecd-program-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 10px; }
.ecd-program-item { position: relative; min-height: 124px; padding: 21px 20px 20px 68px; overflow: hidden; border: 1px solid rgba(89,190,220,.16); border-radius: 16px; background: linear-gradient(145deg, rgba(11,60,83,.72), rgba(5,35,55,.78)); color: #d6edf5; transition: transform .28s ease, border-color .28s ease, background .28s ease, opacity .25s ease; }
.ecd-program-item::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); transition: right .38s ease; }
.ecd-program-item:hover { transform: translateY(-5px); border-color: rgba(60, 220, 214, .39); background: linear-gradient(145deg, rgba(15,81,106,.88), rgba(6,39,61,.88)); }
.ecd-program-item:hover::after { right: 0; }
.ecd-program-item[hidden] { display: none; }
.ecd-program-number { position: absolute; left: 18px; top: 19px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(92,218,242,.22); border-radius: 11px; color: #6ce6e0; background: rgba(13,89,114,.3); font-size: 11px; font-weight: 800; box-shadow: inset 0 1px rgba(255,255,255,.08); }
.ecd-program-item strong { display: block; color: #effcff; font-size: 14px; font-weight: 630; line-height: 1.55; }
.ecd-program-empty { display: none; margin: 28px auto 0; text-align: center; color: var(--ecd-muted); }
.ecd-program-empty.show { display: block; }

.ecd-coordinator-grid { display: grid; grid-template-columns: 310px 1fr; gap: 48px; align-items: stretch; }
.ecd-coordinator-mark { position: relative; min-height: 360px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 24px; background: radial-gradient(circle at 50% 35%, rgba(50,205,210,.22), transparent 34%), linear-gradient(145deg, rgba(13,69,94,.9), rgba(4,31,50,.95)); box-shadow: var(--ecd-shadow); }
.ecd-coordinator-mark::before { content: ""; position: absolute; width: 210px; height: 210px; border: 1px solid rgba(90,220,229,.18); border-radius: 50%; box-shadow: 0 0 0 31px rgba(33,151,184,.05), 0 0 0 63px rgba(33,151,184,.025); animation: ecdPulse 4s ease-in-out infinite; }
.ecd-coordinator-mark svg { position: relative; z-index: 2; width: 84px; height: 84px; fill: none; stroke: #72e6e4; stroke-width: 1.2; }
.ecd-coordinator-copy { padding: 36px 39px; border: 1px solid var(--ecd-line); border-radius: 24px; background: var(--ecd-card); box-shadow: var(--ecd-shadow); }
.ecd-coordinator-copy small { color: #66dcd8; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.ecd-coordinator-copy h3 { margin: 9px 0 20px; color: #fff; font-size: 27px; font-weight: 620; }
.ecd-credentials { margin: 0; padding: 0; display: grid; gap: 11px; list-style: none; }
.ecd-credentials li { position: relative; padding-left: 25px; color: #aed0de; font-size: 14px; line-height: 1.55; }
.ecd-credentials li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border: 2px solid #3ae1be; border-radius: 50%; box-shadow: 0 0 11px rgba(58,225,190,.45); }

.ecd-price-section { background: radial-gradient(circle at 72% 40%, rgba(28, 197, 204, .13), transparent 31%), linear-gradient(180deg, rgba(7,48,70,.52), rgba(3,26,43,0)); }
.ecd-price-card { position: relative; max-width: 940px; min-height: 345px; margin: 0 auto; padding: 34px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(290px, .85fr); gap: 34px; overflow: hidden; border: 1px solid rgba(92,215,236,.27); border-radius: 26px; background: linear-gradient(135deg, rgba(16,76,103,.94), rgba(5,35,55,.96)); box-shadow: 0 30px 80px rgba(0,10,23,.45), inset 0 1px rgba(255,255,255,.07); }
.ecd-price-card::before { content: ""; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: linear-gradient(180deg, var(--ecd-blue), var(--ecd-mint)); }
.ecd-price-card::after { content: ""; position: absolute; width: 310px; height: 310px; right: -120px; bottom: -180px; border-radius: 50%; background: rgba(37,221,202,.18); filter: blur(50px); }
.ecd-price-copy, .ecd-price-buy { position: relative; z-index: 1; }
.ecd-price-copy h3 { margin: 0 0 13px; color: #fff; font-size: 28px; font-weight: 560; }
.ecd-price-copy p { max-width: 590px; margin: 0 0 21px; color: #b7d8e4; font-size: 15px; line-height: 1.7; }
.ecd-price-benefits { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 18px; list-style: none; }
.ecd-price-benefits li { position: relative; padding-left: 22px; color: #d1edf4; font-size: 13px; line-height: 1.5; }
.ecd-price-benefits li::before { content: "✓"; position: absolute; left: 0; color: #36e1bd; font-weight: 850; }
.ecd-price-buy { padding: 28px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(120,221,238,.18); border-radius: 20px; background: rgba(3,27,44,.56); }
.ecd-price-buy small { color: #77c8da; font-size: 11px; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.ecd-price { margin: 8px 0 2px; color: #fff; font-size: 43px; font-weight: 780; line-height: 1; letter-spacing: -.04em; }
.ecd-installments { margin-bottom: 20px; color: #74e1de; font-size: 16px; font-weight: 690; }
.ecd-price-buy .ecd-button { width: 100%; }
.ecd-guarantee { margin-top: 13px; color: #8caebc; font-size: 11px; text-align: center; }
.ecd-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.ecd-plan-card { position: relative; min-height: 390px; padding: 27px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 22px; background: var(--ecd-card); box-shadow: var(--ecd-shadow); transition: transform .32s ease, border-color .32s ease; }
.ecd-plan-card:hover { transform: translateY(-8px); border-color: rgba(68,224,215,.45); }
.ecd-plan-card.featured { border-color: rgba(56, 224, 205, .48); box-shadow: 0 28px 70px rgba(0, 14, 29, .48), 0 0 34px rgba(25,199,198,.08); }
.ecd-plan-tag { align-self: flex-start; padding: 7px 10px; border-radius: 99px; background: rgba(39, 224, 185, .12); color: #64e5d4; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ecd-plan-card h3 { margin: 20px 0 8px; color: #fff; font-size: 22px; font-weight: 620; }
.ecd-plan-card > p { margin: 0 0 18px; color: #9fc4d3; font-size: 13px; line-height: 1.65; }
.ecd-plan-card .ecd-price { margin-top: auto; font-size: 35px; }
.ecd-plan-card .ecd-installments { min-height: 42px; font-size: 14px; }

.ecd-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ecd-related-card { --ecd-related-accent: #35ddd0; --ecd-related-soft: rgba(53,221,208,.2); position: relative; min-height: 210px; padding: 28px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ecd-related-accent) 32%, transparent); border-radius: 22px; background: linear-gradient(145deg, color-mix(in srgb, var(--ecd-related-accent) 14%, #0a3a51), #06263a 70%); color: inherit; text-decoration: none; box-shadow: 0 22px 52px rgba(0,10,23,.27), inset 0 1px rgba(255,255,255,.06); transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease; }
.ecd-related-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -78px; top: -86px; border-radius: 50%; background: var(--ecd-related-soft); filter: blur(5px); transition: transform .45s ease, opacity .45s ease; }
.ecd-related-card::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--ecd-related-accent), #fff0); transition: right .5s ease; }
.ecd-related-card[data-course="antimicrobianos"] { --ecd-related-accent: #ff766f; --ecd-related-soft: rgba(255,118,111,.22); }
.ecd-related-card[data-course="semiologia"] { --ecd-related-accent: #4eacff; --ecd-related-soft: rgba(78,172,255,.22); }
.ecd-related-card[data-course="eletrocardiografia"] { --ecd-related-accent: #ff5f91; --ecd-related-soft: rgba(255,95,145,.22); }
.ecd-related-card[data-course="laboratorio"] { --ecd-related-accent: #28dcc2; --ecd-related-soft: rgba(40,220,194,.22); }
.ecd-related-card[data-course="radiologia"] { --ecd-related-accent: #ffc857; --ecd-related-soft: rgba(255,200,87,.22); }
.ecd-related-card[data-course="antroposofica"] { --ecd-related-accent: #71dc8e; --ecd-related-soft: rgba(113,220,142,.22); }
.ecd-related-card:hover { transform: translateY(-8px); border-color: color-mix(in srgb, var(--ecd-related-accent) 70%, transparent); box-shadow: 0 30px 68px rgba(0,10,23,.38), 0 0 32px var(--ecd-related-soft); }
.ecd-related-card:hover::before { transform: scale(1.28) translate(-8px,8px); opacity: .9; }
.ecd-related-card:hover::after { right: 0; }
.ecd-related-card .ecd-icon { z-index: 1; width: 62px; height: 62px; margin-bottom: 25px; border-color: color-mix(in srgb, var(--ecd-related-accent) 45%, transparent); border-radius: 18px; color: var(--ecd-related-accent); background: color-mix(in srgb, var(--ecd-related-accent) 16%, rgba(3,31,47,.8)); box-shadow: 0 13px 30px var(--ecd-related-soft), inset 0 1px rgba(255,255,255,.1); }
.ecd-related-card .ecd-icon::after { background: var(--ecd-related-accent); box-shadow: 0 0 13px var(--ecd-related-accent); }
.ecd-related-card .ecd-icon svg { width: 31px; height: 31px; stroke-width: 1.75; }
.ecd-related-card h3 { position: relative; z-index: 1; margin: 0; color: #fff; font-size: 19px; line-height: 1.35; }
.ecd-related-card span { position: relative; z-index: 1; width: max-content; margin-top: auto; padding-top: 22px; color: var(--ecd-related-accent); font-size: 13px; font-weight: 780; }
.ecd-related-card span b { display: inline-block; margin-left: 5px; transition: transform .25s ease; }
.ecd-related-card:hover span b { transform: translateX(5px); }

html[data-page="extension-detail"] .section-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
html[data-page="extension-detail"] footer { background: #061b2a; color: #fff; }
html[data-page="extension-detail"] .footer-main { padding: 75px 0 60px; display: grid; grid-template-columns: 300px 1fr; gap: 80px; }
html[data-page="extension-detail"] .footer-brand img { width: 235px; filter: brightness(0) invert(1); opacity: .92; }
html[data-page="extension-detail"] .footer-brand > p { margin: 25px 0; color: #90a8b8; font-size: 15px; line-height: 1.75; }
html[data-page="extension-detail"] .socials { display: flex; gap: 9px; }
html[data-page="extension-detail"] .socials a { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #9bb2c1; transition: background .2s ease, color .2s ease, transform .2s ease; }
html[data-page="extension-detail"] .socials a:hover { transform: translateY(-2px); background: var(--ecd-blue); color: #fff; }
html[data-page="extension-detail"] .footer-links { display: grid; grid-template-columns: repeat(4,1fr); gap: 35px; }
html[data-page="extension-detail"] .footer-links > div { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
html[data-page="extension-detail"] .footer-links h3 { margin: 0 0 21px; color: #fff; font-size: 15px; }
html[data-page="extension-detail"] .footer-links a,
html[data-page="extension-detail"] .footer-links span { display: flex; align-items: center; gap: 7px; color: #9db2bf; font-size: 13px; line-height: 1.5; text-decoration: none; }
html[data-page="extension-detail"] .footer-links a:hover { color: #fff; }
html[data-page="extension-detail"] .footer-links small { margin-top: 8px; color: #7892a1; font-size: 11px; line-height: 1.5; }
html[data-page="extension-detail"] .footer-bottom { border-top: 1px solid rgba(255,255,255,.08); }
html[data-page="extension-detail"] .footer-bottom > div { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #7894a3; font-size: 11px; }
html[data-page="extension-detail"] .floating-contact { position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 48px; padding: 0 17px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg,#00b388,#008e70); color: #fff; font-size: 11px; font-weight: 750; text-decoration: none; box-shadow: 0 15px 35px rgba(0,179,136,.3); transition: transform .25s ease, box-shadow .25s ease; }
html[data-page="extension-detail"] .floating-contact:hover { transform: translateY(-3px); box-shadow: 0 19px 42px rgba(0,179,136,.38); }

html[data-page="extension-detail"][data-theme="light"] body.ecd-page { background: #f5f9fc; color: #153246; }
html[data-page="extension-detail"][data-theme="light"] { --ecd-muted: #587487; --ecd-line: rgba(18,95,125,.15); --ecd-shadow: 0 22px 54px rgba(15,66,93,.1); --ink: #102939; --muted: #667085; --surface: #fff; --surface-soft: #f6f9fc; --border: rgba(16,41,57,.11); --header: rgba(255,255,255,.9); --shadow: 0 22px 60px rgba(8,41,66,.14); }
html[data-page="extension-detail"][data-theme="light"] .ecd-kicker,
html[data-page="extension-detail"][data-theme="light"] .ecd-coordinator-copy small,
html[data-page="extension-detail"][data-theme="light"] .ecd-price-buy small,
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-tag { color: #15546a; }
html[data-page="extension-detail"][data-theme="light"] .ecd-section:nth-of-type(even) { background: #eef6fa; }
html[data-page="extension-detail"][data-theme="light"] .ecd-section-head h2,
html[data-page="extension-detail"][data-theme="light"] .ecd-method-card h3,
html[data-page="extension-detail"][data-theme="light"] .ecd-program-item strong,
html[data-page="extension-detail"][data-theme="light"] .ecd-audience h3,
html[data-page="extension-detail"][data-theme="light"] .ecd-related-card h3 { color: #102f43; }
html[data-page="extension-detail"][data-theme="light"] .ecd-section-head p,
html[data-page="extension-detail"][data-theme="light"] .ecd-copy-panel p,
html[data-page="extension-detail"][data-theme="light"] .ecd-method-card p { color: #587487; }
html[data-page="extension-detail"][data-theme="light"] .ecd-fact,
html[data-page="extension-detail"][data-theme="light"] .ecd-audience,
html[data-page="extension-detail"][data-theme="light"] .ecd-method-card,
html[data-page="extension-detail"][data-theme="light"] .ecd-program-item,
html[data-page="extension-detail"][data-theme="light"] .ecd-related-card { border-color: rgba(18,95,125,.14); background: linear-gradient(145deg,#fff,#f4f9fb); box-shadow: 0 22px 54px rgba(15,66,93,.1); }
html[data-page="extension-detail"][data-theme="light"] .ecd-fact strong { color: #102f43; }
html[data-page="extension-detail"][data-theme="light"] .ecd-copy-panel .ecd-highlight { color: #164158; background: linear-gradient(90deg,rgba(19,181,178,.12),transparent); }
html[data-page="extension-detail"][data-theme="light"] .ecd-chip-list span { color: #27566d; background: #eef7fa; }
html[data-page="extension-detail"][data-theme="light"] .ecd-coordinator-copy { border-color: rgba(18,95,125,.14); background: #fff; box-shadow: 0 22px 54px rgba(15,66,93,.1); }
html[data-page="extension-detail"][data-theme="light"] .ecd-coordinator-copy h3 { color: #102f43; }
html[data-page="extension-detail"][data-theme="light"] .ecd-credentials li { color: #587487; }
html[data-page="extension-detail"][data-theme="light"] .ecd-price-section { background: #eef6fa; }
html[data-page="extension-detail"][data-theme="light"] .ecd-icon { color: #087f95; border-color: rgba(18,137,158,.2); background: linear-gradient(145deg,#e4f8fa,#eff8ff); box-shadow: 0 10px 24px rgba(18,95,125,.1), inset 0 1px #fff; }
html[data-page="extension-detail"][data-theme="light"] .ecd-fact small { color: #33748c; }
html[data-page="extension-detail"][data-theme="light"] .ecd-program-toolbar svg { stroke: #277b94; }
html[data-page="extension-detail"][data-theme="light"] .ecd-program-toolbar input { border-color: rgba(18,95,125,.18); background: #fff; color: #153246; box-shadow: 0 14px 34px rgba(15,66,93,.08); }
html[data-page="extension-detail"][data-theme="light"] .ecd-program-toolbar input::placeholder { color: #7892a1; }
html[data-page="extension-detail"][data-theme="light"] .ecd-program-number { color: #087f95; border-color: rgba(18,137,158,.2); background: #e7f7f8; }
html[data-page="extension-detail"][data-theme="light"] .ecd-program-item:hover { border-color: rgba(20,157,172,.35); background: linear-gradient(145deg,#fff,#eaf7f8); box-shadow: 0 18px 42px rgba(15,66,93,.12); }
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card { border-color: rgba(18,95,125,.15); background: linear-gradient(145deg,#fff,#f1f8fb); box-shadow: 0 22px 54px rgba(15,66,93,.1); }
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card h3,
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card .ecd-price { color: #102f43; }
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card > p { color: #587487; }
html[data-page="extension-detail"][data-theme="light"] .ecd-related-card { border-color: color-mix(in srgb, var(--ecd-related-accent) 35%, #d7e6ec); background: linear-gradient(145deg,#fff 18%,color-mix(in srgb, var(--ecd-related-accent) 10%, #f3f8fb)); box-shadow: 0 20px 48px rgba(15,66,93,.1); }
html[data-page="extension-detail"][data-theme="light"] .ecd-related-card::before { opacity: .62; }
html[data-page="extension-detail"][data-theme="light"] .ecd-related-card .ecd-icon { color: var(--ecd-related-accent); border-color: color-mix(in srgb,var(--ecd-related-accent) 35%,#d8e8ef); background: color-mix(in srgb,var(--ecd-related-accent) 11%,#fff); box-shadow: 0 13px 28px var(--ecd-related-soft); }
html[data-page="extension-detail"][data-theme="light"] .ecd-related-card h3 { color: #102f43; }
html[data-page="extension-detail"][data-theme="light"] footer,
html[data-page="extension-detail"][data-theme="light"] footer * { color-scheme: dark; }

@keyframes ecdFloat { 0%,100% { transform: translateY(0) rotate(1deg); } 50% { transform: translateY(9px) rotate(-1deg); } }
@keyframes ecdPulse { 0%,100% { transform: scale(.96); opacity: .72; } 50% { transform: scale(1.04); opacity: 1; } }

/* Cabeçalho compartilhado: mesmas medidas, tipografia e comportamento da Home. */
@media (min-width: 921px) {
  
  
  
  
  
  
}

@media (max-width: 1100px) {
  
  
  
}

@media (max-width: 900px) {
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

@media (max-width: 1000px) {
  .ecd-hero { min-height: auto; padding-top: 116px; }
  .ecd-hero-grid { grid-template-columns: 1fr; gap: 50px; }
  .ecd-media-wrap { max-width: 760px; }
  .ecd-facts { margin-top: 0; padding-top: 22px; }
  .ecd-program-grid { grid-template-columns: repeat(2, 1fr); }
  .ecd-method-grid, .ecd-plan-grid { grid-template-columns: repeat(2, 1fr); }
  .ecd-method-card:last-child, .ecd-plan-card:last-child { grid-column: 1 / -1; }
  .ecd-about-grid { grid-template-columns: 1fr; gap: 36px; }
  .ecd-coordinator-grid { grid-template-columns: 260px 1fr; gap: 24px; }
  html[data-page="extension-detail"] .footer-main { grid-template-columns: 1fr; gap: 42px; }
}

@media (max-width: 760px) {
  .ecd-shell { width: min(100% - 28px, 1180px); }
  .ecd-section { padding: 72px 0; }
  .ecd-section-head { margin-bottom: 31px; }
  .ecd-section-head h2 { font-size: 26px; }
  .ecd-section-head p { font-size: 15px; }
  .ecd-hero { padding: 105px 0 68px; }
  .ecd-hero h1 { font-size: 42px; }
  .ecd-hero-copy > p { font-size: 16px; }
  .ecd-actions { flex-direction: column; }
  .ecd-button { width: 100%; }
  .ecd-floating-stat { right: 10px; top: -20px; transform: scale(.86); transform-origin: right bottom; }
  .ecd-facts-grid, .ecd-method-grid, .ecd-program-grid, .ecd-plan-grid, .ecd-related-grid { grid-template-columns: 1fr; }
  .ecd-method-card:last-child, .ecd-plan-card:last-child { grid-column: auto; }
  .ecd-fact { min-height: 112px; }
  .ecd-coordinator-grid { grid-template-columns: 1fr; }
  .ecd-coordinator-mark { min-height: 240px; }
  .ecd-coordinator-copy { padding: 27px 24px; }
  .ecd-price-card { min-height: 345px; padding: 24px; grid-template-columns: 1fr; }
  .ecd-price-benefits { grid-template-columns: 1fr; }
  .ecd-price-buy { padding: 23px; }
  html[data-page="extension-detail"] .section-shell { width: min(100% - 28px, 1240px); }
  html[data-page="extension-detail"] .footer-links { grid-template-columns: 1fr 1fr; }
  html[data-page="extension-detail"] .footer-bottom > div { padding-block: 18px; flex-direction: column; align-items: flex-start; justify-content: center; }
}

@media (max-width: 600px) {
  
  
  
}

@media (max-width: 460px) {
  .ecd-hero h1 { font-size: 42px; }
  .ecd-breadcrumb { flex-wrap: wrap; }
  .ecd-media { border-radius: 18px; }
  .ecd-media-wrap::before { inset: -8px; border-radius: 22px; }
  .ecd-floating-stat { display: none; }
  .ecd-program-item { min-height: 112px; }
  html[data-page="extension-detail"] .footer-links { grid-template-columns: 1fr; }
  html[data-page="extension-detail"] .floating-contact span { display: none; }
  html[data-page="extension-detail"] .floating-contact { width: 50px; min-height: 50px; padding: 0; justify-content: center; border-radius: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-page="extension-detail"] { scroll-behavior: auto; }
  .ecd-floating-stat, .ecd-coordinator-mark::before { animation: none; }
  .ecd-button, .ecd-fact, .ecd-method-card, .ecd-program-item, .ecd-plan-card, .ecd-related-card, .ecd-media img { transition: none; }
  .ecd-page .reveal { opacity: 1; transform: none; transition: none; }
}