/* Página «Accidente con un conductor que había bebido» (estilos propios, aislados bajo .pg-alc) */
.pg-alc{--ink:#14171C;
  --night:#161A20;
  --night-deep:#0F1216;
  --paper:#F6F6F2;
  --white:#FFFFFF;
  --sign:#FFC20E;
  --muted:#4A5260;
  --line:#DCDFE3;
  --on-dark:#F2F3F5;
  --on-dark-muted:#C3C9D2;
  --on-dark-faint:#9AA3AF;
  --track-dark:#2A303A;
  --wa:#25D366;
  --wa-ink:#0B2A17;
  --amber:#F28C28;
  --stop:#C8102E;
  --calm:#8FA3B8;
  --display:'Archivo','Arial Narrow',sans-serif;
  --body:'Atkinson Hyperlegible','Segoe UI',system-ui,sans-serif;
  color-scheme:light;}
.pg-alc *{box-sizing:border-box}
.pg-alc{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55}
.pg-alc a{color:var(--ink)}
.pg-alc a:focus-visible,.pg-alc button:focus-visible,.pg-alc summary:focus-visible{outline:3px solid var(--sign);outline-offset:3px}
.pg-alc summary{cursor:pointer;list-style:none}
.pg-alc summary::-webkit-details-marker{display:none}
.pg-alc .wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.pg-alc .stack{display:flex;flex-direction:column}
.pg-alc .display{font-family:var(--display);font-weight:900;font-stretch:80%;line-height:1;letter-spacing:-0.01em}
.pg-alc .h2{margin:0;font-family:var(--display);font-stretch:80%;font-weight:900;font-size:clamp(32px,4.4vw,50px);line-height:1.02;text-wrap:balance}
.pg-alc .h3{margin:0;font-family:var(--display);font-stretch:85%;font-weight:800;font-size:clamp(22px,2.4vw,28px);line-height:1.12;text-wrap:balance}
.pg-alc .eyebrow{margin:0;font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.pg-alc .lede{margin:0;max-width:64ch;font-size:18px;color:var(--muted)}
.pg-alc .small{font-size:14px}
.pg-alc .src{margin:0;font-size:13px;color:var(--muted)}
.pg-alc .dark{background:var(--night);color:var(--on-dark)}
.pg-alc .dark .lede{color:var(--on-dark-muted)}
.pg-alc .dark .src{color:var(--on-dark-faint)}
.pg-alc .dark a{color:var(--white)}
.pg-alc .pad{padding-block:clamp(48px,7vw,88px)}
.pg-alc .btn-wa{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 24px;border-radius:12px;background:var(--wa);color:var(--wa-ink);font-weight:700;font-size:18px;text-decoration:none}
.pg-alc .dark .btn-wa{color:var(--wa-ink)}
.pg-alc .btn-wa svg{flex:none}
.pg-alc .tabnum{font-variant-numeric:tabular-nums}
.pg-alc .site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--white);border-bottom:1px solid var(--line)}
.pg-alc .site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.pg-alc .logo{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1}
.pg-alc .logo-word{font-family:var(--display);font-stretch:80%;font-weight:900;font-size:27px;letter-spacing:-0.01em}
.pg-alc .logo-word span{background:var(--sign);color:var(--ink);padding:1px 7px 3px;margin-left:5px}
.pg-alc .logo-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:7px}
.pg-alc .head-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pg-alc .chip-tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--ink);border-radius:10px;text-decoration:none;font-weight:700;color:var(--ink)}
.pg-alc .chip-wa{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;background:var(--wa);color:var(--wa-ink);text-decoration:none;font-weight:700}
.pg-alc .hero .wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;padding-block:clamp(40px,7vw,88px) clamp(40px,6vw,72px)}
.pg-alc .hero-main{flex:999 1 520px;min-width:0;gap:22px}
.pg-alc .hero h1{margin:0;font-family:var(--display);font-stretch:78%;font-weight:900;font-size:clamp(40px,6.2vw,74px);line-height:1;letter-spacing:-0.015em;text-wrap:balance}
.pg-alc .plate{background:var(--sign);color:var(--ink);padding:0 .14em .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}
.pg-alc .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.pg-alc .hero-cta .btn-wa{min-height:60px;padding:0 28px;font-size:20px}
.pg-alc .hero aside{flex:1 1 340px;min-width:0;background:var(--white);color:var(--ink);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:18px}
.pg-alc .law-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.pg-alc .law-list li{display:flex;gap:12px;align-items:flex-start}
.pg-alc .tick{flex:none;width:26px;height:26px;margin-top:1px;border-radius:6px;background:var(--sign);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.pg-alc .road{height:6px;background:repeating-linear-gradient(90deg,var(--sign) 0 56px,transparent 56px 96px)}
.pg-alc .band{background:var(--sign);color:var(--ink)}
.pg-alc .band .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;padding-block:clamp(32px,5vw,56px)}
.pg-alc .band-num{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:clamp(64px,11vw,140px);line-height:.9;letter-spacing:-0.02em;white-space:nowrap}
.pg-alc .band-text{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.pg-alc .band-text p:first-child{margin:0;font-family:var(--display);font-stretch:85%;font-weight:800;font-size:clamp(24px,3vw,36px);line-height:1.08;text-wrap:balance}
.pg-alc .band-text p+p{margin:0;font-size:15px;max-width:60ch}
.pg-alc .steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}
.pg-alc .steps li{display:flex;flex-direction:column;gap:10px;min-width:0}
.pg-alc .step-n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--sign);display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:22px}
.pg-alc .steps p{margin:0;color:var(--muted)}
.pg-alc .who{display:inline-block;align-self:flex-start;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--white);border:1px solid var(--line);color:var(--muted)}
.pg-alc .lawbox{background:var(--white);border-top:3px solid var(--ink);border-radius:0 0 14px 14px;padding:24px clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:12px}
.pg-alc .lawbox .eyebrow{font-size:13px;color:var(--muted)}
.pg-alc .lawbox blockquote{margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.5;font-style:italic;max-width:75ch}
.pg-alc .lawbox mark{background:linear-gradient(transparent 55%,rgba(255,194,14,.55) 55%);color:inherit;font-style:normal;font-weight:700}
.pg-alc .duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.pg-alc .card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.pg-alc .card p{margin:0;color:var(--muted)}
.pg-alc .ref{font-size:13px;color:var(--muted);margin-top:auto;padding-top:6px}
.pg-alc .qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.pg-alc .qa{border:1px solid var(--line);border-radius:14px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:8px;background:var(--white);min-width:0}
.pg-alc .qa-q{margin:0;font-weight:700;font-size:17px}
.pg-alc .qa-n{font-family:var(--display);font-stretch:78%;font-weight:900;font-size:clamp(56px,6vw,72px);line-height:.95;letter-spacing:-0.01em;font-variant-numeric:tabular-nums}
.pg-alc .qa-t{margin:0;color:var(--muted)}
.pg-alc .qa .src{margin-top:auto;padding-top:8px;border-top:1px dashed var(--line)}
.pg-alc .split{display:flex;flex-wrap:wrap;gap:32px 48px;align-items:flex-start}
.pg-alc .split > .text{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:12px}
.pg-alc .split > .viz{flex:2 1 460px;min-width:0}
.pg-alc .split .text p{margin:0;color:var(--muted)}
.pg-alc .chart{display:flex;flex-direction:column;gap:8px}
.pg-alc .plot-wrap{padding-top:28px;padding-left:46px;position:relative}
.pg-alc .plot{position:relative;height:230px;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(4px,1.4vw,14px)}
.pg-alc .gridline{position:absolute;left:0;right:0;border-top:1px solid var(--line)}
.pg-alc .gridline span{position:absolute;right:calc(100% + 8px);top:-10px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-alc .gridline.base{border-top:2px solid var(--ink)}
.pg-alc .col{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}
.pg-alc .bar{width:100%;max-width:60px;height:calc(var(--v) / 1200 * 100%);background:var(--ink);border-radius:4px 4px 0 0}
.pg-alc .bar.pandemic{background:var(--calm)}
.pg-alc .bar.now{background:var(--sign);box-shadow:inset 0 0 0 2px var(--ink)}
.pg-alc .val{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:4px;white-space:nowrap}
.pg-alc .years{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(4px,1.4vw,14px);margin-left:46px;font-size:13px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.pg-alc .legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted);margin-left:46px}
.pg-alc .legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pg-alc .hbars{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.pg-alc .hbar{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.pg-alc .hbar-label{font-weight:700}
.pg-alc .hbar-val{font-family:var(--display);font-stretch:80%;font-weight:900;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.pg-alc .track{grid-column:1 / -1;height:16px;border-radius:999px;background:var(--line);overflow:hidden}
.pg-alc .fill{height:100%;width:var(--p);background:var(--ink);border-radius:999px}
.pg-alc .fill.hot{background:var(--sign);box-shadow:inset 0 0 0 2px var(--ink)}
.pg-alc .hbar-note{grid-column:1 / -1;margin:0;font-size:15px;color:var(--muted)}
.pg-alc .dark .track{background:var(--track-dark)}
.pg-alc .dark .fill{background:var(--on-dark-muted)}
.pg-alc .dark .fill.hot{background:var(--sign);box-shadow:none}
.pg-alc .dark .hbar-note{color:var(--on-dark-muted)}
.pg-alc .tox{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:flex-start}
.pg-alc .tox .hbars{flex:2 1 420px;min-width:0}
.pg-alc .tox-side{flex:1 1 260px;min-width:0;border:1px solid var(--track-dark);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}
.pg-alc .tox-side .big{font-family:var(--display);font-stretch:78%;font-weight:900;font-size:clamp(56px,7vw,80px);line-height:.95;color:var(--sign);font-variant-numeric:tabular-nums}
.pg-alc .tox-side p{margin:0;color:var(--on-dark-muted)}
.pg-alc .meter{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:22px}
.pg-alc .mode{display:flex;flex-wrap:wrap;gap:8px}
.pg-alc .mode button{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--line);background:var(--white);color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.pg-alc .mode button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.pg-alc .meter-top{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:stretch}
.pg-alc .readout{flex:0 0 auto;background:var(--night);color:var(--on-dark);border-radius:14px;padding:16px 20px;min-width:220px;display:flex;flex-direction:column;gap:2px}
.pg-alc .readout-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-faint)}
.pg-alc .readout-num{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:64px;line-height:1;color:var(--sign);font-variant-numeric:tabular-nums}
.pg-alc .readout-unit{font-size:14px;color:var(--on-dark-muted)}
.pg-alc .verdict{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:8px}
.pg-alc .verdict-tag{align-self:flex-start;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
.pg-alc .lvl-ok{background:#E3F1E8;color:#1D5A35}
.pg-alc .lvl-low{background:#E8EDF3;color:#2F4257}
.pg-alc .lvl-fine{background:#FFF1C7;color:#5A4300}
.pg-alc .lvl-double{background:#FDE3CC;color:#6B3200}
.pg-alc .lvl-crime{background:var(--stop);color:var(--white)}
.pg-alc .verdict h3{margin:0}
.pg-alc .verdict p{margin:0;color:var(--muted)}
.pg-alc .scale{position:relative;height:26px;border-radius:8px;overflow:hidden;background:var(--line)}
.pg-alc .seg{position:absolute;top:0;bottom:0}
.pg-alc .seg.low{background:var(--calm)}
.pg-alc .seg.fine{background:var(--sign)}
.pg-alc .seg.double{background:var(--amber)}
.pg-alc .seg.crime{background:var(--stop)}
.pg-alc .seg.sel{box-shadow:inset 0 0 0 3px var(--ink)}
.pg-alc .ticks{position:relative;height:20px;margin-top:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.pg-alc .ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.pg-alc .ticks span:first-child{transform:none}
.pg-alc .ticks span:last-child{transform:translateX(-100%)}
.pg-alc .chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.pg-alc .chips button{min-height:56px;padding:8px 12px;border-radius:12px;border:2px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:center;line-height:1.2;font-variant-numeric:tabular-nums}
.pg-alc .chips button small{font-weight:400;color:var(--muted);font-size:13px}
.pg-alc .chips button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--white)}
.pg-alc .chips button[aria-pressed="true"] small{color:var(--on-dark-muted)}
.pg-alc .notes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pg-alc .notes li{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:2px solid var(--ink);min-width:0}
.pg-alc .notes strong{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:20px;line-height:1.15}
.pg-alc .notes span{color:var(--muted)}
.pg-alc .penal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.pg-alc .penal-grid .card{background:var(--paper);border-color:var(--line)}
.pg-alc .card .h3{font-size:22px}
.pg-alc .ranges{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pg-alc .ranges li{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.pg-alc .ranges b{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:19px;line-height:1.15}
.pg-alc .ranges span{color:var(--muted);font-size:15px}
.pg-alc .victim{background:var(--night);color:var(--on-dark);border-radius:16px;padding:clamp(22px,3vw,32px);display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between}
.pg-alc .victim > div{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:8px}
.pg-alc .victim p{margin:0;color:var(--on-dark-muted)}
.pg-alc .tv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
.pg-alc .tv{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--night-deep);border:1px solid var(--track-dark);text-decoration:none;color:var(--on-dark);transition:transform .2s ease,border-color .2s ease}
.pg-alc .tv:hover{transform:translateY(-3px);border-color:var(--sign)}
.pg-alc .tv-screen{position:relative;aspect-ratio:16 / 9;max-width:100%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 4px),var(--track-dark);display:flex;align-items:flex-end;justify-content:space-between;padding:14px 16px}
.pg-alc .tv-year{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:64px;line-height:.85;color:var(--sign);font-variant-numeric:tabular-nums}
.pg-alc .tv-play{width:52px;height:52px;border-radius:50%;background:var(--sign);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none}
.pg-alc .tv-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pg-alc .tv-title{margin:0;font-family:var(--display);font-stretch:85%;font-weight:800;font-size:21px;line-height:1.15;color:var(--white)}
.pg-alc .tv-body p{margin:0;color:var(--on-dark-muted);font-size:15px}
.pg-alc .tv-link{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:var(--sign)}
.pg-alc .channel{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.pg-alc .faq{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.pg-alc .faq details{border-bottom:1px solid var(--line);padding:18px 0}
.pg-alc .faq summary{display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:19px}
.pg-alc .faq summary span{flex:none;color:var(--muted);transition:transform .2s ease}
.pg-alc .faq details[open] summary span{transform:rotate(45deg)}
.pg-alc .faq p{margin:12px 0 0;color:var(--muted);max-width:70ch}
.pg-alc .closing .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.pg-alc .closing h2{margin:0;font-family:var(--display);font-stretch:78%;font-weight:900;font-size:clamp(36px,5.2vw,62px);line-height:1;text-wrap:balance}
.pg-alc .sources{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.pg-alc .sources a{color:var(--muted)}
.pg-alc .site-foot{background:var(--night-deep);color:var(--on-dark-muted);border-top:1px solid var(--track-dark)}
.pg-alc .site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;font-size:15px;padding-block:40px 110px}
.pg-alc .site-foot a{color:var(--on-dark-muted)}
.pg-alc .float-wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 18px;border-radius:999px;background:var(--wa);color:var(--wa-ink);font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 8px 24px rgba(10,20,15,.28)}
@media (max-width:520px){.pg-alc .hero aside{padding:22px}
.pg-alc .readout{min-width:0;flex:1 1 100%}
.pg-alc .plot-wrap{padding-left:40px}
.pg-alc .years,.pg-alc .legend{margin-left:40px}
.pg-alc .val{font-size:11px}
.pg-alc .float-wa{right:16px;padding:0 18px 0 14px}}
@media (prefers-reduced-motion:reduce){.pg-alc .tv,.pg-alc .faq summary span{transition:none}}
/* Añadidos para la web: reproductor de vídeo que se carga al pulsar, calculadora y botones */
.pg-alc .tv:hover{transform:none}
.pg-alc .tv-screen{border:0;width:100%;cursor:pointer;font:inherit;color:inherit;text-align:left}
.pg-alc .tv-screen:hover .tv-play,.pg-alc .tv-screen:focus-visible .tv-play{transform:scale(1.08)}
.pg-alc .tv-play{transition:transform .15s ease}
.pg-alc .tv-frame{position:relative;aspect-ratio:16 / 9;background:#000}
.pg-alc .tv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pg-alc .tv-link{text-decoration:none}
.pg-alc .migas{margin:0;font-size:14px;color:var(--on-dark-faint)}
.pg-alc .migas a{color:inherit}
.pg-alc .calc-sec .split{align-items:flex-start}
.pg-alc .calc-sec .text p.lede{color:var(--on-dark-muted)}
.pg-alc .calc-sec .viz{flex:1 1 360px;max-width:520px}
.pg-alc .acciones-alc{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.pg-alc .acciones-alc .btn{min-height:52px}
.pg-alc .acciones-alc .btn-outline-claro{border:2px solid #FFFFFF;color:#FFFFFF;background:transparent}
.pg-alc .calc-sec .mini-calc{background:var(--night-deep);border:1px solid var(--track-dark)}
.pg-alc .autor{margin-top:8px}
.pg-alc .faq summary::after{content:none}
.pg-alc .faq details{background:transparent;border-radius:0}
@media (max-width:520px){.pg-alc .acciones-alc .btn,.pg-alc .acciones-alc .btn-wa{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.pg-alc .tv-play{transition:none}}