body{background:linear-gradient(120deg,#f8fafc 0,#e0e7ff 100%)}.custom-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.custom-card{border-radius:2rem;box-shadow:0 8px 32px 0 rgba(65,70,117,.13),0 1px 6px 0 rgba(40,40,90,.08);overflow:hidden;transition:transform .28s cubic-bezier(.4,2.1,.6,.8),box-shadow .22s,background .3s,border .28s cubic-bezier(.4,2.1,.6,.8);min-width:260px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;border:3px solid #e53935;position:relative}.custom-card:focus-within,.custom-card:hover{transform:scale(1.08) translateY(-8px) rotateZ(-1deg);box-shadow:0 20px 60px 0 rgba(60,120,255,.2);z-index:2;border:3px solid #e53935;animation:.4s border-glow}@keyframes border-glow{0%{box-shadow:0 8px 32px 0 rgba(65,70,117,.13),0 1px 6px 0 rgba(40,40,90,.08);border-color:#e53935}100%{box-shadow:0 20px 60px 0 rgba(60,120,255,.2);border-color:#e53935}}.bg-sexo{background:linear-gradient(135deg,#ffb6c1 0,#ff69b4 100%)}.bg-encuentros{background:linear-gradient(135deg,#fffad7 0,#ffe082 100%)}.bg-amigos{background:linear-gradient(135deg,#8fd3f4 0,#a6c1ee 100%)}.bg-amistad{background:linear-gradient(135deg,#b2f7ef 0,#f9f7d9 100%)}.bg-peru{background:linear-gradient(135deg,#ffedea 0,#ff7676 100%)}.bg-argentina{background:linear-gradient(135deg,#e3f6fd 0,#b5e0fa 100%)}.bg-mexico{background:linear-gradient(135deg,#f3ffe3 0,#baffc9 100%)}.custom-card.bg-sexo .card-title{color:#c2185b}.custom-card.bg-encuentros .card-title{color:#ff9800}.custom-card.bg-amigos .card-title{color:#1976d2}.custom-card.bg-amistad .card-title,.custom-card.bg-mexico .card-title{color:#388e3c}.custom-card.bg-peru .card-title{color:#d32f2f}.custom-card.bg-argentina .card-title{color:#0288d1}.custom-card .img-wrap{width:100%;height:170px;background:#f1f3f7;display:flex;align-items:center;justify-content:center}.custom-card img{height:100%;width:100%;object-fit:cover;border-bottom:1.5px solid #b3baff;transition:filter .24s}.custom-card:hover img{filter:brightness(1.1) blur(.5px)}.custom-card .card-body{flex:1 1 auto;padding:1.3rem 1.2rem 1rem;display:flex;flex-direction:column;align-items:flex-start}.custom-card .card-title{font-size:1.35rem;font-weight:900;letter-spacing:.03em;margin-bottom:.3rem}.custom-card .card-text{color:#44496b;font-size:1.04rem;margin-bottom:0}@media (max-width:991px){.custom-grid{gap:1.25rem}.custom-card{max-width:98vw;min-width:90vw}}@media (max-width:600px){.custom-card{min-width:99vw;max-width:99vw}.custom-card .img-wrap{height:120px}}.navbar-social{gap:.45rem}.navbar-social-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1.1rem;border-radius:50%;margin-left:.12rem;margin-right:.12rem;color:#fff;background:#444;transition:background .18s,color .18s,transform .19s;text-decoration:none}.navbar-social-icon.facebook{background:#1877f3}.navbar-social-icon.facebook:hover{background:#145db2;transform:scale(1.12)}.navbar-social-icon.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.navbar-social-icon.instagram:hover{background:#d6249f;transform:scale(1.12)}.navbar-social-icon.youtube{background:red}.navbar-social-icon.youtube:hover{background:#b80000;transform:scale(1.12)}.navbar-social-icon.tiktok{background:#010101}.navbar-social-icon.tiktok:hover{background:#25f4ee;color:#111;transform:scale(1.12)}.navbar-social-icon.discord{background:#5865f2}.navbar-social-icon.discord:hover{background:#404eed;transform:scale(1.12)}@media (max-width:991px){.navbar-social{margin-top:.7rem;margin-bottom:.5rem;gap:.8rem}.navbar-social-icon{width:30px;height:30px;font-size:1.2rem}}





/* isntalar app*/
:root {
  --accent-color: #5bb75b;
  --accent-rgb: 128, 0, 255;
  --background-color: #1a1a1a;
  --text-color: #ffffff;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(var(--accent-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0);
  }
}
.install-prompt {
  position: fixed;
  top: 11%;
  left: 50%;
  transform: translateX(-50%);
  background: #5bb75b;
  backdrop-filter: blur(10px);
  padding: 1rem 1rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  animation: bounce 1s infinite;
}

@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(10px); }
}

.install-prompt button {
  background: white;
  color: var(--accent-color);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: bold;
  transition: transform 0.2s;
}

.install-prompt button:hover {
  transform: scale(1.1);
}

@media (max-width: 480px) {

  .install-prompt {
    width: 90%;
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
  }

}