📶
WiFi Cerca
Encuentra puntos WiFi públicos y autorizados
Versión 1.0
🔍 Buscar
📍 Mi ubicación
⚙️ Filtros
⭐ Favoritos
➕ Añadir punto
🗺️ Mapa
📶
☕
📚
El mapa se activará en el Bloque 3
📡 Puntos cercanos
Biblioteca municipal
WiFi público · Acceso autorizado ·
Ejemplo de la interfaz
Cafetería del centro
WiFi para clientes ·
Preguntar al establecimiento
Plaza pública
Red abierta · Evita enviar información sensible
Puntos encontrados
0
Favoritos
0
Ubicación
No activa
WiFi Cerca está preparado.
Esta aplicación mostrará únicamente redes públicas,
propias o compartidas con permiso. No obtiene contraseñas
ni permite acceder a redes privadas sin autorización.
box-sizing:border-box;
}
#wifi-cerca button,
#wifi-cerca input,
#wifi-cerca select{
font:inherit;
}
#wifi-cerca button{
border:0;
border-radius:11px;
padding:11px 13px;
background:#334765;
color:#fff;
font-weight:700;
cursor:pointer;
}
#wifi-cerca button:hover{
filter:brightness(1.12);
}
#wifi-cerca .principal{
background:linear-gradient(
90deg,
var(--azul),
var(--verde)
);
}
#wifi-cerca .cabecera{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:15px;
border:1px solid var(--borde);
border-radius:17px;
background:rgba(10,20,37,.92);
}
#wifi-cerca .marca{
display:flex;
align-items:center;
gap:12px;
}
#wifi-cerca .logo{
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
background:linear-gradient(
135deg,
var(--azul),
var(--verde)
);
font-size:34px;
}
#wifi-cerca h2,
#wifi-cerca h3{
margin:0;
}
#wifi-cerca .subtitulo{
margin:5px 0 0;
color:var(--suave);
font-size:13px;
}
#wifi-cerca .version{
padding:8px 11px;
border-radius:999px;
background:var(--panel2);
color:#d9f3ff;
font-size:12px;
font-weight:bold;
}
#wifi-cerca .buscador{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
margin-top:13px;
}
#wifi-cerca input,
#wifi-cerca select{
width:100%;
padding:11px;
border:1px solid var(--borde);
border-radius:10px;
background:#08111f;
color:white;
}
#wifi-cerca .acciones{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin-top:10px;
}
#wifi-cerca .contenido{
display:grid;
grid-template-columns:1.5fr 1fr;
gap:12px;
margin-top:12px;
}
#wifi-cerca .panel{
padding:14px;
border:1px solid var(--borde);
border-radius:15px;
background:rgba(10,20,37,.94);
}
#wifi-cerca .mapa{
position:relative;
min-height:380px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:13px;
background:
linear-gradient(
rgba(14,165,233,.08),
rgba(34,197,94,.05)
),
repeating-linear-gradient(
0deg,
transparent,
transparent 29px,
rgba(255,255,255,.04) 30px
),
repeating-linear-gradient(
90deg,
transparent,
transparent 29px,
rgba(255,255,255,.04) 30px
),
#07101d;
}
#wifi-cerca .mapa-vacio{
max-width:280px;
padding:16px;
color:var(--suave);
text-align:center;
line-height:1.55;
}
#wifi-cerca .pin-demo{
position:absolute;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50% 50% 50% 0;
background:var(--azul);
transform:rotate(-45deg);
box-shadow:0 8px 18px rgba(0,0,0,.35);
}
#wifi-cerca .pin-demo span{
transform:rotate(45deg);
}
#wifi-cerca .pin-1{
top:28%;
left:32%;
}
#wifi-cerca .pin-2{
top:54%;
left:63%;
background:var(--verde);
}
#wifi-cerca .pin-3{
top:68%;
left:42%;
background:var(--naranja);
}
#wifi-cerca .lista{
display:grid;
gap:9px;
margin-top:10px;
}
#wifi-cerca .wifi-item{
padding:11px;
border-left:5px solid var(--azul);
border-radius:10px;
background:var(--panel2);
}
#wifi-cerca .wifi-item strong{
display:block;
}
#wifi-cerca .wifi-item small{
display:block;
margin-top:5px;
color:var(--suave);
line-height:1.45;
}
#wifi-cerca .segura{
border-left-color:var(--verde);
}
#wifi-cerca .precaucion{
border-left-color:var(--naranja);
}
#wifi-cerca .estadisticas{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-top:12px;
}
#wifi-cerca .dato{
padding:10px;
border-radius:10px;
background:var(--panel2);
color:var(--suave);
text-align:center;
font-size:12px;
}
#wifi-cerca .dato strong{
display:block;
margin-top:5px;
color:#63d7ff;
font-size:19px;
}
#wifi-cerca .estado{
margin-top:12px;
padding:11px;
border-radius:11px;
background:var(--panel2);
color:var(--suave);
text-align:center;
line-height:1.45;
}
#wifi-cerca .aviso{
margin-top:10px;
padding:10px;
border-radius:10px;
background:rgba(245,158,11,.12);
color:#fde6b0;
font-size:12px;
line-height:1.5;
}
@media(max-width:800px){
#wifi-cerca .cabecera{
flex-direction:column;
text-align:center;
}
#wifi-cerca .marca{
flex-direction:column;
}
#wifi-cerca .contenido{
grid-template-columns:1fr;
}
#wifi-cerca .acciones{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:480px){
#wifi-cerca .buscador,
#wifi-cerca .acciones,
#wifi-cerca .estadisticas{
grid-template-columns:1fr;
}
#wifi-cerca .mapa{
min-height:310px;
}
}
📶
WiFi Cerca
Encuentra puntos WiFi públicos y autorizados
Versión 1.0
🔍 Buscar
📍 Mi ubicación
⚙️ Filtros
⭐ Favoritos
➕ Añadir punto
🗺️ Mapa
📶
☕
📚
El mapa se activará en el Bloque 3
📡 Puntos cercanos
Biblioteca municipal
WiFi público · Acceso autorizado ·
Ejemplo de la interfaz
Cafetería del centro
WiFi para clientes ·
Preguntar al establecimiento
Plaza pública
Red abierta · Evita enviar información sensible
Puntos encontrados
0
Favoritos
0
Ubicación
No activa
WiFi Cerca está preparado.
Esta aplicación mostrará únicamente redes públicas,
propias o compartidas con permiso. No obtiene contraseñas
ni permite acceder a redes privadas sin autorización.