/* Praia Digital app network: scoped, no calculation or storage behavior */
[data-pd-app] { background:#fff; }
[data-pd-app] > header { background:#0e7c7b; color:#fff; }
[data-pd-app] > header a { color:#fff; text-decoration:underline; }
.pd-skip { position:absolute; left:1rem; top:-8rem; z-index:1000; padding:12px 16px; background:#fff; color:#063f40; border:2px solid #063f40; }
.pd-skip:focus { top:1rem; }
.pd-network-nav,.pd-network,.pd-guide { box-sizing:border-box; width:calc(100% - 32px); max-width:960px; margin:24px auto; padding:20px; background:#fff; color:#142f32; border:1px solid #cbd5d6; border-radius:16px; line-height:1.6; text-align:left; overflow-wrap:anywhere; }
.pd-network-nav a,.pd-network a,.pd-guide a { color:#075b5c; text-decoration:underline; text-underline-offset:.2em; }
.pd-network-nav ul { display:flex; flex-wrap:wrap; gap:8px 20px; list-style:none; padding:0; margin:0; }
.pd-network h2,.pd-guide h2 { font-size:1.35rem; margin:0 0 12px; }
.pd-network details,.pd-guide details { margin-top:12px; border-top:1px solid #cbd5d6; padding-top:12px; }
.pd-network summary,.pd-guide summary { cursor:pointer; font-weight:700; min-height:44px; }
.pd-network-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:12px; list-style:none; padding:0; margin:16px 0; }
.pd-network-grid a { display:flex; align-items:center; min-height:44px; padding:10px 12px; border:1px solid #cbd5d6; border-radius:10px; }
.pd-network-note { font-size:.9rem; color:#3e5658; }
.pd-guide ol { padding-left:1.5rem; }
.pd-guide li { margin:8px 0; }
[data-pd-app] :focus-visible,.pd-network :focus-visible,.pd-guide :focus-visible,.pd-network-nav :focus-visible { outline:3px solid #0e7c7b; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { [data-pd-app] * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media print { .pd-skip,.pd-network-nav,.pd-network { display:none; } }

/* Home journeys: explicit responsive two-column grid. */
#jornadas-apps .grid.g2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:640px) { #jornadas-apps .grid.g2 { grid-template-columns:minmax(0,1fr); } }