:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#05111c;color:#edf8ff}*{box-sizing:border-box}body{margin:0;background:#05111c;line-height:1.65}a{color:#73ebef;text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;inset-inline-start:1rem;top:-4rem;background:#fff;color:#00131e;padding:.55rem .8rem;z-index:20}.skip-link:focus{top:1rem}.seo-header,.seo-footer,main{width:min(1160px,calc(100% - 2.5rem));margin:auto}.seo-header{min-height:78px;display:flex;align-items:center;gap:1rem;justify-content:space-between}.seo-brand{display:inline-flex;align-items:center;gap:.65rem;color:#fff;font-weight:800;font-size:1.25rem}.seo-brand img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:5px}.seo-header nav{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center}.seo-header nav a,.locale-link{font-weight:700;color:#d8edf4}.locale-link{border:1px solid #476a78;padding:.25rem .65rem;border-radius:4px}.seo-hero{padding:5rem 0 3rem;max-width:820px}.seo-hero h1{font-size:clamp(2.1rem,5vw,4.8rem);line-height:1.08;letter-spacing:0;margin:.4rem 0 1rem}.seo-hero p{font-size:1.14rem;color:#c5dce8}.seo-kicker{color:#65ecdc;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 0 3rem}.seo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-card,.answer-block,.contact-form,.catalog-toolbar,.catalog-family{border:1px solid #234a5a;background:rgba(7,29,42,.8);border-radius:7px}.seo-card{padding:1.25rem}.seo-card h2,.answer-block h2{line-height:1.25;margin:.2rem 0 .65rem;font-size:1.2rem}.seo-card p,.answer-block p{color:#c5dce8}.answer-block,.contact-form{margin:1rem 0 2rem;padding:clamp(1.25rem,3vw,2.5rem)}.seo-button{display:inline-flex;border:0;border-radius:4px;background:#28d8d1;color:#01212b;font-weight:800;padding:.7rem 1rem;cursor:pointer}.catalog-toolbar{display:flex;gap:1rem;align-items:end;justify-content:space-between;padding:1rem;margin:1rem 0}.catalog-toolbar label{display:grid;gap:.4rem;flex:1;font-weight:700}.catalog-toolbar input,.contact-form input,.contact-form textarea{width:100%;background:#061824;border:1px solid #476a78;color:#fff;border-radius:4px;padding:.7rem;font:inherit}.catalog-list{display:grid;gap:.75rem;margin:1rem 0 2rem}.catalog-family{padding:0}.catalog-family summary{cursor:pointer;padding:1rem;display:grid;grid-template-columns:4rem 1fr auto;gap:.8rem;align-items:center}.catalog-family summary span{color:#65ecdc;font-weight:800}.catalog-family summary em{font-style:normal;color:#adc5d0;font-size:.85rem}.catalog-family p{padding:0 1rem 1rem;margin:0;color:#c5dce8}.seo-faq{display:grid;gap:.4rem}.seo-faq dt{font-weight:800}.seo-faq dd{margin:0 0 .8rem;color:#c5dce8}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-form label{display:grid;gap:.35rem;font-weight:700}.contact-form .full{grid-column:1/-1}.contact-form .honeypot{position:absolute;left:-10000px}.form-status{min-height:1.5rem}.form-note{color:#adc5d0;font-size:.9rem}.seo-footer{border-top:1px solid #234a5a;margin-top:5rem;padding:2.5rem 0 1rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.seo-footer h2{font-size:1rem;margin:0 0 .5rem}.seo-footer a{display:block}.social-links{display:flex;gap:.5rem}.social-links a{width:2.3rem;height:2.3rem;display:grid;place-items:center;border:1px solid #476a78;border-radius:50%;font-weight:800}.social-links a svg{width:1.15rem;height:1.15rem;display:block}.social-links a:hover{background:#28d8d1;color:#01212b;text-decoration:none}.seo-copyright{grid-column:1/-1;color:#adc5d0;margin:0}.whatsapp-float{position:fixed;inset-inline-end:1rem;bottom:1rem;width:3.5rem;height:3.5rem;border-radius:50%;background:#25d366;color:#042914;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 24px #0008}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.seo-header{padding:.75rem 0;align-items:flex-start}.seo-header nav{order:3;width:100%;justify-content:flex-start;font-size:.88rem;gap:.75rem}.seo-grid,.seo-grid.two,.seo-footer{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.catalog-family summary{grid-template-columns:3.4rem 1fr}.catalog-family summary em{grid-column:2}.seo-hero{padding:3.5rem 0 2rem}}
:root {
  --page: #05111c; --surface: #0b1d2c; --ink: #edf8ff; --muted: #b5cbd9;
  --line: #345364; --link: #73ebef; --accent: #65ecdc; --button: #28d8d1; --button-ink: #01212b;
  --form-surface: #0b1d2c; --form-ink: #f4fbff; --form-muted: #b5cbd9; --form-border: #7896aa; --form-focus: #69e0ed;
  background: var(--page); color: var(--ink);
}
:root[data-theme="light"] {
  color-scheme: light;
  --page: #f4f7f9; --surface: #ffffff; --ink: #123247; --muted: #486174;
  --line: #b8c8d2; --link: #005a8c; --accent: #006964; --button: #006964; --button-ink: #ffffff;
  --form-surface: #ffffff; --form-ink: #123247; --form-muted: #486174; --form-border: #668094; --form-focus: #005cb9;
}
* { letter-spacing: 0; }
body { background: var(--page); color: var(--ink); }
a { color: var(--link); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--form-focus); outline-offset: 3px; }
h1, h2, p, a, strong { overflow-wrap: anywhere; }
.seo-header { flex-wrap: wrap; }
.seo-brand, .seo-header nav a, .locale-link { color: var(--ink); }
.seo-tools { display: flex; gap: .5rem; }
.locale-link { display: grid; place-items: center; min-width: 44px; min-height: 44px; border-color: var(--form-border); background: var(--surface); font: inherit; cursor: pointer; }
.seo-breadcrumbs { margin-top: 1.5rem; font-size: .9rem; color: var(--muted); }
.seo-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 0; list-style: none; }
.seo-breadcrumbs li + li::before { content: "/"; margin-inline-end: .5rem; }
.seo-hero { padding: 3rem 0; }
.seo-hero h1 { font-size: 3.5rem; line-height: 1.16; }
.seo-hero p, .seo-card p, .answer-block p, .catalog-family p, .catalog-family summary em, .seo-faq dd, .seo-copyright { color: var(--muted); }
.seo-kicker, .catalog-family summary span { color: var(--accent); }
.seo-card, .contact-form, .catalog-family { border-color: var(--line); background: var(--surface); min-width: 0; }
.answer-block { padding-inline: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.seo-button { background: var(--button); color: var(--button-ink); font: inherit; font-weight: 800; }
.catalog-toolbar { padding-inline: 0; border: 0; border-radius: 0; background: transparent; }
.catalog-toolbar label { min-width: 0; }
.catalog-toolbar label, .contact-form label { color: var(--form-ink); }
.catalog-toolbar input, .contact-form input, .contact-form textarea {
  min-width: 0; color: var(--form-ink); caret-color: var(--form-ink); background: var(--form-surface); border-color: var(--form-border);
}
.catalog-toolbar input::placeholder, .contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--form-muted); opacity: 1; }
.catalog-toolbar input:focus, .contact-form input:focus, .contact-form textarea:focus { border-color: var(--form-focus); outline: 2px solid var(--form-focus); outline-offset: 2px; }
.contact-form input:-webkit-autofill, .contact-form textarea:-webkit-autofill { -webkit-text-fill-color: var(--form-ink); box-shadow: 0 0 0 1000px var(--form-surface) inset; }
.catalog-family summary { grid-template-columns: 4rem minmax(0, 1fr) auto; }
.contact-form .honeypot { left: auto; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.form-status { color: var(--form-ink); }
.form-note { color: var(--form-muted); }
.seo-related { display: flex; flex-wrap: wrap; gap: 1rem; padding-block: 1.5rem; border-top: 1px solid var(--line); }
.seo-footer { border-color: var(--line); }
.seo-footer .seo-brand { display: inline-flex; font-size: 1.1rem; }
.seo-footer .seo-brand img { width: 28px; height: 28px; }
.social-links { flex-wrap: wrap; }
.social-links a { border-color: var(--form-border); }
.social-links a:hover { background: var(--button); color: var(--button-ink); }
@media (max-width: 760px) {
  .seo-header { align-items: center; }
  .catalog-family summary { grid-template-columns: 3.4rem minmax(0, 1fr); }
  .seo-hero { padding: 2rem 0; }
  .seo-hero h1 { font-size: 2.1rem; }
}
[hidden] { display: none !important; }