#grupos{background:linear-gradient(130deg,#101013,#09090c);scroll-margin-top:90px}
.groups-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:25px}
.groups-count{border:1px solid #49403b;border-radius:10px;padding:15px 22px;background:#ffffff03;font-size:12px;color:#aaa6a4}
.groups-count strong{font-size:27px;color:#f0d4a0;margin-right:8px}
.groups-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0}
.groups-toolbar input{width:min(100%,420px);background:#17171c;border:1px solid #3b3b43;border-radius:8px;color:#fff;padding:13px 16px;font:inherit;font-size:13px}
.groups-toolbar input:focus-visible{outline:2px solid #b89660;outline-offset:3px}
#groups-status{font-size:12px;color:#b4a58d;flex:1;line-height:1.6}
.groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.group-card{border:1px solid #36333a;border-radius:12px;padding:24px;background:linear-gradient(140deg,#1d1a1a,#111115);min-width:0}
.group-card header{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #ffffff0c}
.group-tag{color:#efc176;border:1px solid #795b36;border-radius:6px;padding:8px;background:#b47f2d0d;font-weight:800;font-size:13px;overflow-wrap:anywhere}
.group-card h3{font-size:20px;overflow-wrap:anywhere;line-height:1.3}
.group-card dl{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin:22px 0 0}
.group-card dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9c979e;margin-bottom:7px}
.group-card dd{margin:0;font-size:16px;font-weight:700;color:#e9e5e2}
.group-coverage{color:#a49c92;font-size:10px;line-height:1.6;margin-top:22px}
.groups-empty{grid-column:1/-1;text-align:center;padding:40px 20px;border:1px dashed #39363c;border-radius:12px;color:#aaa5ac;font-size:14px;line-height:1.8}
.groups-note{margin-top:24px;font-size:12px;line-height:1.8;color:#8f8993;max-width:950px}
.clan-ranking-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}
.clan-ranking-summary article{border:1px solid #54402b;border-radius:12px;background:linear-gradient(140deg,#261d17,#111115);padding:24px;min-width:0}
.clan-ranking-summary span{display:block;font-size:11px;letter-spacing:1.5px;color:#deb676;margin-bottom:12px}
.clan-ranking-summary strong{font-size:18px;overflow-wrap:anywhere}
.clan-table-scroll{overflow-x:auto;border:1px solid #39343a;border-radius:12px;margin:20px 0 32px}
.clan-ranking-table{width:100%;min-width:840px;border-collapse:collapse;text-align:left;font-size:13px}
.clan-ranking-table th{background:#201a18;color:#d8b57e;font-size:11px;text-transform:uppercase;white-space:nowrap}
.clan-ranking-table th,.clan-ranking-table td{padding:18px 15px;border-bottom:1px solid #ffffff0b}
.clan-ranking-table td{color:#d0c9cd}.clan-ranking-table tr:last-child td{border:0}
.clan-ranking-table td:nth-child(2){font-weight:700;color:#fff;max-width:240px;overflow-wrap:anywhere}
.clan-details-heading{font-size:18px;letter-spacing:1px;margin-bottom:20px}
@media(max-width:650px){.clan-ranking-summary{grid-template-columns:1fr;gap:10px}.clan-ranking-summary article{padding:18px}}
@media(max-width:1100px){.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.groups-grid{grid-template-columns:1fr}.groups-toolbar{gap:12px}.groups-toolbar input{width:100%}.group-card{padding:20px}.group-card h3{font-size:18px}}

/* Clan-only presentation; individual ranking and live data remain independent. */
#grupos{background:linear-gradient(180deg,#08090b70,#08090df5 650px),url('/assets/branding/perimetro-z-horizontal.png') right 8% top 70px/420px auto no-repeat,radial-gradient(ellipse at top right,#342029,#10151e 55%,#08090d);font-style:italic;font-size:clamp(42px,5vw,72px);letter-spacing:1px}
#grupos .section-label{color:#ed222b}
.clan-mode-banner{padding:18px 24px;background:linear-gradient(110deg,#e51621,#8f0911);border:1px solid #e7353e;border-radius:5px;text-align:center;font:22px Impact,'Arial Narrow',sans-serif;letter-spacing:.7px;margin:24px 0 18px;box-shadow:0 10px 25px #0004}
.clan-showcase{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.clan-top-panel,.clan-board{min-width:0;border:1px solid #ffffff25;background:linear-gradient(135deg,#191a1d99,#08090be8);border-radius:6px;overflow:hidden}
.clan-top-panel{padding:20px 18px 16px}
.clan-panel-title{font:23px Impact,'Arial Narrow',sans-serif;letter-spacing:.6px;color:#fff;margin:0 0 22px;display:flex;align-items:center;gap:16px}
.clan-top-panel .clan-panel-title:before,.clan-top-panel .clan-panel-title:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#757575)}
.clan-top-panel .clan-panel-title:after{transform:rotate(180deg)}
.clan-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:12px}
.clan-champion{position:relative;min-width:0;aspect-ratio:2/3;isolation:isolate;text-align:center;font-family:Impact,'Arial Narrow',sans-serif;color:#fff}
.clan-champion img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #0009)}
.clan-champion[data-place="1"]{filter:drop-shadow(0 0 15px #bb172735)}
.clan-place{position:absolute;top:5.6%;left:10%;right:10%;font-size:clamp(11px,1.05vw,17px);letter-spacing:.5px;text-shadow:0 2px 4px #000}
.clan-champion-title{position:absolute;top:56%;left:10%;right:10%;height:10%;display:flex;flex-direction:column;justify-content:center}
.clan-champion-title span{font-size:10px;color:#ccc;letter-spacing:1px}
.clan-champion-title h4{margin:2px 0 0;font-size:clamp(12px,1.2vw,20px);line-height:1.05;overflow-wrap:anywhere;max-height:2.1em;overflow:hidden}
.clan-champion-points{position:absolute;top:66%;left:10%;right:10%;display:flex;align-items:center;flex-direction:column;line-height:1}
.clan-champion-points strong{font-size:clamp(25px,2.4vw,42px);color:#bcc2c8;text-shadow:0 2px 3px #000}
.clan-champion[data-place="1"] .clan-champion-points strong{color:#ff2736}
.clan-champion[data-place="3"] .clan-champion-points strong{color:#d19659}
.clan-champion-points span{font:8px Arial,sans-serif;letter-spacing:.2px;margin-top:3px;color:#ccc}
.clan-medal-number{position:absolute;top:79%;left:35%;right:35%;font-size:clamp(24px,2.7vw,45px);text-shadow:0 2px 4px #000;color:#ead39b}
.clan-board{display:flex;flex-direction:column}.clan-board>.clan-panel-title{padding:20px 18px;margin:0;border-bottom:1px solid #ffffff16}
.clan-board-scroll{max-height:490px;overflow:auto;flex:1}
.clan-board table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;table-layout:fixed}
.clan-board th{font-size:9px;letter-spacing:.5px;background:#212227;color:#919aaa;padding:12px}
.clan-board th:first-child{width:42px}.clan-board th:last-child{width:88px;text-align:right}
.clan-board td{padding:15px 12px;border-bottom:1px solid #ffffff13;color:#bbb;overflow-wrap:anywhere}
.clan-board td:nth-child(2){font-weight:800;color:#e4e4e7}.clan-board td:last-child{text-align:right;font-size:11px}
.clan-board tr[data-place="1"] td{background:#b28b161a;color:#f0ce4e}
.clan-board>p{font-size:10px;color:#8c8690;text-align:center;margin:18px}
.clan-ranking-summary article{background:#101114aa;border-color:#ffffff20;border-radius:6px}
.clan-ranking-summary span{color:#f1484f}.clan-ranking-summary strong{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;font-weight:400}
.clan-table-scroll{border-radius:6px;background:#0a0b0fbd}.clan-ranking-table th{background:#202126;color:#a7afbf}
.group-card{background:linear-gradient(130deg,#191a1dde,#0b0c0eea);border-radius:6px}
@media(max-width:1000px){.clan-showcase{grid-template-columns:1fr}.clan-board-scroll{max-height:280px}.clan-place{font-size:17px}.clan-champion-title h4{font-size:22px}.clan-champion-points strong{font-size:38px}.clan-medal-number{font-size:40px}}
@media(max-width:600px){.clan-mode-banner{font-size:18px;padding:16px 10px}.clan-podium{grid-template-columns:1fr;gap:24px;max-width:320px;margin:auto}.clan-champion[data-place="1"]{order:0}.clan-champion[data-place="2"]{order:1}.clan-champion[data-place="3"]{order:2}.clan-place{font-size:18px}.clan-champion-title h4{font-size:24px}.clan-champion-points strong{font-size:44px}.clan-champion-points span{font-size:10px}.clan-medal-number{font-size:47px}}

@media(max-width:600px){#grupos{background-size:auto,240px auto,auto;background-position:0 0,right 16px top 30px,0 0;}}