:root{--fons:#f6f3ec;--targeta:#fff;--text:#1d2530;--suau:#5b6675;--linia:#e1dccf;--prim:#0b5d8a;--prim-t:#fff;--accent:#f4c20d;--perill:#b3261e;--ok:#2e7d32;
--n0:#2e7d32;--n1:#7cb342;--n2:#f4b400;--n3:#ef6c00;--n4:#c62828;--n5:#7b1fa2;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-tema=clar]){--fons:#12171d;--targeta:#1b222b;--text:#e8edf2;--suau:#a0abb8;--linia:#2c3643;--prim:#5ab4e5;--prim-t:#06222f;--perill:#ff6b60;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fons);color:var(--text);font:1rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.pagina{max-width:760px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right))}
.cap{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 0 8px}
.logo{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:1.1rem}
.marca{font-size:1.4rem}
.idioma{min-width:44px;min-height:44px;border:1px solid var(--linia);background:var(--targeta);color:var(--text);border-radius:12px;font-weight:700;cursor:pointer}
h1{font-size:1.7rem;line-height:1.2;margin:.2em 0 .1em;outline:none}
h2{font-size:1.1rem;margin:0 0 .6em}
h3{font-size:1rem;margin:0}
.heroi{padding:18px 0 6px}.lema{font-size:1.1rem;color:var(--suau);margin:0}
.targeta{background:var(--targeta);border:1px solid var(--linia);border-radius:16px;padding:16px;margin:14px 0}
.targeta.urg{border-color:var(--perill)}
.meta{color:var(--suau);margin:.1em 0 .5em;font-size:.93rem}.nota{color:var(--suau);font-size:.85rem;margin:.6em 0 0}.nota a{color:var(--prim)}
.adr{margin:.2em 0 .6em}
.buit{color:var(--suau);font-style:italic}
a{color:var(--prim)}
.enrere{display:inline-block;padding:10px 0;text-decoration:none;font-weight:600}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid var(--prim);background:var(--prim);color:var(--prim-t);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn.sec{background:transparent;color:var(--prim)}
.btn.perill{background:var(--perill);border-color:var(--perill);color:#fff}
.btn.gran{width:100%;min-height:52px;font-size:1.05rem}
.btn.peq{min-height:40px;font-size:.9rem}
.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1d2530}
.accions{display:flex;flex-wrap:wrap;gap:8px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.cerca,select{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--linia);background:var(--fons);color:var(--text);font:inherit}
.separa{text-align:center;color:var(--suau);margin:10px 0}
.llista-m{list-style:none;padding:0;margin:8px 0 0}
.llista-m li a{display:block;padding:12px 4px;border-bottom:1px solid var(--linia);text-decoration:none;color:var(--text)}
.llista-m small{color:var(--suau)}
.casa{display:grid;gap:2px;background:var(--prim);color:var(--prim-t);padding:14px 16px;border-radius:16px;text-decoration:none;margin:12px 0}
.casa b{font-size:1.35rem}.casa small,.casa span{opacity:.9}
.graella{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.cel{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i n" "i c";column-gap:10px;align-items:center;padding:12px;border:1px solid var(--linia);border-radius:14px;text-decoration:none;color:var(--text);background:var(--fons);min-height:60px}
.cel .ico{grid-area:i;font-size:1.6rem}.cel b{grid-area:n;font-size:.93rem;line-height:1.2}.cel small{grid-area:c;color:var(--suau)}
.item{border-top:1px solid var(--linia);padding:14px 0}.item:first-child{border-top:0}
.xips{display:flex;gap:8px;overflow-x:auto;padding:8px 0;-webkit-overflow-scrolling:touch}
.xip{flex:none;min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid var(--linia);background:var(--targeta);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}
.xip[aria-pressed=true]{background:var(--prim);border-color:var(--prim);color:var(--prim-t)}
.eines{display:grid;gap:8px;margin:8px 0}
.resultats{background:var(--targeta);border-radius:16px;padding:0 16px;margin:10px 0}.resultats:empty{display:none}
.festius{list-style:none;padding:0;margin:0}.festius li{display:grid;padding:8px 0;border-top:1px solid var(--linia)}.festius li:first-child{border-top:0}.festius small{color:var(--suau)}.festius b::first-letter{text-transform:uppercase}
.aire-resum{display:inline-block;padding:6px 16px;border-radius:999px;color:#fff;font-size:1.1rem;margin-bottom:6px}
.n0{--c:var(--n0)}.n1{--c:var(--n1)}.n2{--c:var(--n2)}.n3{--c:var(--n3)}.n4{--c:var(--n4)}.n5{--c:var(--n5)}
.aire-resum{background:var(--c)}.n2.aire-resum{color:#1d2530}
.aire-llista{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.aire-llista li{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-left:6px solid var(--c);background:var(--fons);border-radius:8px}
.aire-llista small{color:var(--suau)}
.antic{background:var(--fons);border-left:4px solid var(--n2);padding:6px 10px;border-radius:6px}
.barra-f{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;gap:10px;align-items:center;margin:8px 0;font-size:.9rem}
.barra{height:14px;background:var(--fons);border-radius:99px;overflow:hidden}.barra i{display:block;height:100%;border-radius:99px}
.barra .meu{background:var(--ok)}.barra .cat{background:var(--suau)}
.linia{width:100%;height:auto}.linia polyline{stroke:var(--prim)}.linia circle{fill:var(--accent);stroke:var(--prim);stroke-width:2}
.fila-e{display:flex;justify-content:space-between}
.fonts{padding-left:20px}.fonts li{margin:4px 0}.urg-t{font-weight:700;color:var(--perill)}
.peu{text-align:center;color:var(--suau);font-size:.85rem;padding:18px 0 8px}.peu a{color:var(--suau)}
[hidden]{display:none!important}
@media (prefers-reduced-motion:no-preference){.btn,.cel{transition:transform .08s}.btn:active,.cel:active{transform:scale(.98)}}
@media print{.enrere,.cap,.peu,.no-print,button,.btn:not([href^='tel:']){display:none!important}body{background:#fff!important;color:#000!important}.targeta{box-shadow:none!important;border:1px solid #999!important;break-inside:avoid}.btn{border:0!important;color:#000!important;background:none!important;padding:0!important}}
h1:focus,h1:focus-visible{outline:none}

.esdevs{list-style:none;margin:0 0 .5rem;padding:0}.esdev{display:flex;flex-direction:column;gap:.1rem;padding:.6rem 0;border-top:1px solid var(--linia)}.esdev:first-child{border-top:0}.esdev small{color:var(--suau)}.esdev a{font-weight:600}.sub{font-size:.95rem;margin:.6rem 0 .1rem;color:var(--suau)}

/* Mollet: etiquetes, horaris, temps, mercats */
.etiq{display:flex;flex-wrap:wrap;gap:6px;margin:.3em 0}.etq{font-size:.78rem;padding:2px 9px;border-radius:999px;background:var(--fons);border:1px solid var(--linia);color:var(--suau)}
.horari{margin:.3em 0;font-size:.93rem}.info{margin:.3em 0;font-size:.9rem;color:var(--suau)}details.info summary{cursor:pointer;color:var(--prim);font-weight:600}details.info p{margin:.4em 0 0}
.destacat{margin:.4em 0;padding:8px 10px;background:var(--fons);border-radius:10px}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:700;font-size:.85rem;color:#fff}.badge.ob{background:var(--ok)}.badge.tn{background:var(--suau)}
.avui-llista{list-style:none;margin:0 0 .6em;padding:0;display:grid;gap:6px}.avui-llista li{padding:6px 0}.avui-llista b::first-letter{text-transform:uppercase}
.temps-ara{display:flex;align-items:center;gap:12px;margin:.4em 0}.gran-emoji{font-size:2.6rem;line-height:1}.graus{font-size:1.7rem}.temps-ara small{display:block;color:var(--suau)}
.dies{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:.4em 0;padding:0}.dies li{display:grid;justify-items:center;gap:2px;padding:8px 4px;border:1px solid var(--linia);border-radius:12px;background:var(--fons)}.dies small{color:var(--suau);text-transform:capitalize}.dies span{font-size:1.5rem}
.oac{margin-top:12px;padding-top:12px;border-top:1px solid var(--linia)}
.enllacos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 12px}.enllacos li{padding:8px 0;border-bottom:1px solid var(--linia)}
.xip.k[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1d2530}
.cap-m .accions{margin-top:10px}

/* mida del text i capçalera */
html[data-mida=gran]{font-size:118%}html[data-mida=molt]{font-size:136%}
.eines-cap{display:flex;gap:8px}.mida{display:inline-flex;align-items:baseline;justify-content:center;gap:1px}.mida span{font-size:1.15rem}.mida small{font-size:.8rem}
.banner{border-color:var(--accent);background:linear-gradient(135deg,var(--targeta),var(--fons))}

/* agenda ampliada i farmàcia de guàrdia */
.dia-cap{margin:.9em 0 .1em;font-size:.95rem;color:var(--prim);text-transform:none}.dia-cap::first-letter{text-transform:uppercase}
.plega{margin:.7em 0;border-top:1px solid var(--linia);padding-top:.5em}.plega>summary{cursor:pointer;font-weight:700;color:var(--prim);padding:6px 0}
.guardia{display:grid;gap:4px;padding:12px;border:1px solid var(--linia);border-radius:12px;background:var(--fons);margin:8px 0}.guardia.dest{border-color:var(--prim);border-width:2px}.guardia small{color:var(--suau)}.guardia b{font-size:1.1rem}
.prop-guardies{list-style:none;margin:.4em 0;padding:0}.prop-guardies li{padding:6px 0;border-top:1px solid var(--linia)}.prop-guardies li:first-child{border-top:0}

.alerta{background:#fff3f0;border-width:2px}@media (prefers-color-scheme:dark){:root:not([data-tema=clar]) .alerta{background:#3a1a17}}