Descripción
Productos > Descripción > «» HTML ║
╚══════════════════════════════════════════════════════════════╝
–>
/* ── RESET SCOPED ── */
.frx-wrap * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* ── VARIABLES & CONTAINER QUERIES ── */
.frx-wrap {
/* Variables de Color Azimut/Fox */
–or: #FF5A00;
–or10: rgba(255,90,0,0.08);
–or20: rgba(255,90,0,0.15);
–dk: #111111;
–mid: #3A3A3A;
–sub: #6B6B6B;
–bdr: #E5E5E5;
–bg2: #F7F7F5;
–grn: #5A8A2A;
–wht: #FFFFFF;
–warn-bg: #FFF8E7;
–warn-bd: #F5C842;
–warn-tx: #7A5C00;
font-family: ‘Barlow’, sans-serif;
color: var(–dk);
background: var(–wht);
width: 100%;
max-width: 100%;
overflow-x: hidden;
/* Container Queries: Esto permite que el diseño se adapte a columnas estrechas en Shopify */
container-type: inline-size;
container-name: frx;
}
/* ── ESTILOS SVG GLOBALES ── */
.frx-svg {
stroke: currentColor;
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
display: inline-block;
}
/* ── HERO ── */
.frx-hero {
position: relative;
background: var(–dk);
padding: clamp(32px, 8cqi, 72px) clamp(20px, 5cqi, 56px) clamp(28px, 6cqi, 56px);
overflow: hidden;
border-bottom: 4px solid var(–or);
}
.frx-hero::before {
content: »;
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 65% 80% at 90% 50%, rgba(255,90,0,0.14) 0%, transparent 65%),
repeating-linear-gradient(135deg, transparent, transparent 30px, rgba(255,255,255,0.018) 30px, rgba(255,255,255,0.018) 31px);
pointer-events: none;
}
.frx-hero__badge {
display: inline-block;
background: var(–or);
color: #fff;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 16px;
margin-bottom: 18px;
clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
position: relative;
z-index: 1;
opacity: 0;
animation: frxFadeDown 0.55s 0.1s ease forwards;
}
.frx-hero__brand {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(12px, 2.5cqi, 17px);
letter-spacing: 8px;
color: rgba(255,255,255,0.45);
text-transform: uppercase;
position: relative;
z-index: 1;
opacity: 0;
animation: frxFadeDown 0.55s 0.2s ease forwards;
}
.frx-hero__title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(36px, 12cqi, 100px);
line-height: 0.88;
color: #fff;
text-transform: uppercase;
margin: 6px 0 2px;
position: relative;
z-index: 1;
opacity: 0;
animation: frxFadeDown 0.55s 0.3s ease forwards;
}
.frx-hero__title span {
color: var(–or);
display: block;
}
.frx-hero__sub {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: clamp(12px, 2cqi, 16px);
letter-spacing: 4px;
color: #7FB84A;
text-transform: uppercase;
margin: 14px 0 24px;
position: relative;
z-index: 1;
opacity: 0;
animation: frxFadeDown 0.55s 0.4s ease forwards;
}
.frx-hero__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
position: relative;
z-index: 1;
opacity: 0;
animation: frxFadeDown 0.55s 0.5s ease forwards;
}
.frx-tag {
border: 1px solid rgba(255,255,255,0.22);
color: rgba(255,255,255,0.7);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 13px;
white-space: nowrap;
}
/* ── SECTION BASE ── */
.frx-section {
padding: clamp(32px, 7cqi, 64px) clamp(16px, 5cqi, 56px);
border-bottom: 1px solid var(–bdr);
background: var(–wht);
}
.frx-section–alt { background: var(–bg2); }
.frx-section__label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: var(–or);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 12px;
}
.frx-section__label::after {
content: »;
display: block;
height: 1px;
width: 36px;
background: var(–or);
opacity: 0.45;
}
.frx-section__title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(24px, 6cqi, 42px);
color: var(–dk);
letter-spacing: 1.5px;
margin-bottom: 22px;
line-height: 1.05;
}
/* ── DESCRIPCIÓN ── */
.frx-desc__text {
font-size: clamp(13px, 2cqi, 16px);
line-height: 1.85;
color: var(–mid);
max-width: 720px;
}
.frx-desc__text + .frx-desc__text { margin-top: 14px; }
.frx-desc__text strong { color: var(–or); font-weight: 600; }
.frx-desc__quote {
margin-top: 28px;
padding: clamp(16px, 3cqi, 24px) clamp(16px, 3cqi, 28px);
border-left: 4px solid var(–or);
background: var(–or10);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: clamp(15px, 3cqi, 21px);
font-weight: 600;
line-height: 1.45;
color: var(–dk);
max-width: 680px;
letter-spacing: 0.3px;
font-style: italic;
}
/* ── FEATURES ── */
.frx-features {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
gap: 1px;
background: var(–bdr);
margin-top: 8px;
border: 1px solid var(–bdr);
}
.frx-feature {
background: var(–wht);
padding: clamp(20px, 3cqi, 28px);
position: relative;
overflow: hidden;
transition: background 0.22s ease, transform 0.22s ease;
cursor: default;
}
.frx-feature:hover {
background: #FFF4EE;
transform: translateY(-2px);
z-index: 1;
box-shadow: 0 6px 24px rgba(255,90,0,0.1);
}
.frx-feature::before {
content: »;
position: absolute;
bottom: 0; left: 0;
height: 3px; width: 0;
background: var(–or);
transition: width 0.3s ease;
}
.frx-feature:hover::before { width: 100%; }
.frx-feature__icon { margin-bottom: 12px; display: block; }
.frx-feature__icon svg { width: 28px; height: 28px; stroke: var(–or); stroke-width: 2; transition: transform 0.3s ease; }
.frx-feature:hover .frx-feature__icon svg { transform: scale(1.1); }
.frx-feature__name {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(–dk);
margin-bottom: 8px;
}
.frx-feature__desc {
font-size: 13.5px;
line-height: 1.65;
color: var(–sub);
}
/* ── TALLAS / ESPECIFICACIONES ── */
.frx-size__intro {
font-size: clamp(13px, 2cqi, 15px);
color: var(–sub);
margin-bottom: 20px;
line-height: 1.7;
max-width: 680px;
}
.frx-size__tip {
display: inline-flex;
align-items: center;
gap: 8px;
background: #EEF6E0;
border: 1px solid #B8D98A;
color: var(–grn);
font-size: 13px;
padding: 9px 18px;
margin-bottom: 22px;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 600;
letter-spacing: 1px;
border-radius: 2px;
}
.frx-size__tip svg { width: 16px; height: 16px; stroke: var(–grn); }
.frx-size__wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid var(–bdr);
border-radius: 2px;
}
.frx-table {
width: 100%;
border-collapse: collapse;
font-family: ‘Barlow Condensed’, sans-serif;
font-size: clamp(13px, 2cqi, 15px);
min-width: 440px;
}
.frx-table thead tr { background: var(–or); }
.frx-table thead th {
padding: clamp(10px, 2cqi, 14px) clamp(12px, 2cqi, 18px);
text-align: center;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #fff;
font-size: 12px;
white-space: nowrap;
}
.frx-table tbody tr {
border-bottom: 1px solid var(–bdr);
transition: background 0.18s ease;
}
.frx-table tbody tr:last-child { border-bottom: none; }
.frx-table tbody tr:hover { background: #FFF4EE; }
.frx-table td {
padding: clamp(10px, 2cqi, 13px) clamp(12px, 2cqi, 18px);
text-align: center;
color: var(–mid);
}
.frx-table td:first-child {
font-weight: 700;
color: var(–or);
letter-spacing: 1.5px;
font-size: 16px;
}
.frx-size__note {
margin-top: 12px;
font-size: 12px;
color: #999;
font-style: italic;
}
/* ── CUIDADOS ── */
.frx-care__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
gap: 14px;
}
.frx-care__item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: clamp(14px, 2.5cqi, 20px);
background: var(–wht);
border: 1px solid var(–bdr);
border-radius: 2px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.frx-care__item:hover {
border-color: var(–or);
box-shadow: 0 3px 14px rgba(255,90,0,0.08);
}
.frx-care__icon { flex-shrink: 0; margin-top: 1px; }
.frx-care__icon svg { width: 22px; height: 22px; stroke: var(–sub); transition: stroke 0.2s ease; }
.frx-care__item:hover .frx-care__icon svg { stroke: var(–or); }
.frx-care__title {
display: block;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(–dk);
margin-bottom: 5px;
}
.frx-care__body {
font-size: 13px;
color: var(–sub);
line-height: 1.6;
}
.frx-warning {
margin-top: 24px;
background: var(–warn-bg);
border: 1px solid var(–warn-bd);
border-left: 4px solid var(–warn-bd);
padding: clamp(16px, 3cqi, 20px) clamp(16px, 3cqi, 24px);
display: flex;
align-items: flex-start;
gap: 14px;
border-radius: 2px;
}
.frx-warning__icon { flex-shrink: 0; }
.frx-warning__icon svg { width: 20px; height: 20px; stroke: var(–warn-tx); stroke-width: 2.5; }
.frx-warning__text {
font-size: 13.5px;
color: var(–warn-tx);
line-height: 1.65;
}
.frx-warning__text strong { font-weight: 700; }
/* ── CTA WHATSAPP ── */
.frx-cta {
padding: clamp(40px, 8cqi, 72px) clamp(16px, 5cqi, 56px);
background: var(–dk);
text-align: center;
position: relative;
overflow: hidden;
}
.frx-cta::before {
content: ‘BASEFRAME PRO’;
position: absolute;
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(60px, 10cqi, 160px);
color: rgba(255,255,255,0.03);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
pointer-events: none;
letter-spacing: 10px;
}
.frx-cta__label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: rgba(255,255,255,0.35);
margin-bottom: 14px;
}
.frx-cta__head {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(28px, 8cqi, 58px);
color: #fff;
line-height: 1.1;
margin-bottom: 12px;
letter-spacing: 2px;
}
.frx-cta__sub {
font-size: clamp(13px, 2.5cqi, 15px);
color: rgba(255,255,255,0.5);
margin-bottom: 36px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
line-height: 1.65;
}
.frx-wa-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background: #22C55E;
color: #fff !important;
text-decoration: none !important;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700;
font-size: clamp(14px, 3cqi, 18px);
letter-spacing: 2px;
text-transform: uppercase;
padding: clamp(14px, 3cqi, 18px) clamp(24px, 5cqi, 44px);
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
cursor: pointer;
border: none;
max-width: 100%;
}
.frx-wa-btn:hover {
background: #16A34A;
transform: translateY(-3px);
box-shadow: 0 14px 40px rgba(34,197,94,0.35);
}
.frx-wa-btn:active { transform: translateY(-1px); }
.frx-wa-btn svg {
width: 22px;
height: 22px;
fill: #fff;
flex-shrink: 0;
}
.frx-cta__disc {
margin-top: 14px;
font-size: 12px;
color: rgba(255,255,255,0.25);
letter-spacing: 1px;
}
/* ── TRUST STRIP ── */
.frx-trust {
background: var(–bg2);
border-top: 1px solid var(–bdr);
padding: clamp(16px, 3cqi, 22px) clamp(16px, 5cqi, 56px);
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: clamp(16px, 4cqi, 36px);
}
.frx-trust__item {
display: flex;
align-items: center;
gap: 6px;
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(–sub);
white-space: nowrap;
}
.frx-trust__item svg {
width: 16px;
height: 16px;
stroke: var(–or);
}
/* ── DIVIDER ── */
.frx-divider {
height: 1px;
background: linear-gradient(to right, transparent, var(–bdr) 20%, var(–bdr) 80%, transparent);
margin: 0;
}
/* ── ANIMATIONS ── */
@keyframes frxFadeDown {
from { opacity: 0; transform: translateY(-16px); }
to { opacity: 1; transform: translateY(0); }
}
.frx-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.55s ease, transform 0.55s ease;
}
.frx-reveal.frx-visible {
opacity: 1;
transform: translateY(0);
}
/* ── COMPATIBILIDAD MOBILE NATIVA ── */
@container frx (max-width: 480px) {
.frx-features { grid-template-columns: 1fr; }
.frx-care__grid { grid-template-columns: 1fr; }
.frx-trust { justify-content: flex-start; }
}
Baseframe ProJuvenil
Seguridad invisible y máximo confort
El Peto Fox Baseframe Pro para Niño (Youth) revoluciona la protección infantil integrando la seguridad líder en la industria en una cómoda camiseta base (base layer). Diseñado para llevarse debajo del jersey, ofrece protección certificada CE en el pecho, espalda y hombros sin el volumen restrictivo de los petos de plástico duro tradicionales.
La clave de su eficacia radica en sus insertos de impacto D3O®, que se mantienen suaves y flexibles para adaptarse a los movimientos del joven piloto, pero se endurecen instantáneamente al recibir un impacto para dispersar la energía. El cuerpo principal está confeccionado en una malla elástica que absorbe la humedad, asegurando que se mantengan frescos y concentrados en el circuito o la montaña.
Tecnología premium para jóvenes pilotos
Insertos D3O® extraíbles en la espalda, pecho y hombros que proporcionan protección certificada de nivel 1, manteniéndose flexibles al pilotar.
Construcción de malla elástica que aleja el sudor del cuerpo y permite un flujo de aire constante para evitar el sobrecalentamiento.
Su diseño ajustado tipo base layer asegura que las protecciones se mantengan exactamente en su lugar en caso de caída.
Un ajuste preciso para máxima seguridad
El Baseframe Pro debe quedar ajustado al cuerpo (como una segunda piel) para que las protecciones D3O® funcionen correctamente. Mide la circunferencia del pecho (debajo de las axilas) y la longitud del torso.
Consejo: Si el niño está entre dos tallas, prioriza la medida del pecho para asegurar que las protecciones no se desplacen.
| Talla (Youth) | Pecho (cm) |
|---|---|
| S (Small Youth) | 61 – 66 cm |
| M (Medium Youth) | 66 – 71 cm |
| L (Large Youth) | 71 – 76 cm |
* Datos aproximados Fox Racing para Petos Juveniles (Youth Baseframe).
Cuida el material D3O y la malla
Retira SIEMPRE todas las almohadillas D3O® (espalda, pecho y hombros) antes de lavar la camiseta. El material D3O no debe lavarse a máquina.
Lava la camiseta (sin las protecciones) a máquina en un ciclo delicado con agua fría y jabón suave. Seca al aire libre a la sombra.
Nunca utilices secadora. El calor intenso daña la elasticidad de la malla de compresión.
¡Precaución con el D3O! Las protecciones D3O® solo deben limpiarse superficialmente con un paño húmedo si es necesario. Nunca las retuerzas ni expongas a temperaturas extremas. Reemplázalas si presentan fisuras tras un impacto severo.
experto en Azimut
¿Tienes dudas sobre si este peto es adecuado para tu hijo? Nuestro equipo está listo para ayudarte con recomendaciones.
Consultar por WhatsApp
Respuesta inmediata en horario de tienda
Compra segura
Envíos Seguros
Cambios de Talla
Garantía Fox Original
{
«@context»: «https://schema.org/»,
«@type»: «Product»,
«name»: «Peto Juvenil Fox Baseframe Pro D3O – Protecciones MTB/MX»,
«description»: «Peto de protección Fox Baseframe Pro para niños y jóvenes (Youth). Diseño de camiseta transpirable con protectores inteligentes D3O extraíbles en espalda, pecho y hombros.»,
«brand»: {
«@type»: «Brand»,
«name»: «Fox Racing»
},
«color»: «Negro»,
«category»: «Sporting Goods > Outdoor Recreation > Cycling > Bicycle Accessories > Bicycle Body Armor»,
«audience»: {
«@type»: «Audience»,
«audienceType»: «Niños, Jóvenes, BMX, MTB, MX»
},
«itemCondition»: «https://schema.org/NewCondition»,
«offers»: {
«@type»: «Offer»,
«priceCurrency»: «MXN»,
«price»: «3999.00»,
«availability»: «https://schema.org/InStock»,
«url»: «https://azimutadventure.com/»
},
«additionalProperty»: [
{
«@type»: «PropertyValue»,
«name»: «Tipo»,
«value»: «Peto / Base Layer (Body Armor)»
},
{
«@type»: «PropertyValue»,
«name»: «Protección»,
«value»: «Insertos D3O® CE Nivel 1»
},
{
«@type»: «PropertyValue»,
«name»: «Ajuste»,
«value»: «Malla Elástica de Compresión»
}
]
}
(function() {
‘use strict’;
if (!(‘IntersectionObserver’ in window)) {
document.querySelectorAll(‘.frx-reveal’).forEach(function(el) {
el.classList.add(‘frx-visible’);
});
return;
}
var io = new IntersectionObserver(function(entries) {
entries.forEach(function(e) {
if (e.isIntersecting) {
e.target.classList.add(‘frx-visible’);
io.unobserve(e.target);
}
});
}, { threshold: 0.1, rootMargin: ‘0px 0px -40px 0px’ });
document.querySelectorAll(‘.frx-reveal’).forEach(function(el) {
io.observe(el);
});
})();
Valoraciones
No hay valoraciones aún.