SKATE THE STREETS

Skate • Surfskate • Longboard • Streetwear

COMPRAR SKATE VER SURFSKATE
SKATE SURFSKATE LONGBOARD CRUISER PROTECCIONES MOCHILAS ROPA & ACCESORIOS

ESTO NO ES SOLO UNA TIENDA.
ES CALLE.
ES PUSH CLUB.

NUEVAS LLEGADAS

DROP STREET 2026

Edición limitada.

VER COLECCIÓN

LOS MÁS VENDIDOS 🔥

MARCAS QUE PATINAN DURO

🚚 ENVÍO 24/48H
🔒 PAGO SEGURO
↩️ DEVOLUCIÓN FÁCIL
🛹 SKATER OWNED

body { margin: 0;
font-family: ‘Oswald’, sans-serif;
background: #fff;
}
section {
padding: 100px 5%;
}

.pc-hero {
position: relative;
height: 100vh;
background: url(«URL-IMAGEN-HERO.jpg») center/cover no-repeat;
display: flex;
align-items: center;
color: white;
}

.pc-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.55);
}

.pc-hero-content {
position: relative;
max-width: 700px;
}

.pc-hero h1 {
font-size: 70px;
margin-bottom: 20px;
}

.pc-hero p {
font-size: 20px;
margin-bottom: 30px;
}

.pc-btn {
padding: 15px 35px;
text-decoration: none;
font-weight: bold;
margin-right: 15px;
transition: 0.3s;
}

.pc-btn.primary {
background: black;
color: white;
}

.pc-btn.primary:hover {
background: #333;
}

.pc-btn.secondary {
border: 2px solid white;
color: white;
}

.pc-categories {
background: #f5f5f5;
}

.pc-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 25px;
}

.pc-cat {
position: relative;
overflow: hidden;
}

.pc-cat img {
width: 100%;
height: 420px;
object-fit: cover;
transition: 0.4s;
}

.pc-cat:hover img {
transform: scale(1.05);
}

.pc-cat span {
position: absolute;
bottom: 20px;
left: 20px;
color: white;
font-size: 28px;
font-weight: bold;
}

.pc-cat.wide {
grid-column: span 3;
}

.pc-identity {
background: #111;
color: white;
text-align: center;
font-size: 50px;
line-height: 1.1;
}

.pc-products h2,
.pc-brands h3 {
text-align: center;
margin-bottom: 50px;
font-size: 40px;
}

.pc-promo {
background: #9c1c1c;
color: white;
text-align: center;
}

.pc-promo-content {
max-width: 700px;
margin: auto;
}

.pc-brand-grid {
display: grid;
grid-template-columns: repeat(6,1fr);
gap: 40px;
align-items: center;
}

.pc-brand-grid img {
width: 100%;
opacity: 0.6;
transition: 0.3s;
}

.pc-brand-grid img:hover {
opacity: 1;
}

.pc-benefits {
background: #111;
color: white;
display: grid;
grid-template-columns: repeat(4,1fr);
text-align: center;
font-size: 20px;
}

@media(max-width: 768px) {

.pc-grid {
grid-template-columns: 1fr;
}

.pc-cat.wide {
grid-column: span 1;
}

.pc-brand-grid {
grid-template-columns: repeat(2,1fr);
}

.pc-benefits {
grid-template-columns: 1fr;
gap: 20px;
}

.pc-hero h1 {
font-size: 40px;
}

}