/* Estilo exclusivo de la guía marítima; ninguna plantilla compartida cambia. */
.doc a { text-decoration:underline; text-underline-offset:3px; }
.doc a:focus-visible,.doc summary:focus-visible { outline:3px solid #175f92; outline-offset:4px; }
.doc code,.doc li { overflow-wrap:anywhere; }
.doc :is(h2,h3) { scroll-margin-top:140px; }
.doc .lede,.doc .meta-line,.doc .sea-caption { color:#59574e; }
.doc .sea-jump { display:flex; flex-wrap:wrap; gap:12px 24px; margin:24px 0; }
.doc .sea-panel { border:1px solid #cbc3b3; border-top:4px solid #1a5260; background:#fffdf7; border-radius:8px; padding:clamp(18px,4vw,28px); margin:26px 0; }
.doc .sea-panel h2 { margin-top:8px; }
.doc .sea-kicker { color:#1a5260; font-weight:700; font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; }
.doc .sea-total { display:flex; flex-direction:column; gap:6px; padding:14px 0; }
.doc .sea-total strong { color:#1a5260; font-size:clamp(2.4rem,8vw,3.6rem); line-height:1.1; font-variant-numeric:tabular-nums; }
.doc .sea-row { margin:20px 0; }
.doc .sea-row > span:first-child { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; }
.doc .sea-row b { font-variant-numeric:tabular-nums; color:#1a5260; }
.doc .sea-track { display:block; background:#ddd9cd; height:12px; margin-top:8px; }
.doc .sea-track > span { display:block; height:100%; background:#1a5260; }
.doc .sea-caption { font-size:.86rem; }
.doc .sea-note { border-left:3px solid #1a5260; padding:12px 16px; background:#eef1ed; color:#34362e; }
.doc .sea-cards { list-style:none; counter-reset:ficha; padding:0; }
.doc .sea-cards > li { counter-increment:ficha; border:1px solid #cbc3b3; border-radius:8px; padding:20px; margin:16px 0; background:#fffdf7; }
.doc .sea-cards h3 { margin:0 0 12px; }
.doc .sea-cards h3::before { content:counter(ficha) " / "; color:#1a5260; font-family:monospace; }
.doc .sea-prompt { padding-top:12px; border-top:1px solid #d6cebf; }
.doc .sea-sources { font-size:.9rem; }
@media(max-width:540px) { .doc .sea-jump { display:grid; gap:12px; } .doc .sea-row > span:first-child { display:grid; gap:4px; } }