/* Projecte web d’Oriol Solà i Solà · © 2026 */
:root{--purple:#bb29bb;--deep:#6f1d6f;--ink:#202020;--paper:#f7f5ef;font-family:"DM Sans",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit}.masthead{height:64px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e2e8;background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:34px;height:43px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:17px;font-weight:800}.brand small{font-size:11px;font-weight:700;margin-top:4px}.section-nav{display:flex;border:1px solid var(--purple);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.section-nav a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 15px;color:var(--deep);text-decoration:none;white-space:nowrap}.section-nav a+a{border-left:1px solid var(--purple)}.section-nav a:hover,.section-nav a:focus-visible{background:#faeafa}.section-nav a.active{background:var(--purple);color:#fff}.hero{padding:34px clamp(20px,4vw,64px) 30px;background:var(--paper);display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #e8e2e8}.kicker{margin:0 0 13px;color:#a51fa5;font-size:10px;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(40px,4.2vw,66px);line-height:.93;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--purple)}.hero>p{max-width:430px;margin:0 0 5px;padding-left:28px;border-left:1px solid #d9ccd7;font-size:15px;line-height:1.5}.premieres-shell{padding:24px clamp(20px,4vw,64px) 30px}.toolbar{display:grid;grid-template-columns:1fr 1fr .6fr .7fr;gap:12px;margin-bottom:16px;padding:15px 17px;background:#f8f5f8;border:1px solid #e5dfe5}.toolbar label{color:#755b81;font-size:9px;font-weight:800;letter-spacing:.12em}.toolbar input,.toolbar select{display:block;width:100%;height:41px;margin-top:5px;padding:0 11px;border:1px solid #d9d1d9;background:#fff;color:#2b202b;font-family:inherit;font-size:13px;font-weight:600}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.summary article{padding:17px 19px;border:1px solid #e5dfe5}.summary span{display:block;color:#786a78;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.summary strong{display:block;margin-top:5px;font-size:24px;letter-spacing:-.04em}.summary article:nth-child(n+3) strong{font-size:17px}.premiere-list{display:grid;grid-template-columns:1fr;gap:12px}.premiere-card{border:1px solid #ded6de;background:#fff}.premiere-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 21px;background:#f8f5f8;border-bottom:1px solid #e5dfe5}.card-kicker{color:#922092;font-size:9px;font-weight:800;letter-spacing:.13em}.premiere-card h2{margin:5px 0 0;font-size:25px;line-height:1.05;letter-spacing:-.04em}.premiere-card time{color:var(--deep);font-size:14px;font-weight:800;text-align:right}.premiere-main{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:17px 21px}.premiere-main span{display:block;margin-bottom:5px;color:#806f80;font-size:9px;font-weight:800;letter-spacing:.1em}.premiere-main strong{font-size:13px;line-height:1.35}.premiere-card details{border-top:1px solid #e5dfe5}.premiere-card summary{padding:12px 21px;color:var(--deep);font-size:11px;font-weight:800;cursor:pointer;list-style-position:inside}.premiere-card summary b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:5px;background:#f4def4}.previous-list{margin:0;padding:0 21px 16px;list-style:none}.previous-list li{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:11px 0;border-top:1px solid #eee8ee}.previous-list li div{display:flex;flex-direction:column}.previous-list strong{font-size:12px}.previous-list span:not(.result){margin-top:2px;font-size:12px}.previous-list small{margin-top:2px;color:#786e78;font-size:10px}.result{align-self:start;padding:4px 6px;border:1px solid #d9c5d9;color:#762076;background:#fbf1fb;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap}.no-previous{margin:0;padding:0 21px 16px;color:#807480;font-size:11px}.empty-history summary{color:#786e78}.empty{grid-column:1/-1;padding:35px;border:1px solid #e5dfe5;text-align:center;color:#756875}footer{display:flex;justify-content:space-between;gap:20px;padding:11px clamp(20px,4vw,64px);border-top:1px solid #e8e2e8;color:#716371;font-size:9px}footer p{margin:0}footer strong{color:#7c207c}@media(max-width:700px){.masthead{height:58px;padding:0 10px}.brand{gap:7px}.brand img{width:27px;height:35px}.brand strong{font-size:13px}.brand small{font-size:8px}.section-nav{font-size:7px}.section-nav a{min-height:30px;padding:0 7px}.hero{display:block;padding:22px 15px}.hero h1{font-size:40px}.hero>p{margin-top:18px;padding:0;border:0;font-size:13px}.premieres-shell{padding:14px 10px 20px}.toolbar{grid-template-columns:1fr;padding:12px}.summary{grid-template-columns:1fr 1fr}.summary article{padding:13px}.summary strong{font-size:22px}.summary article:nth-child(n+3) strong{font-size:14px}.premiere-list{grid-template-columns:1fr}.premiere-card>header{display:block;padding:15px}.premiere-card time{display:block;margin-top:10px;text-align:left}.premiere-main{grid-template-columns:1fr;padding:14px 15px}.premiere-card summary{padding:12px 15px}.previous-list{padding:0 15px 14px}.previous-list li{grid-template-columns:1fr}.result{justify-self:start}.no-previous{padding:0 15px 14px}footer{display:block;padding:12px}footer small{display:block;margin-top:5px}}

@media(min-width:701px){.premiere-card{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr)}.premiere-card>header{border-right:1px solid #e5dfe5;border-bottom:0}.premiere-card .premiere-main{align-items:center}.premiere-card details{grid-column:1/-1}}

.result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 21px 16px}.result-summary article{min-width:0;padding:11px;border:1px solid #e5dce5;background:#faf7fa}.result-summary span{display:block;color:#786a78;font-size:8px;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.result-summary strong{display:block;margin-top:4px;color:var(--deep);font-size:20px}.premiere-card details+details{border-top:1px solid #e5dfe5}@media(max-width:700px){.result-summary{grid-template-columns:1fr 1fr;padding:0 15px 14px}}

.place-ranking{margin:0 0 18px;border:1px solid #e2d9e2;background:#fff}.place-ranking-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid #e8e1e8;background:#f8f5f8}.section-kicker{margin:0 0 4px;color:#922092;font-size:9px;font-weight:800;letter-spacing:.13em}.place-ranking h2{margin:0;font-size:22px;letter-spacing:-.04em}.ranking-clear,.ranking-toggle{border:0;background:transparent;color:var(--deep);font:800 10px/1.2 inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.place-ranking-list{display:grid;grid-template-columns:1fr 1fr}.place-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:12px 16px;border:0;border-bottom:1px solid #eee8ee;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.place-rank-row:nth-child(odd){border-right:1px solid #eee8ee}.place-rank-row:hover,.place-rank-row:focus-visible{background:#fcf4fc}.place-rank-row.active{background:#f8e3f8;box-shadow:inset 4px 0 0 var(--purple)}.rank-position{color:#9b869b;font-size:11px;font-weight:800;text-align:center}.rank-copy{min-width:0}.rank-copy strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.rank-bar{display:block;height:3px;margin-top:7px;background:#eee7ee}.rank-bar i{display:block;height:100%;background:var(--purple)}.place-rank-row>b{color:var(--deep);font-size:11px;white-space:nowrap}.ranking-toggle{display:none;margin:12px auto}.ranking-empty{margin:0;border:0}.ranking-toggle[hidden],.ranking-clear[hidden]{display:none}@media(max-width:700px){.place-ranking-heading{align-items:center;padding:14px}.place-ranking h2{font-size:20px}.place-ranking-list{grid-template-columns:1fr}.place-rank-row{padding:12px}.place-rank-row:nth-child(odd){border-right:0}.place-ranking-list:not(.expanded) .place-rank-row:nth-of-type(n+6){display:none}.place-rank-row>b{font-size:10px}.ranking-toggle:not([hidden]){display:block}}

/* Rànquing compacte: tres places inicials */
.place-ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))}.place-rank-row{border-right:1px solid #eee8ee}.place-rank-row:nth-child(3n){border-right:0}.place-ranking-list:not(.expanded) .place-rank-row:nth-of-type(n+4){display:none}.ranking-toggle:not([hidden]){display:block}
@media(max-width:700px){.place-ranking-list{grid-template-columns:1fr}.place-rank-row,.place-rank-row:nth-child(3n){border-right:0}.place-ranking-list:not(.expanded) .place-rank-row:nth-of-type(n+4){display:none}}