:root{--navy:#14243a;--gold:#e9b949;--purple:#635bdb;--muted:#68788b;--line:#e4e8ee}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;color:#172536}header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.brand{display:flex;gap:10px;text-decoration:none;font-weight:900;letter-spacing:1px}.brand b{background:var(--gold);padding:8px 13px;border-radius:10px;font-size:25px}.brand small{display:block;font-size:10px;letter-spacing:4px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:13px;font-weight:700}.hero{margin:28px auto;width:90%;max-width:1300px;min-height:370px;padding:6%;background:var(--navy);border-radius:24px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero>div:first-child{max-width:650px}.hero small,.join small{letter-spacing:2px;font-size:10px;font-weight:900;color:#b6c2d2}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.hero em{color:var(--gold);font-style:normal}.hero p{color:#c6cfda;max-width:460px;margin-bottom:28px}.seal{border:1px solid #ffffff55;border-radius:50%;width:220px;height:220px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.seal b{font-size:60px;color:var(--gold)}.seal small{letter-spacing:3px}.seal strong{font-size:22px;letter-spacing:3px}.btn{display:inline-block;padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:800;border:0;cursor:pointer}.light{background:white;color:var(--navy)}.dark{background:var(--navy);color:white}.section{max-width:1120px;width:90%;margin:70px auto}.purple{color:var(--purple);font-weight:900;letter-spacing:2px}.section h2,.join h2{font-size:36px;letter-spacing:-1px;margin:8px 0}.section>p{color:var(--muted)}.filters{display:flex;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters select{padding:12px;border:1px solid #dce2e9;border-radius:9px;min-width:190px;background:white}.filters a{font-size:12px}.empty{text-align:center;background:#f7f6f1;border:1px dashed #ddd;border-radius:18px;padding:45px 20px;margin-top:20px}.empty div{font-size:34px}.empty p{color:var(--muted)}.rank{display:flex;gap:16px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line)}.number{color:#8793a2;width:25px}.avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f0efff;color:var(--purple);font-size:22px;font-weight:900}.biz{flex:1}.biz h3{margin:0;font-size:16px}.biz p{margin:4px 0 0;color:var(--muted);font-size:12px}.biz span{background:#fff4d7;color:#795900;border-radius:15px;padding:4px 7px;font-size:10px}.total{text-align:right}.total b,.total small{display:block}.total small,.note{color:var(--muted);font-size:11px}.join{background:var(--purple);color:white;padding:42px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.join small{color:#ddd9ff}footer{padding:35px 5%;background:#f6f7f9;color:#68788b;font-size:12px}footer b{color:var(--navy)}.wrap{max-width:760px;width:90%;margin:50px auto 70px}.wrap h1{font-size:38px}.muted{color:var(--muted)}.card{padding:25px;border:1px solid var(--line);border-radius:15px;margin-top:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.field input,.field select,.field textarea{font:inherit;font-weight:400;padding:12px;border:1px solid #dce2e9;border-radius:8px}.field textarea{min-height:100px}.span{grid-column:span 2}.notice{padding:14px;background:#f0f5ff;border-radius:9px;margin:15px 0;font-size:13px}.error{background:#fff0f0;color:#8d2020}.success{background:#eaf8ef;color:#176b36}.table{width:100%;border-collapse:collapse;font-size:12px}.table td,.table th{padding:10px;border-bottom:1px solid var(--line);text-align:left}@media(max-width:700px){header{height:auto;padding:14px 5%;gap:10px}nav{gap:10px}nav a{font-size:11px}.hero{padding:30px 24px}.seal{display:none}.hero h1{letter-spacing:-1px}.section{margin:45px auto}.filters select{width:100%}.rank{gap:9px}.avatar{width:40px;height:40px}.biz h3{font-size:13px}.biz p{font-size:11px}.total b{font-size:13px}.total small{font-size:9px}.join{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.span{grid-column:span 1}}
/* Logos de comercios */
.avatar{overflow:hidden;flex-shrink:0}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Corregir tamaño de logos en el ranking */
.rank .avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px;
    max-width: 50px;
    flex: 0 0 50px;
    overflow: hidden;
}

.rank .avatar img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 700px) {
    .rank .avatar {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px;
    }
}
.rank img {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
    display: block !important;
}

.rank .avatar,
.rank .avatar img {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    flex: 0 0 50px !important;
}