Rinos Atlas Kit de Marco

Descripción

/* Estilos Globales */
html {
scroll-behavior: smooth;
}
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘IBM Plex Sans’, sans-serif;
color: #2A2A2A;
background: #fff;
line-height: 1.6;
}
a {
text-decoration: none;
color: inherit;
}

/* Banner de Héroe */
.hero-banner {
position: relative;
width: 100%;
height: 400px;
background: url(‘https://i.goopics.net/8ywtkw.png’) no-repeat center center/cover;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 20px;
text-align: left;
color: #2A2A2A;
font-size: 2.5em;
font-weight: bold;
transition: text-shadow 0.3s ease-in-out;
}
.hero-banner:hover {
text-shadow: 0px 0px 10px rgba(42, 42, 42, 0.8);
}

/* Sección de Destacados */
section.highlights {
padding: 3rem 1rem;
background: #f9f9f9;
text-align: center;
}
.highlights h2 {
font-size: 2rem;
margin-bottom: 2.5rem;
font-weight: 700;
}
.features {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
}
.feature {
background: #fff;
border-radius: 8px;
padding: 1.5rem;
max-width: 250px;
flex: 1 1 200px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature:hover {
transform: translateY(-5px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.feature img {
width: 120px;
height: auto;
margin-bottom: 1rem;
}
.feature h3 {
font-size: 1.1rem;
margin-bottom: 0.5rem;
font-weight: 700;
}
.feature p {
font-size: 0.95rem;
margin-bottom: 0;
}

/* Sección de Especificaciones y Tallas */
section#details {
padding: 3rem 1rem;
max-width: 1200px;
margin: 0 auto;
}
#details h2 {
font-size: 2rem;
text-align: center;
margin-bottom: 2rem;
font-weight: 700;
}
.specs-and-sizing {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
}
.specs, .sizing {
background: #f9f9f9;
border-radius: 8px;
padding: 1.5rem;
max-width: 500px;
flex: 1 1 300px;
}
.specs summary,
.sizing summary {
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 1rem;
cursor: pointer;
}
.specs ul,
.sizing ul {
list-style: none;
padding-left: 0;
}
.specs li,
.sizing li {
margin-bottom: 0.5em;
}
.specs li strong {
display: inline-block;
width: 140px;
font-weight: 700;
}
.sizing-table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
.sizing-table th,
.sizing-table td {
border: 1px solid #ccc;
padding: 0.5rem;
text-align: left;
}
.sizing-table th {
background-color: #eaeaea;
font-weight: 700;
}

/* Footer */
footer {
background: #2A2A2A;
color: #fff;
text-align: center;
padding: 2rem 1rem;
font-size: 0.9em;
}

/* Responsive */
@media (max-width: 600px) {
.hero-banner {
font-size: 2em;
height: 300px;
}
.highlights h2 {
font-size: 1.6rem;
}
.feature {
max-width: 100%;
}
.specs-and-sizing {
flex-direction: column;
align-items: center;
}
}

/* — Estilos para la Guía de Tallas — */
#sizing {
padding: 1rem;
}
#sizing h3 {
margin-top: 0;
margin-bottom: 1rem;
text-align: center;
font-size: 1.8rem;
}
.sizing-intro {
text-align: center;
color: #555;
margin-bottom: 1.5rem;
line-height: 1.4em;
}
.sizing-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
margin: 20px 0;
}
.sizing-item {
background: #fefefe;
border: 1px solid #ddd;
border-radius: 5px;
padding: 1rem;
text-align: left;
}
.sizing-item strong {
display: block;
font-size: 1.05rem;
margin-bottom: 0.3rem;
color: #333;
}
.on-demand {
display: block;
font-style: italic;
color: #c00; /* Indica «fabricado por encargo» */
margin-top: 0.3rem;
}
.sizing-images {
text-align: center;
margin: 2rem 0 1rem;
}
.sizing-images img {
max-width: 100%;
height: auto;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: 5px;
}
.sizing-note {
margin-top: 1rem;
font-size: 0.95rem;
color: #444;
text-align: center;
line-height: 1.4em;
}

Destacados

Durabilidad Extrema

El titanio destaca donde otros materiales fallan: sin oxidarse, resistente a impactos y construido para durar toda la vida.

Comodidad Superior

Absorbe las vibraciones de la carretera para una conducción ágil y cómoda en largos trayectos.

Versatilidad Todo Terreno

Domina el asfalto, la grava y el ciclocross con un espacio para neumáticos de hasta 700×50C.

Estilo Atemporal

El acabado natural del titanio luce igual de bien en décadas como lo hace hoy, sin descascararse.

Especificaciones y Tallas

Especificaciones

• Modelo: Atlas Frameset
• Material: Titanio (Grado 9)
• Horquilla: Fibra de Carbono (incluida)
• Montaje de freno: Disco montado (140/160mm)
• Cubo de pedalier: Rosca T47
• Espacio para neumáticos: Hasta 700×50C
• Gestión de cables: Totalmente interna

Incluye: Cuadro, Horquilla, Juego de Dirección, Tubo de sillín y abrazadera, Manillar, Ejes, Inserto de pedalier.

Garantía: 2 Años

Guía de Tallas Atlas

Tamaño del Cuadro (Tubo de Sillín)	Altura del Ciclista	Disponibilidad
XS (48 cm)	~150 – 165 cm	En Stock
S (51 cm)	~165 – 175 cm	En Stock
M (54 cm)	~175 – 183 cm	En Stock
L (55.5 cm)	~183 – 188 cm	1 en Stock; el resto fabricado por encargo
XL (57 cm)	~188 – 193 cm	Fabricado por encargo
XXL (60 cm)	193 cm y más	Fabricado por encargo

Consejo: Para obtener el ajuste más preciso, mida su entrepierna y compárela con nuestras especificaciones geométricas. Si se encuentra entre tallas o cerca de los límites, considere realizar una prueba o contactarnos para asesoramiento personalizado.

Referencias de la Geometría del Cuadro:

function toggleSpecs() {
var specs = document.getElementById(«specs»);
if (specs.style.display === «block») {
specs.style.display = «none»;
} else {
specs.style.display = «block»;
}
}

function toggleSizing() {
var sizing = document.getElementById(«sizing»);
if (sizing.style.display === «block») {
sizing.style.display = «none»;
} else {
sizing.style.display = «block»;
}
}