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 ── */
.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: ‘TECBASE’;
position: absolute;
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(60px, 18cqi, 180px);
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; }
}
TecbaseManga Larga
Construye tu comodidad desde la base
El verdadero confort en el sendero comienza desde la primera capa. La Playera Interior Fox Tecbase de Manga Larga (Base Layer) es una prenda de rendimiento esencial diseñada para usarse directamente sobre la piel y debajo de tu jersey de MTB o chamarra. Su diseño de manga larga ofrece cobertura y gestión del sudor hasta las muñecas, ideal para retener el calor en mañanas frías o como capa base protectora.
Fabricada con un material elástico en 4 direcciones y un perfil ultradelgado (slim fit), se adapta perfectamente a tus movimientos sin abultar. Su tejido técnico absorbe la humedad de manera agresiva, extrayendo el sudor de tu piel y dispersándolo para una evaporación rápida. No importa las condiciones, la Tecbase de manga larga te mantiene enfocado en tu rodada.
Diseñada para desaparecer bajo tu ropa
El tejido técnico capilariza el sudor lejos de la piel y lo lleva a la superficie para un secado ultrarrápido.
Proporciona calidez adicional en días frescos y ayuda a gestionar el sudor en toda la longitud del brazo.
Se expande y contrae en todas direcciones, moviéndose contigo como una segunda piel sin limitar tu movilidad.
Corte de compresión ligera diseñado para ajustarse estrechamente al cuerpo y maximizar la transferencia de humedad a la tela.
Costuras suaves y de bajo perfil que previenen la irritación y rozaduras en la piel durante esfuerzos prolongados.
El diseño de manga larga actúa como un excelente aislante bajo capas intermedias en climas fríos.
Segunda piel de alto rendimiento
Atención: La Playera Interior Tecbase tiene un ajuste muy ceñido tipo compresión (Slim Fit). Está diseñada para ir completamente pegada al cuerpo para que la tela pueda absorber correctamente el sudor de la piel.
Consejo: Pide tu talla habitual de jersey; ya viene dimensionada para quedar ajustada. Si no te gusta la sensación restrictiva, sube una talla.
| Talla (Hombre) | Pecho (cm) | Cintura (cm) |
|---|---|---|
| S | 88 – 93 cm | 73 – 78 cm |
| M | 96 – 101 cm | 81 – 86 cm |
| L | 104 – 109 cm | 88 – 93 cm |
| XL | 111 – 116 cm | 96 – 101 cm |
| XXL | 119 – 124 cm | 104 – 109 cm |
* Datos oficiales Fox Racing. Prenda de corte Slim Fit (Pegado al cuerpo).
Alarga la vida de tu capa interior
Lavar a máquina con agua fría (30°C) y en un ciclo suave. Lava los colores oscuros por separado.
Secar colgado en la sombra. El calor de la secadora es el peor enemigo del spandex y arruinará la elasticidad de la prenda.
No utilices lejía, cloro ni productos agresivos. Utiliza únicamente detergente suave para ropa deportiva.
Este tejido técnico no requiere planchado y el calor directo fundirá las fibras sintéticas elásticas al instante.
Importante: NUNCA utilices suavizante de telas. El suavizante bloquea y obstruye los microporos del tejido técnico, arruinando permanentemente su capacidad de absorber el sudor y secarse rápido.
experto en Azimut
¿No estás seguro de tu talla de Base Layer? El modelo Tecbase es muy ajustado. Nuestro equipo está listo para ayudarte con medidas y 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»: «Playera Interior Manga Larga Fox Tecbase (Base Layer) – Ropa MTB»,
«description»: «Playera interior (Base layer) de manga larga y compresión ligera Fox Tecbase para ciclismo. Absorbe el sudor de la piel y ofrece calidez adicional. Tejido elástico en 4 direcciones. Disponible en Azimut Adventure.»,
«brand»: {
«@type»: «Brand»,
«name»: «Fox Racing»
},
«category»: «Apparel & Accessories > Clothing > Shirts & Tops > Base Layers»,
«audience»: {
«@type»: «Audience»,
«audienceType»: «Ciclistas de montaña, Motocross, Riders y atletas outdoor»
},
«itemCondition»: «https://schema.org/NewCondition»,
«offers»: {
«@type»: «Offer»,
«priceCurrency»: «MXN»,
«price»: «930.00»,
«availability»: «https://schema.org/InStock»,
«url»: «https://azimutadventure.com/»
},
«additionalProperty»: [
{
«@type»: «PropertyValue»,
«name»: «Deporte»,
«value»: «Ciclismo de Montaña (MTB), Deportes Outdoor»
},
{
«@type»: «PropertyValue»,
«name»: «Tecnología de la tela»,
«value»: «Manga Larga, Absorción de humedad extrema, 4-Way Stretch, Compresión ligera»
}
]
}
(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.