:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172238;background:#f7f9fc;font-synthesis:none;--ink:#142238;--sub:#4b5c72;--line:#dfe6ed;--blue:#0c6da8;--accent:#008c9e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.hero{padding:88px 24px 52px;text-align:center;background:radial-gradient(circle at 50% 0,#e6f8fb,transparent 64%),linear-gradient(#fafdff,#f7f9fc)}.eyebrow{color:#187799;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:780;margin:0 0 16px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-.055em;max-width:900px;margin:0 auto 21px;font-weight:860;text-wrap:balance}.lead{font-size:clamp(16px,2vw,19px);line-height:1.65;color:#4c6074;max-width:760px;margin:0 auto}.hero-mark{display:flex;justify-content:center;align-items:center;gap:10px;margin:32px auto 0;color:#387a95;font-size:11px;font-weight:800}.hero-mark span{display:grid;place-items:center;border:1px solid #b9dbe2;background:#fff;width:36px;height:36px;border-radius:50%}.hero-mark i{height:1px;width:35px;background:#b9dbe2}.page-layout{max-width:920px;margin:0 auto;padding:18px 24px 80px}.content{min-width:0}.section{margin:47px 0 0;scroll-margin-top:22px}.section-top{margin-top:0}.section-heading{font-size:clamp(24px,3.4vw,31px);letter-spacing:-.035em;line-height:1.28;margin:0 0 16px}.subsection-heading{font-size:21px;margin:35px 0 10px}.copy{font-size:16px;color:#42546c;margin:0;line-height:1.85}.notice{display:flex;gap:17px;align-items:start;border:1px solid #bcdfeb;border-inline-start:4px solid #0d86aa;border-radius:14px;background:#eff9fc;padding:23px 25px}.notice-icon{flex-shrink:0;display:grid;place-items:center;background:#e0f1f7;border-radius:50%;width:34px;height:34px;font-size:22px;color:#07718a}.notice h2{font-size:19px;line-height:1.3;margin:0 0 7px}.notice p{margin:0;color:#375a6c}.steps{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:11px}.steps li{display:flex;align-items:start;gap:17px;padding:19px 21px;border:1px solid var(--line);border-radius:13px;background:white;box-shadow:0 4px 20px #1e3d5910}.step-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#e8f6f9;color:#087891;font-size:13px;font-weight:800}.steps p{margin:1px 0;color:#394d63}.doc-card-list{display:grid;gap:15px}.doc-card{display:flex;gap:19px;background:#fff;border:1px solid var(--line);padding:25px 25px;border-radius:16px}.doc-symbol{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:13px;background:#e8f5fa;color:#027da2;font-weight:800;font-size:29px;line-height:1}.doc-card h3{font-size:19px;line-height:1.3;margin:0 0 7px}.doc-card p{color:#526278;margin:0;line-height:1.75}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:27px}.audience-card h2{font-size:21px;line-height:1.3;margin:0 0 12px}.audience-card p{margin:0;color:#516177;line-height:1.78}.ending{margin:52px 0 0;border-radius:18px;padding:38px 40px;background:linear-gradient(120deg,#0c2340,#104569);color:white;text-align:center}.ending h2{font-size:clamp(24px,3vw,31px);line-height:1.25;margin:0 0 11px}.ending p{font-size:16px;max-width:600px;margin:0 auto 23px;color:#d4e8f3}.ending-logo{font-weight:800;color:#7ce4ea}.site-footer{border-top:1px solid var(--line);max-width:1120px;margin:auto;padding:26px 24px 38px;display:flex;justify-content:space-between;gap:12px;color:#5f7084;font-size:13px}.site-footer a{font-weight:750;color:#173f62}html[dir="rtl"] .notice{direction:rtl}html[dir="rtl"] .steps,html[dir="rtl"] .doc-card{direction:rtl;text-align:right}html[dir="rtl"] .audience-card{text-align:right}@media(max-width:680px){.hero{padding:63px 20px 31px}.page-layout{padding:15px 17px 55px}.notice,.doc-card{padding:20px 18px;gap:12px}.steps li{padding:15px 13px;gap:11px}.audience-grid{grid-template-columns:1fr}.ending{padding:32px 18px}.site-footer{flex-direction:column}}@media print{.mcc-doc-bar,.site-footer{display:none}.hero{padding:10px 0 30px}.page-layout{max-width:none;padding:0}.section,.doc-card,.notice,.audience-card{break-inside:avoid}.ending{background:white;color:black;border:1px solid #999}.ending p{color:#333}body{background:white}}
/* La barra de las demás guías de documentación (#157, 2026-10-13). */
.mcc-doc-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px max(16px,calc((100vw - 1260px)/2));background:#000;border-bottom:1px solid #1f2937}.mcc-doc-marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}.mcc-doc-marca img{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff}.mcc-doc-bar nav{display:flex;gap:16px;flex-wrap:wrap}.mcc-doc-bar nav a{color:#cbd5e1;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}.mcc-doc-bar nav a:hover{color:#fff}

/* En el móvil, dos filas: la marca con la bandera del idioma arriba y los enlaces debajo (la bandera la añade
   site-language.js al final del <header>, en .mc-language-nav-actions). */
@media(max-width:600px){.mcc-doc-bar{row-gap:6px}.mcc-doc-bar .mc-language-nav-actions{order:1;margin-inline-start:auto}.mcc-doc-bar nav{order:2;flex-basis:100%;gap:4px 14px}}