/**
 * Cidades CSS — Hub programático light
 * @package 55acompanhantes
 * @since   5.1.0
 */
.cid-page{font-family:'Montserrat',system-ui,sans-serif;color:#333;-webkit-font-smoothing:antialiased}
.cid-page *{box-sizing:border-box}
.cid-page a{color:inherit;text-decoration:none}
.cid-w{max-width:1180px;margin:0 auto;padding:0 20px}

/* Hero */
.cid-hero{background:#fff;padding:48px 20px 40px;text-align:center;border-bottom:1px solid #eee}
.cid-hero h1{font-size:28px;font-weight:700;color:#222;margin:0 0 8px}
.cid-hero__desc{font-size:14px;color:#777;max-width:560px;margin:0 auto 24px;line-height:1.6}

/* Geo */
.cid-geo{background:#fff;border:2px solid #e25352;border-radius:12px;padding:16px 20px;max-width:480px;margin:0 auto 24px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px rgba(226,83,82,.08)}
.cid-geo__ico{width:42px;height:42px;border-radius:50%;background:#e25352;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;flex-shrink:0;animation:gp 2s ease-in-out infinite}
@keyframes gp{0%,100%{box-shadow:0 0 0 0 rgba(226,83,82,.3)}50%{box-shadow:0 0 0 10px rgba(226,83,82,0)}}
.cid-geo__txt{text-align:left;flex:1}
.cid-geo__city{font-size:16px;font-weight:700;color:#222}
.cid-geo__sub{font-size:11px;color:#999;margin-top:1px}
.cid-geo__btn{padding:9px 20px;background:#e25352;color:#fff;border-radius:8px;font-weight:600;font-size:13px;white-space:nowrap;transition:all .15s;flex-shrink:0}
.cid-geo__btn:hover{background:#c62828}

/* Search */
.cid-search{max-width:400px;margin:0 auto;position:relative}
.cid-search input{width:100%;padding:11px 16px 11px 40px;border:1px solid #ddd;border-radius:10px;background:#f5f5f5;font-size:14px;font-family:inherit;color:#333;outline:none}
.cid-search input:focus{border-color:#e25352;background:#fff}
.cid-search input::placeholder{color:#aaa}
.cid-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#aaa;font-size:14px}

/* Sections */
.cid-sec{padding:40px 0}
.cid-sec h2{font-size:20px;font-weight:700;color:#222;margin:0 0 20px}

/* Estados grid */
.cid-est-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cid-est{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #eee;border-radius:8px;transition:all .15s}
.cid-est:hover{border-color:#e25352;box-shadow:0 2px 8px rgba(226,83,82,.06)}
.cid-est__flag{width:34px;height:34px;border-radius:6px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#e25352;flex-shrink:0}
.cid-est__name{font-size:13px;font-weight:600;color:#333;flex:1}
.cid-est__count{font-size:11px;color:#aaa;font-weight:500}

/* Cidades grid */
.cid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cid-card{background:#f5f5f5;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:all .2s}
.cid-card:hover{border-color:#e25352;box-shadow:0 4px 16px rgba(0,0,0,.04);transform:translateY(-2px)}
.cid-card__inner{padding:20px}
.cid-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.cid-card__uf{font-size:11px;font-weight:700;color:#e25352;letter-spacing:.5px}
.cid-card__count{font-size:11px;color:#999}
.cid-card__name{font-size:18px;font-weight:700;color:#222;margin:0 0 8px}
.cid-card__link{font-size:13px;color:#e25352;font-weight:600}
.cid-card--big{grid-column:span 2}
.cid-card--big .cid-card__name{font-size:24px}

/* All cities */
.cid-all{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cid-all__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid #eee;border-radius:6px;font-size:13px;color:#333;transition:all .15s}
.cid-all__item:hover{border-color:#e25352;color:#e25352}
.cid-all__item span{color:#aaa;font-size:11px}

/* CTA */
.cid-cta{background:#fff;padding:50px 20px;border-top:1px solid #eee}
.cid-cta h2{font-size:22px;font-weight:700;margin:0 0 8px;color:#222}
.cid-cta p{font-size:14px;color:#777;margin:0 0 24px}
.cid-cta__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#e25352;color:#fff;border-radius:10px;font-size:15px;font-weight:600;transition:all .15s}
.cid-cta__btn:hover{background:#c62828;box-shadow:0 4px 16px rgba(226,83,82,.2)}

@media(max-width:900px){.cid-est-grid{grid-template-columns:repeat(2,1fr)}.cid-grid{grid-template-columns:1fr}.cid-card--big{grid-column:span 1}.cid-all{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.cid-est-grid,.cid-all{grid-template-columns:1fr}.cid-geo{flex-direction:column;text-align:center}.cid-geo__txt{text-align:center}}