/* Linncon Local · LP de sites (complementa style.css) */

/* celular mostrando um site */
.cel-site{padding:12px}
.url-barra{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground);background:var(--secondary);border-radius:999px;padding:8px 12px}
.cadeado{width:9px;height:9px;border-radius:2px;background:#14853B}
.site-topo{display:flex;flex-direction:column;margin-top:12px;padding:0 4px}
.site-topo b{font:700 17px var(--font-titulo);color:var(--primary)}
.site-topo span{font-size:12px;color:var(--muted-foreground)}
.site-hero{margin-top:10px;border-radius:16px;background:var(--primary);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:12px}
.site-hero strong{font:700 18px/1.15 var(--font-titulo)}
.site-btn{align-self:flex-start;font-size:12px;font-weight:600;background:var(--accent);color:var(--accent-foreground);padding:8px 14px;border-radius:999px}
.site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.site-cards span{font-size:11px;font-weight:600;text-align:center;padding:16px 0;border-radius:12px;background:var(--secondary);color:var(--primary)}
.site-mapa{position:relative;margin-top:10px;height:70px;border-radius:14px;background:#E8EEF9;display:flex;align-items:flex-end;padding:8px 12px;font-size:12px;font-weight:600;color:var(--primary)}
.site-mapa i{position:absolute;left:50%;top:14px;width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--primary);box-shadow:0 0 0 5px rgba(1,5,255,.15)}

/* recursos */
.recursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
.recurso h3{font-size:20px;margin-top:18px}
.recurso p{color:var(--muted-foreground);margin-top:8px;font-size:15px}

/* preços: 2 planos */
.planos-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-left:auto;margin-right:auto}
.aviso{max-width:860px;margin:26px auto 0}
.aviso h3{font-size:20px}
.aviso .check{margin:16px 0 0}
.planos-2+.aviso+.fundador{max-width:860px;margin-left:auto;margin-right:auto}

.trabalhos-3{grid-template-columns:repeat(3,minmax(0,1fr))}

@media (max-width:1100px){
  .planos-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trabalhos-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .recursos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .planos-2{grid-template-columns:1fr;max-width:520px}
  .recursos,.trabalhos-3{grid-template-columns:1fr}
}