<style class="wpcode-css-snippet"><style> .vec2-hero { width: 100% !important; min-height: 500px !important; background-color: #111 !important; background-image: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.45) 55%, rgba(0,0,0,0.1) 100%), url('https://www.vecentrenamientociclista.com/wp-content/uploads/2020/01/louis-tricot-gPEAb1QbPzE-unsplash1-1200x800-jpg.webp') !important; background-size: cover !important; background-position: center 25% !important; background-repeat: no-repeat !important; display: flex !important; align-items: flex-end !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .vec2-hero-content { padding: 48px 32px !important; width: 100% !important; max-width: 900px !important; margin: 0 auto !important; } .vec2-eyebrow { display: block !important; font-size: 11px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: #E74C3C !important; font-weight: 600 !important; margin-bottom: 10px !important; font-family: 'Inter', sans-serif !important; } .vec2-hero h1 { font-size: clamp(22px, 3.5vw, 36px) !important; font-weight: 600 !important; color: #ffffff !important; line-height: 1.25 !important; max-width: 600px !important; margin-bottom: 16px !important; font-family: 'Inter', sans-serif !important; } .vec2-hero-sub { font-size: 15px !important; color: rgba(255,255,255,0.75) !important; max-width: 500px !important; line-height: 1.7 !important; margin-bottom: 28px !important; display: block !important; font-family: 'Inter', sans-serif !important; } .vec2-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #C0392B !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 13px 24px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; font-family: 'Inter', sans-serif !important; cursor: pointer !important; } .vec2-btn:hover { background: #96281B !important; color: #fff !important; } .vec2-btn svg { width: 16px !important; height: 16px !important; } .vec2-section { padding: 64px 0 !important; width: 100% !important; box-sizing: border-box !important; display: block !important; } .vec2-section.bg-gris { background-color: #F5F5F3 !important; } .vec2-wrap { max-width: 900px !important; margin: 0 auto !important; padding: 0 24px !important; box-sizing: border-box !important; display: block !important; } .vec2-label { display: block !important; font-size: 11px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: #C0392B !important; font-weight: 600 !important; margin-bottom: 10px !important; font-family: 'Inter', sans-serif !important; } .vec2-divider { width: 36px !important; height: 2px !important; background: #C0392B !important; margin-bottom: 18px !important; border: none !important; display: block !important; } .vec2-section h2 { font-size: clamp(19px, 2.5vw, 25px) !important; font-weight: 600 !important; line-height: 1.3 !important; color: #111111 !important; margin-bottom: 20px !important; font-family: 'Inter', sans-serif !important; } .vec2-section p { font-size: 15px !important; line-height: 1.78 !important; color: #666666 !important; margin-bottom: 14px !important; font-family: 'Inter', sans-serif !important; } .vec2-two-col { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 48px !important; align-items: center !important; } .vec2-foto { border-radius: 12px !important; overflow: hidden !important; height: 400px !important; display: block !important; } .vec2-foto img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; display: block !important; max-width: none !important; } .vec2-sh { margin-bottom: 32px !important; } .vec2-pilares-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; } .vec2-pilar { background: #ffffff !important; border-radius: 12px !important; border: 1px solid #E8E8E6 !important; padding: 26px !important; box-sizing: border-box !important; display: block !important; } .vec2-pilar:hover { border-color: rgba(192,57,43,0.35) !important; box-shadow: 0 4px 14px rgba(192,57,43,0.08) !important; } .vec2-pilar.full { grid-column: 1 / -1 !important; border-left: 4px solid #C0392B !important; border-radius: 0 12px 12px 0 !important; } .vec2-pilar-letra { display: block !important; font-size: 44px !important; font-weight: 700 !important; color: #C0392B !important; line-height: 1 !important; margin-bottom: 8px !important; font-family: 'Inter', sans-serif !important; } .vec2-pilar h3 { font-size: 15px !important; font-weight: 600 !important; color: #111111 !important; margin-bottom: 10px !important; font-family: 'Inter', sans-serif !important; } .vec2-pilar p { font-size: 14px !important; line-height: 1.72 !important; color: #666666 !important; margin-bottom: 0 !important; font-family: 'Inter', sans-serif !important; } .vec2-tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 12px !important; } .vec2-tag { display: inline-block !important; font-size: 11px !important; padding: 4px 10px !important; border-radius: 20px !important; background: #F5F5F3 !important; border: 1px solid #E8E8E6 !important; color: #666666 !important; font-weight: 500 !important; font-family: 'Inter', sans-serif !important; } .vec2-pilar.full .vec2-tag { background: #FDECEA !important; border-color: rgba(192,57,43,0.2) !important; color: #96281B !important; } .vec2-img-banner { width: 100% !important; min-height: 190px !important; background-color: #333 !important; background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('https://www.vecentrenamientociclista.com/wp-content/uploads/2019/11/polina-rytova-CsAHZVYzpZo-unsplash-e1596472404449-jpg.webp') !important; background-size: cover !important; background-position: center 55% !important; border-radius: 12px !important; display: flex !important; align-items: center !important; padding: 32px !important; margin-bottom: 24px !important; box-sizing: border-box !important; } .vec2-img-banner h2 { font-size: clamp(17px, 2.2vw, 21px) !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 8px !important; max-width: 420px !important; font-family: 'Inter', sans-serif !important; } .vec2-img-banner p { font-size: 14px !important; color: rgba(255,255,255,0.72) !important; max-width: 380px !important; margin-bottom: 0 !important; font-family: 'Inter', sans-serif !important; } .vec2-comp-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; } .vec2-comp { background: #ffffff !important; border: 1px solid #E8E8E6 !important; border-radius: 12px !important; padding: 22px !important; box-sizing: border-box !important; display: block !important; } .vec2-comp.hl { border-color: rgba(192,57,43,0.4) !important; } .vec2-comp-icon { width: 38px !important; height: 38px !important; border-radius: 8px !important; background: #F5F5F3 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .vec2-comp-icon svg { width: 18px !important; height: 18px !important; color: #666666 !important; } .vec2-comp.hl .vec2-comp-icon { background: #FDECEA !important; } .vec2-comp.hl .vec2-comp-icon svg { color: #C0392B !important; } .vec2-badge { display: inline-block !important; font-size: 10px !important; font-weight: 600 !important; padding: 3px 9px !important; border-radius: 20px !important; background: #FDECEA !important; color: #C0392B !important; margin-bottom: 10px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; font-family: 'Inter', sans-serif !important; } .vec2-comp h3 { font-size: 14px !important; font-weight: 600 !important; color: #111111 !important; margin-bottom: 8px !important; line-height: 1.35 !important; font-family: 'Inter', sans-serif !important; } .vec2-comp p { font-size: 13px !important; line-height: 1.68 !important; color: #666666 !important; margin-bottom: 0 !important; font-family: 'Inter', sans-serif !important; } .vec2-perfiles-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; } .vec2-perfil { background: #ffffff !important; border: 1px solid #E8E8E6 !important; border-radius: 12px !important; padding: 26px 22px !important; box-sizing: border-box !important; display: block !important; } .vec2-perfil:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.07) !important; } .vec2-perfil-num { display: block !important; font-size: 28px !important; font-weight: 700 !important; color: #C0392B !important; line-height: 1 !important; margin-bottom: 12px !important; font-family: 'Inter', sans-serif !important; } .vec2-perfil h3 { font-size: 15px !important; font-weight: 600 !important; color: #111111 !important; margin-bottom: 8px !important; font-family: 'Inter', sans-serif !important; } .vec2-perfil p { font-size: 13px !important; line-height: 1.72 !important; color: #666666 !important; margin-bottom: 0 !important; font-family: 'Inter', sans-serif !important; } .vec2-autoridad-inner { background: #F5F5F3 !important; border-left: 4px solid #C0392B !important; border-radius: 0 12px 12px 0 !important; padding: 44px !important; box-sizing: border-box !important; } .vec2-stats { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; margin-bottom: 28px !important; padding-bottom: 28px !important; border-bottom: 1px solid #E8E8E6 !important; } .vec2-stat-num { display: block !important; font-size: 36px !important; font-weight: 700 !important; color: #C0392B !important; line-height: 1 !important; margin-bottom: 4px !important; font-family: 'Inter', sans-serif !important; } .vec2-stat-label { display: block !important; font-size: 13px !important; color: #666666 !important; line-height: 1.4 !important; font-family: 'Inter', sans-serif !important; } .vec2-autoridad-texto { font-size: 15px !important; line-height: 1.78 !important; color: #666666 !important; display: block !important; font-family: 'Inter', sans-serif !important; } .vec2-cta-inner { background: #ffffff !important; border-radius: 12px !important; border: 1px solid #E8E8E6 !important; padding: 52px 44px !important; text-align: center !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; } .vec2-cta-inner::before { content: '' !important; position: absolute !important; top: -60px !important; right: -60px !important; width: 220px !important; height: 220px !important; border-radius: 50% !important; background: #FDECEA !important; pointer-events: none !important; } .vec2-cta-inner h2 { font-size: clamp(19px, 2.5vw, 25px) !important; font-weight: 600 !important; color: #111111 !important; margin-bottom: 12px !important; line-height: 1.3 !important; position: relative !important; z-index: 1 !important; font-family: 'Inter', sans-serif !important; } .vec2-cta-inner > p { font-size: 15px !important; color: #666666 !important; max-width: 420px !important; margin: 0 auto 28px !important; line-height: 1.7 !important; position: relative !important; z-index: 1 !important; font-family: 'Inter', sans-serif !important; } .vec2-cta-botones { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; position: relative !important; z-index: 1 !important; } .vec2-btn-wa { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #666666 !important; font-size: 13px !important; background: none !important; border: none !important; cursor: pointer !important; text-decoration: none !important; font-family: 'Inter', sans-serif !important; } .vec2-btn-wa:hover { color: #C0392B !important; } .vec2-btn-wa svg { width: 16px !important; height: 16px !important; } @media (max-width: 768px) { .vec2-hero { min-height: 420px !important; } .vec2-hero-content { padding: 36px 20px !important; } .vec2-two-col { grid-template-columns: 1fr !important; gap: 24px !important; } .vec2-foto { height: 240px !important; order: -1 !important; } .vec2-pilares-grid { grid-template-columns: 1fr !important; } .vec2-pilar.full { grid-column: 1 !important; } .vec2-comp-grid { grid-template-columns: 1fr !important; gap: 10px !important; } .vec2-perfiles-grid { grid-template-columns: 1fr !important; gap: 10px !important; } .vec2-stats { grid-template-columns: 1fr 1fr !important; gap: 18px !important; } .vec2-stats > div:last-child { grid-column: 1 / -1 !important; } .vec2-autoridad-inner { padding: 26px 20px !important; } .vec2-cta-inner { padding: 36px 20px !important; } .vec2-img-banner { padding: 20px !important; min-height: 150px !important; } .vec2-section { padding: 48px 0 !important; } } @media (max-width: 420px) { .vec2-hero { min-height: 380px !important; } .vec2-btn { width: 100% !important; justify-content: center !important; } .vec2-stats { grid-template-columns: 1fr !important; } .vec2-stats > div:last-child { grid-column: 1 !important; } } </style></style>Plan de Entrenamiento Ciclismo con Seguimiento Semanal | 69€/mes