CANNONDALE TRAIL 2

El Trail 2 porta el llegado de los 50 años de Cannondale fabricando bicicletas de alto rendimiento. El cuadro de aluminio SmartForm C3 y la horquilla Suntour XCM32, de 100 mm de recorrido (80 mm en tallas XS y S) proporcionan una experiencia cómoda y estable, tanto en los senderos como en las calles.

/* ===== Especificaciones GRY — escala de grises, negro y blanco ===== */
.gry{
–gry-line:#e2e4e7; –gry-head:rgba(17,24,39,.05); –gry-sub:#6b7280;
–gry-txt:#1f2328; –gry-mut:#8a8f98;
–gry-accent:#4b5563; /* gris pizarra */
–gry-accent-soft:rgba(75,85,99,.08);
–gry-dark:#111827; /* negro/gris muy oscuro del cuadro de grupo */
all:initial;
display:block; container-type:inline-size;
box-sizing:border-box; width:100%; max-width:650px;
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Helvetica,Arial,sans-serif;
color:var(–gry-txt); line-height:1.45; text-align:left;
background:transparent;
}
.gry *,.gry *::before,.gry *::after{box-sizing:border-box}

.gry .gry-badge{
display:inline-block; font-size:11px; font-weight:700; color:#fff;
letter-spacing:.08em; margin-bottom:16px;
background:var(–gry-accent); padding:4px 10px; border-radius:999px;
}

.gry .gry-scroll{width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch}

/* Tabla sin marcos: solo separadores horizontales */
.gry table{
width:100%; max-width:100%; table-layout:fixed;
border-collapse:collapse; border-spacing:0; border:0;
font-size:12.5px; background:transparent; margin:0;
}
.gry thead th{
background:var(–gry-head); text-align:left; padding:10px;
font-weight:600; font-size:12.5px; color:var(–gry-dark);
border:0; border-bottom:2px solid var(–gry-accent);
text-transform:none; letter-spacing:0;
}
.gry th.gry-c1,.gry td.gry-c1{width:36%}
.gry td{
padding:9px 10px; border:0; border-bottom:1px solid var(–gry-line);
vertical-align:top; background:transparent; color:var(–gry-txt); font-size:12.5px;
overflow-wrap:anywhere; word-break:normal; hyphens:auto;
}
.gry td.gry-c1{font-weight:600; color:#2d3238}
.gry tr.gry-group td{
background:var(–gry-dark); color:#fff; font-weight:700;
font-size:11.5px; letter-spacing:.09em; padding:10px;
border:0; border-left:3px solid #9ca3af;
}
.gry tbody tr:not(.gry-group):hover td{background:var(–gry-accent-soft); transition:background .16s}

/* ===== Modo apilado (tarjetas) ===== */
@container (max-width: 400px){
.gry .gry-scroll{overflow-x:visible}
.gry table{table-layout:auto; border:0; display:block; width:100%}
.gry thead{display:none}
.gry tbody{display:block; width:100%}
.gry tbody tr{display:block; width:100%; margin:0}

.gry tbody tr:not(.gry-group){
border:0; border-bottom:1px solid var(–gry-line); padding:2px 0;
}
.gry td{
display:block; width:100%; max-width:100%; min-width:0;
border:0; padding:7px 2px; white-space:normal;
overflow-wrap:break-word; word-break:break-word;
}
.gry td.gry-c1{
width:auto; font-size:10.5px; font-weight:700; letter-spacing:.06em;
color:var(–gry-mut); padding-bottom:0; line-height:1.35;
}
.gry td:not(.gry-c1){padding-top:3px; padding-bottom:12px; line-height:1.5}

.gry tbody tr.gry-group{border:0; padding:0; margin:0}
.gry tr.gry-group td{
padding:10px 12px; line-height:1.3;
border:0; border-left:3px solid #9ca3af;
}
.gry tbody tr.gry-group:not(:first-child) td{
border-top:14px solid transparent; background-clip:padding-box;
}
}

@supports not (container-type: inline-size){
@media (max-width: 420px){
.gry .gry-scroll{overflow-x:visible}
.gry table{table-layout:auto; border:0; display:block; width:100%}
.gry thead{display:none}
.gry tbody{display:block; width:100%}
.gry tbody tr{display:block; width:100%; margin:0}
.gry tbody tr:not(.gry-group){border:0; border-bottom:1px solid var(–gry-line); padding:2px 0}
.gry td{
display:block; width:100%; max-width:100%; min-width:0;
border:0; padding:7px 2px; white-space:normal;
overflow-wrap:break-word; word-break:break-word;
}
.gry td.gry-c1{
width:auto; font-size:10.5px; font-weight:700; letter-spacing:.06em;
color:var(–gry-mut); padding-bottom:0; line-height:1.35;
}
.gry td:not(.gry-c1){padding-top:3px; padding-bottom:12px; line-height:1.5}
.gry tbody tr.gry-group{border:0; padding:0; margin:0}
.gry tr.gry-group td{padding:10px 12px; line-height:1.3; border:0; border-left:3px solid #9ca3af}
.gry tbody tr.gry-group:not(:first-child) td{
border-top:14px solid transparent; background-clip:padding-box;
}
}
}

@media print{
.gry td,.gry th{font-size:10px}
}