.privacy-guide {
 --bg:var(--paper);--surface:var(--card);--tint:var(--soft);--ink-soft:var(--muted);
 --accent:var(--olive);--accent-soft:#eaf5ee;--sand:#e7ce8a;--ok:#23755e;--ok-soft:#e6f2eb;
 --warn:#835711;--warn-soft:#fbf1da;--bad:#a43d32;--bad-soft:#f8e7e3;
 --display:Georgia,serif;--body:Arial,sans-serif;--r:14px;
}
.privacy-guide .wrap{max-width:1040px;margin:0 auto;padding:0 20px}.privacy-guide h1,.privacy-guide h2,.privacy-guide h3{font-family:var(--display);line-height:1.12;text-wrap:balance;margin:0}.privacy-guide h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em}.privacy-guide h2{font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700}.privacy-guide h3{font-size:1.15rem;font-weight:700}.privacy-guide p{margin:0}.privacy-guide .lead{font-size:1.15rem;color:var(--ink-soft);max-width:62ch}.privacy-guide nav.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.privacy-guide nav.top .wrap{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-top:10px;padding-bottom:10px}.privacy-guide nav.top .brand{font-family:var(--display);font-weight:800;margin-right:auto;white-space:nowrap}.privacy-guide nav.top a{white-space:nowrap;text-decoration:none;color:var(--ink);font-size:.92rem;padding:6px 12px;border-radius:999px}.privacy-guide nav.top a:hover{background:var(--tint)}.privacy-guide header.hero{padding:48px 0 28px}.privacy-guide header.hero .wrap{display:grid;gap:16px}.privacy-guide .pill{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;padding:5px 12px;border-radius:999px;background:var(--tint);color:var(--ink-soft);width:fit-content}.privacy-guide .pill b{color:var(--ink)}.privacy-guide section{padding:36px 0}.privacy-guide .sec-head{display:grid;gap:8px;margin-bottom:22px}.privacy-guide .kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700}.privacy-guide .sim{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:20px}
@media (max-width:820px){.privacy-guide .sim{grid-template-columns:1fr}}.privacy-guide .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}.privacy-guide .ctl{display:grid;gap:8px;margin-bottom:18px}.privacy-guide .ctl:last-child{margin-bottom:0}.privacy-guide .ctl-label{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.privacy-guide .seg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.privacy-guide .seg.four{grid-template-columns:repeat(2,1fr)}.privacy-guide .seg button{font:inherit;font-size:.95rem;padding:10px 8px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;font-weight:700}.privacy-guide .seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.privacy-guide .seg button:hover:not([aria-pressed="true"]){border-color:var(--ink-soft)}.privacy-guide .switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:var(--tint)}.privacy-guide .switch[hidden]{display:none}.privacy-guide .switch label{font-size:.95rem;cursor:pointer}.privacy-guide .switch small{display:block;color:var(--ink-soft);font-size:.8rem}.privacy-guide .tog{appearance:none;width:48px;height:28px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;flex:none;transition:background .2s}.privacy-guide .tog::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}.privacy-guide .tog:checked{background:var(--accent)}.privacy-guide .tog:checked::after{transform:translateX(20px)}.privacy-guide .tog:disabled{opacity:.45;cursor:not-allowed}.privacy-guide select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.privacy-guide .results{display:grid;gap:16px}.privacy-guide .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:560px){.privacy-guide .tiles{grid-template-columns:1fr}}.privacy-guide .tile{border-radius:12px;padding:16px;background:var(--surface);border:1px solid var(--line);display:grid;gap:6px;align-content:start}.privacy-guide .tile .q{font-size:.82rem;color:var(--ink-soft);font-weight:700}.privacy-guide .tile .a{font-family:var(--display);font-size:1.45rem;font-weight:800;line-height:1.15}.privacy-guide .tile .d{font-size:.9rem;color:var(--ink-soft)}.privacy-guide .chip{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;width:fit-content}.privacy-guide .chip.ok{background:var(--ok-soft);color:var(--ok)}.privacy-guide .chip.warn{background:var(--warn-soft);color:var(--warn)}.privacy-guide .chip.bad{background:var(--bad-soft);color:var(--bad)}.privacy-guide .timeline{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 18px 12px}.privacy-guide .timeline .q{font-size:.82rem;color:var(--ink-soft);font-weight:700;margin-bottom:14px}.privacy-guide .track{position:relative;height:14px;border-radius:999px;background:var(--tint);margin:0 8px}.privacy-guide .fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--ok),var(--warn) 55%,var(--bad));transition:width .5s ease}.privacy-guide .ticks{position:relative;height:62px;margin:0 8px}.privacy-guide .tick.low{top:26px}.privacy-guide .tick.low::before{height:28px}.privacy-guide .tick.end{transform:translateX(-100%);text-align:right}.privacy-guide .tick.end::before{margin:0 0 4px auto}.privacy-guide .tick{position:absolute;top:6px;transform:translateX(-50%);font-size:.75rem;color:var(--ink-soft);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.privacy-guide .tick::before{content:"";display:block;width:1px;height:8px;background:var(--line);margin:0 auto 4px}.privacy-guide .tick.on{color:var(--ink);font-weight:700}.privacy-guide .tick.on::before{background:var(--ink)}.privacy-guide .note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--warn-soft);color:var(--ink)}.privacy-guide .note .ico{flex:none;width:28px;height:28px;border-radius:50%;background:var(--warn);color:var(--surface);display:grid;place-items:center;font-weight:800;font-family:var(--display)}.privacy-guide .path{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.95rem}.privacy-guide .path .step{background:var(--tint);padding:6px 10px;border-radius:8px;font-weight:700}.privacy-guide .path .sep{color:var(--ink-soft)}.privacy-guide .journey{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}
@media (max-width:820px){.privacy-guide .journey{grid-template-columns:repeat(3,1fr)}}
@media (max-width:440px){.privacy-guide .journey{grid-template-columns:repeat(2,1fr)}}.privacy-guide .jstep{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px;display:grid;gap:6px;position:relative}.privacy-guide .jstep .n{font-family:var(--display);font-weight:800;font-size:.85rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tint)}.privacy-guide .jstep .t{font-weight:700;font-size:.92rem;line-height:1.25}.privacy-guide .jstep .tag{font-size:.72rem}.privacy-guide .jstep[aria-selected="true"]{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}.privacy-guide .jstep[aria-selected="true"] .n{background:var(--ink);color:var(--bg)}.privacy-guide .jdetail{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
@media (max-width:700px){.privacy-guide .jdetail{grid-template-columns:1fr}}.privacy-guide .jdetail .panel p+p{margin-top:10px}.privacy-guide .control-box{background:var(--ink);color:var(--bg);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start}.privacy-guide .control-box .k{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sand);font-weight:700}.privacy-guide .quiz{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:700px){.privacy-guide .quiz{grid-template-columns:1fr}}.privacy-guide .qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:12px;align-content:start}.privacy-guide .qcard .stmt{font-weight:700;font-size:1.02rem}.privacy-guide .qbtns{display:flex;gap:8px}.privacy-guide .qbtns button{font:inherit;font-weight:700;flex:1;padding:9px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.privacy-guide .qbtns button:hover:not(:disabled){border-color:var(--ink)}.privacy-guide .qbtns button:disabled{cursor:default}.privacy-guide .qbtns button.right{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.privacy-guide .qbtns button.wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.privacy-guide .qfb{font-size:.93rem;color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:10px}.privacy-guide .qfb b{color:var(--ink)}.privacy-guide .score{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.privacy-guide .score .big{font-family:var(--display);font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.privacy-guide .btn{font:inherit;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.privacy-guide .btn:hover{background:var(--ink);color:var(--bg)}.privacy-guide .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.privacy-guide .tabs button{font:inherit;font-weight:700;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;gap:8px;align-items:center}.privacy-guide .tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.privacy-guide .tabs .cnt{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.8}.privacy-guide .check{display:grid;grid-template-columns:1fr 220px;gap:16px}
@media (max-width:700px){.privacy-guide .check{grid-template-columns:1fr}}.privacy-guide .list{display:grid;gap:8px}.privacy-guide .item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.privacy-guide .item input{width:20px;height:20px;margin-top:2px;accent-color:var(--ok);flex:none;cursor:pointer}.privacy-guide .item.done{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.privacy-guide .item.done span{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 40%,transparent)}.privacy-guide .item small{display:block;color:var(--ink-soft);font-size:.84rem;text-decoration:none}.privacy-guide .progress{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;justify-items:center;gap:10px;align-content:start;text-align:center}.privacy-guide .ring{width:130px;height:130px}.privacy-guide .ring circle{fill:none;stroke-width:12}.privacy-guide .ring .bgc{stroke:var(--tint)}.privacy-guide .ring .fgc{stroke:var(--ok);stroke-linecap:round;transition:stroke-dashoffset .4s}.privacy-guide .ring text{font-family:var(--display);font-weight:800;font-size:28px;fill:var(--ink)}.privacy-guide .corp{margin-top:16px;padding:16px 18px;border-radius:var(--r);background:var(--accent-soft);display:flex;gap:12px;align-items:center}.privacy-guide .corp b{color:var(--accent)}.privacy-guide footer{padding:36px 0 56px;border-top:1px solid var(--line);margin-top:20px}.privacy-guide footer ul{padding-left:18px;margin:10px 0 0;display:grid;gap:4px;font-size:.92rem}.privacy-guide footer p{font-size:.9rem;color:var(--ink-soft);max-width:70ch}

.privacy-guide [hidden]{display:none!important}
.privacy-guide .wrap{max-width:1480px;padding-inline:40px}
.privacy-guide header.hero{display:block;padding:34px 0 26px}
.privacy-guide header.hero .wrap{display:grid;gap:16px}
.privacy-guide h1{font:400 clamp(34px,4.5vw,60px)/1.1 Georgia,serif;letter-spacing:-1.6px;margin:0;max-width:24ch}
.privacy-guide h2{font:400 clamp(27px,3vw,38px)/1.17 Georgia,serif;margin:0}
.privacy-guide h3{font:400 23px/1.25 Georgia,serif;margin:0}
.privacy-guide p{margin:0}
.privacy-guide .lead{font-size:18px;line-height:1.65;max-width:72ch;color:var(--muted)}
.privacy-guide nav.top{position:static;background:var(--soft);backdrop-filter:none}
.privacy-guide nav.top .wrap{flex-wrap:wrap;overflow:visible;gap:4px}
.privacy-guide nav.top .brand{display:none}
.privacy-guide nav.top a{font-size:14px;min-height:44px;display:flex;align-items:center}
.privacy-guide .sec-head{max-width:78ch}
.privacy-guide .sim{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
.privacy-guide .sim>*{min-width:0}
.privacy-guide .tile .a{font-size:clamp(21px,2vw,28px);font-weight:400}
.privacy-guide .panel p+p{margin-top:12px}
.privacy-guide .switch{flex-wrap:wrap}
.privacy-guide .switch label{flex:1;min-width:145px}
.privacy-guide button,.privacy-guide input,.privacy-guide select{scroll-margin-block:30px}
.privacy-guide .jstep{min-width:0}
.privacy-guide .corp{flex-wrap:wrap;align-items:start}
.privacy-guide .timeline p{font-size:15px;color:var(--muted)}
.privacy-guide .sources{border-top:1px solid var(--line)}
.privacy-guide .sources ul{padding-left:22px;display:grid;gap:10px}
.privacy-guide .sources a{text-underline-offset:3px}
.privacy-guide .storage-note{font-size:14px;color:var(--muted);margin-bottom:14px}
.privacy-guide .reference-content{margin-inline:40px}
.privacy-guide section{scroll-margin-top:20px}
@media(max-width:1000px){.privacy-guide .sim{grid-template-columns:1fr}.privacy-guide .wrap{padding-inline:24px}}
@media(max-width:560px){.privacy-guide .wrap{padding-inline:18px}.privacy-guide section{padding-block:26px}.privacy-guide .panel{padding:16px}.privacy-guide .reference-content{margin-inline:18px}.privacy-guide .pill{border-radius:10px}.privacy-guide .tile .a{font-size:25px}.privacy-guide .progress{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.privacy-guide .ring{grid-row:1/4;width:100px;height:100px}.privacy-guide .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){.privacy-guide *{transition:none!important}}

/* A companion to follow while switching between the guide and the assistant. */
.privacy-guide .review-start{width:fit-content;display:inline-flex;align-items:center;gap:16px;text-decoration:none;background:var(--ink);color:var(--bg)}
.privacy-guide .check-heading{margin-bottom:16px}
.privacy-guide :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:700px){
 .privacy-guide nav.top .wrap{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}
 .privacy-guide nav.top a{flex:none}
 .privacy-guide .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .privacy-guide .tabs button{justify-content:center;min-height:48px;padding:10px 8px}
 .privacy-guide .review-start{width:100%;box-sizing:border-box;justify-content:space-between;border-radius:12px;min-height:52px}
 .privacy-guide .item{min-height:52px;box-sizing:border-box;align-items:center}
 .privacy-guide .item small{margin-top:4px;line-height:1.5}
 .privacy-guide .switch{position:relative;padding-right:72px;min-height:56px}
 .privacy-guide .switch .tog{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0}
 .privacy-guide #sw-auto-row{padding-right:12px}
 .privacy-guide .switch label{min-width:0}
 .privacy-guide .seg button,.privacy-guide .qbtns button{min-height:48px}
}

/* Reading companion: scoped to this guide. */
.privacy-guide .reference-content{max-width:1400px;margin:32px auto 0;padding:40px 40px 32px;box-sizing:content-box;display:grid;gap:32px;line-height:1.65}
.privacy-guide .reference-intro{display:grid;gap:12px;max-width:80ch}
.privacy-guide .reference-content h2{margin:0;max-width:32ch}
.privacy-guide .reference-content h3{margin:0;color:var(--ink)}
.privacy-guide .concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.privacy-guide .concept-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:12px;align-content:start}
.privacy-guide .concept-question{font-size:13px;font-weight:700;color:var(--accent)}
.privacy-guide .concept-card h3{font-size:27px}
.privacy-guide .reference-takeaway{padding:18px 22px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;color:var(--ink);max-width:none}
.privacy-guide .reference-context{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.privacy-guide .reference-block{display:grid;gap:16px;min-width:0}
.privacy-guide .reference-activities{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.privacy-guide .reference-activities a{height:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--surface);font-weight:600}
.privacy-guide .reference-activities small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:4px}
.privacy-guide .reference-scope{padding:24px;background:var(--tint);border-radius:var(--r);display:grid;gap:12px}
.privacy-guide .reference-scope a{width:fit-content;color:var(--ink);text-underline-offset:4px;font-weight:600;padding-block:8px}
.privacy-guide .reference-faq{gap:12px}
.privacy-guide .reference-faq details{background:var(--surface);padding:0 22px;border-radius:12px}
.privacy-guide .reference-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:64px;padding:12px 0;box-sizing:border-box;color:var(--ink);line-height:1.5}
.privacy-guide .reference-faq summary::-webkit-details-marker{display:none}
.privacy-guide .reference-faq summary::after{content:'+';font-size:25px;font-weight:400;flex:none;color:var(--accent)}
.privacy-guide .reference-faq details[open] summary::after{content:'−'}
.privacy-guide .reference-faq details[open] summary{border-bottom:1px solid var(--line)}
.privacy-guide .reference-faq details p{padding:16px 0 20px;max-width:80ch}
.privacy-guide .reference-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.privacy-guide .reference-links a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);text-decoration:none}
.privacy-guide .related-category{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}
.privacy-guide .related-title{font:400 23px/1.3 Georgia,serif}
.privacy-guide .related-action{font-size:14px;font-weight:600;margin-top:auto;padding-top:8px;text-decoration:underline;text-underline-offset:4px}
.privacy-guide .reference-links a:hover,.privacy-guide .reference-activities a:hover{border-color:var(--accent);background:var(--tint)}
.privacy-guide .reference-content :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}
.privacy-guide .reference-byline{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin:0;padding-top:20px;font-size:13px}
.privacy-guide .reference-byline a{color:var(--ink);text-underline-offset:3px}
@media(max-width:1000px){.privacy-guide .reference-content{padding-inline:24px}.privacy-guide .reference-context{grid-template-columns:1fr}.privacy-guide .concept-card{padding:20px}}
@media(max-width:700px){.privacy-guide .concept-grid,.privacy-guide .reference-links{grid-template-columns:1fr}.privacy-guide .reference-content{gap:26px}.privacy-guide .reference-links a{gap:8px}.privacy-guide .reference-byline{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.privacy-guide .reference-content{margin-inline:0;padding:28px 18px}.privacy-guide .reference-activities{grid-template-columns:1fr}.privacy-guide .reference-scope{padding:20px}.privacy-guide .reference-faq details{padding-inline:16px}}

/* Ajustes arriba y consecuencias debajo, en el orden de lectura. */
.privacy-guide .sim{grid-template-columns:minmax(0,1fr)}
.privacy-guide .settings-panel{display:grid;gap:20px}
.privacy-guide .settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.privacy-guide .settings-fields>.ctl{margin-bottom:0;min-width:0}
.privacy-guide #sim-settings-title,.privacy-guide #sim-results-title{font-size:1.45rem}
@media(max-width:1000px){.privacy-guide .settings-fields{grid-template-columns:minmax(0,1fr)}}


/* Selección compacta del escenario. */
.privacy-guide .account-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px}
.privacy-guide .account-selectors label{display:grid;gap:8px;font-size:.9rem;font-weight:700;min-width:0}
.privacy-guide .account-selectors select{width:100%;min-width:0;min-height:48px;font-weight:400;background:var(--tint)}
.privacy-guide .comparison-intro{font-size:.9rem;color:var(--ink-soft);line-height:1.5}
.privacy-guide .settings-panel .settings-fields{grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line);padding-top:18px}
.privacy-guide .personal-settings h4{margin:0;font-size:1rem}
.privacy-guide .personal-settings{gap:12px}
.privacy-guide .personal-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px}
.privacy-guide .personal-switches .switch{margin:0;flex-wrap:nowrap}
.privacy-guide .personal-switches .switch label{min-width:0}
.privacy-guide #sw-auto-row{grid-column:1/-1}
@media(max-width:700px){.privacy-guide .account-selectors,.privacy-guide .personal-switches{grid-template-columns:minmax(0,1fr)}}

/* Selección y controles en la misma fila. */
@media(min-width:1101px){
 .privacy-guide .settings-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:end}
 .privacy-guide #sim-settings-title{grid-column:1/-1}
 .privacy-guide .settings-panel .account-selectors{max-width:none;gap:14px}
 .privacy-guide .settings-panel .settings-fields{border:0;padding:0;max-width:none}
 .privacy-guide .personal-settings{position:relative}
 .privacy-guide .personal-settings #personal-settings-title,.privacy-guide .personal-settings #personal-settings-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .privacy-guide .personal-switches{max-width:none;align-items:end}
 .privacy-guide .personal-switches .switch{padding:12px;gap:10px;min-height:74px;box-sizing:border-box}
 .privacy-guide .personal-switches .switch label{font-size:.85rem}
 .privacy-guide .personal-switches .switch small{font-size:.75rem}
 .privacy-guide #emp-note{margin:0}
}

/* Simulador como bloque editorial de Freesamia. */
.privacy-guide .sim{gap:0;border:2px solid var(--ink);border-top:6px solid var(--accent);border-radius:8px;background:var(--surface)}
.privacy-guide .sim .settings-panel{border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:24px;background:var(--tint);gap:18px}
.privacy-guide #sim-settings-title{font:700 .8rem/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.privacy-guide #sim-settings-title::before{content:"";width:10px;height:10px;background:var(--section-saffron,#F2B21B);flex:none}
.privacy-guide .sim .account-selectors select{background:var(--surface);border:1px solid var(--ink);border-radius:4px;min-height:48px}
.privacy-guide .sim .personal-switches .switch{background:var(--surface);border:1px solid var(--line);border-radius:4px;height:100%;align-items:center}
.privacy-guide .sim .results{padding:26px 24px;gap:20px}
.privacy-guide #sim-results-title{font:400 clamp(25px,2.5vw,32px)/1.2 Georgia,serif}
.privacy-guide .sim .tiles{gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.privacy-guide .sim .tile{border:0;border-radius:0;padding:22px;gap:12px;background:transparent}
.privacy-guide .sim .tile:first-child{padding-left:0}
.privacy-guide .sim .tile+.tile{border-left:1px solid var(--line)}
.privacy-guide .sim .tile .q{font-size:.85rem;line-height:1.5}
.privacy-guide .sim .tile .a{font-size:clamp(24px,2vw,30px)}
.privacy-guide .sim .tile .d{line-height:1.6}
.privacy-guide .sim .timeline{border:0;border-left:4px solid var(--accent);border-radius:0;padding:4px 0 4px 18px;display:grid;gap:8px}
.privacy-guide .sim .timeline h3{font:700 1rem/1.4 Arial,sans-serif}
.privacy-guide .sim .timeline p{line-height:1.6;max-width:105ch}
.privacy-guide .sim .note{border-radius:4px;padding:16px 18px;line-height:1.6}
.privacy-guide .sim .results>.panel{border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0 0!important}
.privacy-guide .sim .path .step{border-radius:3px;font-size:.85rem}
@media(min-width:1101px){.privacy-guide .sim .personal-switches{align-items:stretch}}
@media(max-width:700px){
 .privacy-guide .sim .settings-panel,.privacy-guide .sim .results{padding:20px 16px}
 .privacy-guide .sim .tiles{grid-template-columns:minmax(0,1fr)}
 .privacy-guide .sim .tile,.privacy-guide .sim .tile:first-child{padding:18px 0}
 .privacy-guide .sim .tile+.tile{border-left:0;border-top:1px solid var(--line)}
}

/* Pestañas de la guía, un bloque visible cada vez. */
.privacy-guide .guide-tabs-wrap{padding-top:12px;padding-bottom:12px}
.privacy-guide .guide-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.privacy-guide .guide-tabs button{display:flex;align-items:center;gap:10px;text-align:left;font:700 .9rem/1.4 Arial,sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;min-height:58px;padding:12px;cursor:pointer;min-width:0}
.privacy-guide .guide-tabs button>span{display:grid;place-items:center;width:26px;height:26px;flex:none;background:var(--tint);color:var(--accent);border-radius:3px;font-size:.8rem}
.privacy-guide .guide-tabs button:hover{border-color:var(--accent)}
.privacy-guide .guide-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.privacy-guide .guide-tabs button[aria-selected="true"]>span{background:var(--section-saffron,#F2B21B);color:var(--ink)}
.privacy-guide section[role="tabpanel"]{padding-top:22px}
@media(max-width:700px){.privacy-guide .guide-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.privacy-guide .guide-tabs button{font-size:.82rem;gap:8px;padding:10px;min-height:60px}}
@media(max-width:360px){.privacy-guide .guide-tabs button{padding:8px;gap:6px}.privacy-guide .guide-tabs button>span{width:22px;height:24px}}

.privacy-guide #para-tenerlo-claro[role="tabpanel"]{margin-top:0}
@media(max-width:700px){.privacy-guide .guide-tabs button:last-child{grid-column:1/-1}}