/* Reset y variables */
.fpv-landing * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fpv-landing {
    --fpv-red: #D90429;
    --fpv-red-dark: #B80322;
    --fpv-red-light: #FF1A3C;
    --fpv-black: #0D0D0D;
    --fpv-dark-gray: #1A1A1A;
    --fpv-light-gray: #F5F5F5;
    --fpv-white: #FFFFFF;
    --fpv-text-gray: #666666;
    --fpv-success: #22C55E;
    --fpv-gold: #FFD700;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.6;
    color: var(--fpv-black);
    overflow-x: hidden; /* fallback navegadores antiguos */
    overflow-x: clip;   /* modernos: no rompe position: sticky */
}

.fpv-landing {
    scroll-behavior: smooth;
}

/* Algunos temas (Astra, Twenty Twenty-*) subrayan TODOS los enlaces que hay
   dentro de .entry-content con una regla mas fuerte que la nuestra
   (.ast-single-post .entry-content a { text-decoration: underline }).
   Aqui los enlaces son botones, menu y tarjetas: nunca deben ir subrayados. */
.fpv-landing a,
.fpv-landing a:link,
.fpv-landing a:visited,
.fpv-landing a:hover,
.fpv-landing a:focus,
.fpv-landing a:active,
.fpv-landing button {
    text-decoration: none !important;
    box-shadow: none;
}

/* Unica excepcion: los enlaces legales del texto de consentimiento. */
.fpv-landing .fpv-form-consent a,
.fpv-landing .fpv-legal-link {
    text-decoration: underline !important;
}

/* Con la cabecera fija, saltar a un ancla dejaba el titulo de la seccion
   escondido detras. El navegador frena --fpv-header-h antes. */
.fpv-landing [id] {
    scroll-margin-top: calc(var(--fpv-header-h, 6.5rem) + 1rem);
}

/* Header */
.fpv-landing .fpv-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--fpv-black);
    padding: 0.75rem 0;
    transition: all 0.3s ease;
}

.fpv-landing .fpv-header.scrolled {
    background: rgba(13, 13, 13, 0.98);
    backdrop-filter: blur(10px);
}

.fpv-landing .fpv-header-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fpv-landing .fpv-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

.fpv-landing .fpv-logo-icon {
    width: 45px;
    height: 45px;
    background: var(--fpv-red);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.25rem;
    color: var(--fpv-white);
}

.fpv-landing .fpv-logo-text {
    color: var(--fpv-white);
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -0.5px;
}

.fpv-landing .fpv-logo-text span {
    color: var(--fpv-red);
}

.fpv-landing .fpv-nav {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.fpv-landing .fpv-nav-link {
    color: var(--fpv-white);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    transition: color 0.3s ease;
    position: relative;
}

.fpv-landing .fpv-nav-link:hover {
    color: var(--fpv-red);
}

.fpv-landing .fpv-nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--fpv-red);
    transition: width 0.3s ease;
}

.fpv-landing .fpv-nav-link:hover::after {
    width: 100%;
}

.fpv-landing .fpv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-family: inherit;
}

.fpv-landing .fpv-btn-primary {
    background: var(--fpv-red);
    color: var(--fpv-white);
}

.fpv-landing .fpv-btn-primary:hover {
    background: var(--fpv-red-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(217, 4, 41, 0.35);
    color: var(--fpv-white);
}

.fpv-landing .fpv-btn-outline {
    background: transparent;
    color: var(--fpv-white);
    border: 2px solid var(--fpv-white);
}

.fpv-landing .fpv-btn-outline:hover {
    background: var(--fpv-white);
    color: var(--fpv-black);
}

.fpv-landing .fpv-btn-large {
    padding: 1rem 2.5rem;
    font-size: 1.05rem;
}

.fpv-landing .fpv-mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    color: var(--fpv-white);
    font-size: 1.5rem;
    cursor: pointer;
}

/* Hero */
.fpv-landing .fpv-hero {
    min-height: 100vh;
    background: var(--fpv-black);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    /* El hueco lo marca la cabecera real (menu + barra), no un numero fijo. */
    padding-top: calc(var(--fpv-header-h, 6.5rem) + 1.5rem);
}

.fpv-landing .fpv-hero-bg {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse at 20% 50%, rgba(217, 4, 41, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(217, 4, 41, 0.1) 0%, transparent 40%),
        radial-gradient(ellipse at 60% 80%, rgba(217, 4, 41, 0.08) 0%, transparent 45%);
}

.fpv-landing .fpv-hero-grid {
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    opacity: 0.5;
}

.fpv-landing .fpv-hero-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 4rem 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.fpv-landing .fpv-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(217, 4, 41, 0.15);
    border: 1px solid rgba(217, 4, 41, 0.3);
    color: var(--fpv-red-light);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.fpv-landing .fpv-hero-badge::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--fpv-red);
    border-radius: 50%;
    animation: fpv-pulse 2s infinite;
}

@keyframes fpv-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

.fpv-landing .fpv-hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 900;
    color: var(--fpv-white);
    line-height: 1.1;
    margin-bottom: 1.5rem;
    letter-spacing: -1px;
}

.fpv-landing .fpv-hero-title span {
    color: var(--fpv-red);
    position: relative;
}

.fpv-landing .fpv-hero-subtitle {
    font-size: 1.25rem;
    color: rgba(255,255,255,0.7);
    margin-bottom: 2rem;
    max-width: 500px;
    line-height: 1.7;
}

.fpv-landing .fpv-hero-stats {
    display: flex;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.fpv-landing .fpv-stat-item {
    text-align: left;
}

.fpv-landing .fpv-stat-number {
    font-size: 2rem;
    font-weight: 900;
    color: var(--fpv-white);
    line-height: 1;
}

.fpv-landing .fpv-stat-number span {
    color: var(--fpv-red);
}

.fpv-landing .fpv-stat-label {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-top: 0.25rem;
}

.fpv-landing .fpv-hero-cta {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.fpv-landing .fpv-hero-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fpv-landing .fpv-hero-card {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 20px;
    padding: 2rem;
    width: 100%;
    max-width: 450px;
}

.fpv-landing .fpv-card-visual {
    width: 100%;
    height: 180px;
    background: linear-gradient(135deg, var(--fpv-red), var(--fpv-red-dark));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 4rem;
}

.fpv-landing .fpv-card-image {
    padding: 0 !important;
    overflow: hidden;
    height: 260px;
    min-height: 260px;
    border-radius: 16px;
    background: #111;
    font-size: initial;
}

.fpv-landing .fpv-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 16px;
}

.fpv-landing .fpv-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.fpv-landing .fpv-card-avatar {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--fpv-red), var(--fpv-red-dark));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: var(--fpv-white);
    font-size: 1.25rem;
}

.fpv-landing .fpv-card-info h4 {
    color: var(--fpv-white);
    font-weight: 700;
    font-size: 1rem;
}

.fpv-landing .fpv-card-info p {
    color: rgba(255,255,255,0.5);
    font-size: 0.85rem;
}

.fpv-landing .fpv-card-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.fpv-landing .fpv-card-stat {
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
    padding: 1rem;
}

.fpv-landing .fpv-card-stat-value {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--fpv-success);
}

.fpv-landing .fpv-card-stat-label {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.5);
    margin-top: 0.25rem;
}

.fpv-landing .fpv-floating-badge {
    position: absolute;
    background: var(--fpv-white);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: fpv-float 3s ease-in-out infinite;
}

.fpv-landing .fpv-floating-badge-1 {
    top: 10%;
    right: -20px;
}

.fpv-landing .fpv-floating-badge-2 {
    bottom: 20%;
    left: -30px;
    animation-delay: 1.5s;
}

@keyframes fpv-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.fpv-landing .fpv-badge-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fpv-landing .fpv-badge-icon {
    width: 32px;
    height: 32px;
    background: rgba(34, 197, 94, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fpv-success);
    font-size: 1rem;
}

.fpv-landing .fpv-badge-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--fpv-black);
}

.fpv-landing .fpv-badge-text span {
    display: block;
    font-size: 0.7rem;
    color: var(--fpv-text-gray);
    font-weight: 400;
}

/* Brands Strip */
.fpv-landing .fpv-brands-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
}

.fpv-landing .fpv-trust-text {
    display: block;
    margin-bottom: 1.25rem;
    color: rgba(255,255,255,0.72);
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.2px;
}
.fpv-landing .fpv-brands-strip {
    background: var(--fpv-dark-gray);
    padding: 2.2rem 0 2.4rem;
    border-top: 1px solid rgba(255,255,255,0.05);
    overflow: hidden;
}

.fpv-landing .fpv-trust-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.fpv-landing .fpv-trust-track {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: max-content;
    animation: fpv-marquee 30s linear infinite;
    will-change: transform;
}

.fpv-landing .fpv-trust-track:hover {
    animation-play-state: paused;
}

.fpv-landing .fpv-trust-logo-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 68px;
    padding: 0.75rem 1rem;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fpv-landing .fpv-trust-logo-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}

.fpv-landing .fpv-trust-logo-img {
    max-width: 110px;
    max-height: 38px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

@keyframes fpv-marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-50% - 0.5rem));
    }
}

@media (max-width: 768px) {
    .fpv-landing .fpv-brands-strip {
        padding: 1.8rem 0 2rem;
    }

    .fpv-landing .fpv-trust-track {
        gap: 0.75rem;
        animation-duration: 24s;
    }

    .fpv-landing .fpv-trust-logo-item {
        width: 104px;
        height: 58px;
        padding: 0.55rem 0.7rem;
        border-radius: 12px;
    }

    .fpv-landing .fpv-trust-logo-img {
        max-width: 82px;
        max-height: 28px;
    }
}

/* Sections */
.fpv-landing .fpv-section {
    padding: 6rem 0;
}

.fpv-landing .fpv-section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 4rem;
}

.fpv-landing .fpv-section-label {
    display: inline-block;
    background: rgba(217, 4, 41, 0.1);
    color: var(--fpv-red);
    padding: 0.4rem 1rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.fpv-landing .fpv-section-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    color: var(--fpv-black);
    margin-bottom: 1rem;
    line-height: 1.2;
}

.fpv-landing .fpv-section-subtitle {
    font-size: 1.1rem;
    color: var(--fpv-text-gray);
    line-height: 1.7;
}

/* Benefits - Carrusel */
.fpv-landing .fpv-benefits {
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    overflow: hidden;
}

.fpv-landing .fpv-benefits-carousel {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 4rem;
}

.fpv-landing .fpv-benefits-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 2rem;
    padding: 1.5rem 0.5rem;
    scroll-behavior: smooth;
}

.fpv-landing .fpv-benefits-grid::-webkit-scrollbar { display: none; }

.fpv-landing .fpv-benefit-card {
    flex: 0 0 calc((100% - 4rem) / 3);
    scroll-snap-align: start;
    background-color: #ffffff;
    background-image:
        radial-gradient(circle 320px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.14), transparent 65%);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 22px;
    padding: 2.4rem;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    min-width: 0;
}

.fpv-landing .fpv-benefit-card::after {
    content: 'FPV';
    position: absolute;
    bottom: -25px;
    right: -10px;
    font-size: 6rem;
    font-weight: 900;
    color: rgba(217, 4, 41, 0.04);
    letter-spacing: -4px;
    line-height: 1;
    pointer-events: none;
    transition: color 0.4s ease;
}

.fpv-landing .fpv-benefit-card:hover::after {
    color: rgba(217, 4, 41, 0.08);
}

/* Carousel arrows (rojo/blanco) */
.fpv-landing .fpv-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--fpv-red);
    color: #fff;
    border: none;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 28px rgba(217, 4, 41, 0.4);
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    font-family: inherit;
}

.fpv-landing .fpv-carousel-arrow:hover {
    background: var(--fpv-red-dark);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 14px 34px rgba(217, 4, 41, 0.55);
}

.fpv-landing .fpv-carousel-arrow:active {
    transform: translateY(-50%) scale(0.95);
}

.fpv-landing .fpv-carousel-prev { left: 0; }
.fpv-landing .fpv-carousel-next { right: 0; }

.fpv-landing .fpv-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 1.5rem;
}

.fpv-landing .fpv-carousel-dots .fpv-carousel-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0,0,0,0.12);
    cursor: pointer;
    transition: background 0.3s ease, width 0.3s ease, border-radius 0.3s ease;
}

.fpv-landing .fpv-carousel-dots .fpv-carousel-dot:hover {
    background: rgba(217, 4, 41, 0.4);
}

.fpv-landing .fpv-carousel-dots .fpv-carousel-dot.active {
    background: var(--fpv-red);
    width: 32px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(217, 4, 41, 0.5);
}

@media (max-width: 1199px) {
    .fpv-landing .fpv-benefit-card {
        flex: 0 0 calc((100% - 2rem) / 2);
    }
}

@media (max-width: 767px) {
    .fpv-landing .fpv-benefits-carousel { padding: 0 1rem; }
    .fpv-landing .fpv-benefit-card { flex: 0 0 85%; }
    .fpv-landing .fpv-carousel-arrow { display: none; }
}

.fpv-landing .fpv-benefit-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--fpv-red);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.fpv-landing .fpv-benefit-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 42px rgba(0,0,0,0.09);
    border-color: rgba(217, 4, 41, 0.16);
}

.fpv-landing .fpv-benefit-card:hover::before {
    transform: scaleX(1);
}

.fpv-landing .fpv-benefit-icon {
    width: 54px;
    height: 54px;
    background: var(--fpv-red);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--fpv-white);
    margin-bottom: 1.35rem;
    letter-spacing: 0.5px;
    box-shadow: 0 10px 22px rgba(217, 4, 41, 0.22);
}

.fpv-landing .fpv-benefit-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--fpv-black);
    margin-bottom: 0.85rem;
    line-height: 1.3;
}

.fpv-landing .fpv-benefit-desc {
    color: #5f5f5f;
    font-size: 0.96rem;
    line-height: 1.75;
}

/* Features */
.fpv-landing .fpv-features {
    background: var(--fpv-black);
    position: relative;
    overflow: hidden;
}

.fpv-landing .fpv-features::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(217, 4, 41, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.fpv-landing .fpv-features .fpv-section-title {
    color: var(--fpv-white);
}

.fpv-landing .fpv-features .fpv-section-subtitle {
    color: rgba(255,255,255,0.6);
}

.fpv-landing .fpv-features-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.fpv-landing .fpv-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    align-items: center;
}

.fpv-landing .fpv-feature-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.fpv-landing .fpv-feature-item {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

.fpv-landing .fpv-feature-check {
    width: 28px;
    height: 28px;
    background: var(--fpv-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fpv-white);
    font-size: 0.8rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.fpv-landing .fpv-feature-content h4 {
    color: var(--fpv-white);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
}

.fpv-landing .fpv-feature-content p {
    color: rgba(255,255,255,0.6);
    font-size: 0.95rem;
    line-height: 1.6;
}

.fpv-landing .fpv-feature-visual {
    position: relative;
}

.fpv-landing .fpv-feature-box {
    width: 100%;
    height: 350px;
    background: linear-gradient(135deg, #1A1A1A, #2D2D2D);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8rem;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}

.fpv-landing .fpv-feature-overlay {
    position: absolute;
    bottom: -20px;
    left: -20px;
    background: var(--fpv-red);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    color: var(--fpv-white);
}

.fpv-landing .fpv-overlay-stat {
    font-size: 2.5rem;
    font-weight: 900;
}

.fpv-landing .fpv-overlay-label {
    font-size: 0.9rem;
    opacity: 0.9;
}

.fpv-landing .fpv-feature-list {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.fpv-landing .fpv-feature-item {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    padding: 1.1rem 1.2rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 16px;
    transition: all 0.3s ease;
}

.fpv-landing .fpv-feature-item:hover {
    background: rgba(255,255,255,0.05);
    border-color: rgba(217, 4, 41, 0.25);
    transform: translateY(-3px);
}

.fpv-landing .fpv-feature-check {
    width: 32px;
    height: 32px;
    background: var(--fpv-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fpv-white);
    font-size: 0.85rem;
    flex-shrink: 0;
    margin-top: 2px;
    box-shadow: 0 8px 18px rgba(217, 4, 41, 0.28);
}

.fpv-landing .fpv-feature-content h4 {
    color: var(--fpv-white);
    font-weight: 800;
    font-size: 1.08rem;
    margin-bottom: 0.45rem;
}

.fpv-landing .fpv-feature-content p {
    color: rgba(255,255,255,0.68);
    font-size: 0.95rem;
    line-height: 1.65;
}

.fpv-landing .fpv-feature-box {
    width: 100%;
    height: 380px;
    background: linear-gradient(135deg, #1A1A1A, #2D2D2D);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
    position: relative;
}

.fpv-landing .fpv-feature-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.28), rgba(0,0,0,0.06));
    pointer-events: none;
}

.fpv-landing .fpv-feature-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: translateY(var(--feature-y, 0px)) scale(calc(1.08 + var(--feature-zoom, 0) * 0.05));
    transition: transform 0.15s linear;
    will-change: transform;
}

.fpv-landing .fpv-feature-overlay {
    position: absolute;
    bottom: -20px;
    left: -20px;
    background: var(--fpv-red);
    border-radius: 16px;
    padding: 1.35rem 1.8rem;
    color: var(--fpv-white);
    box-shadow: 0 18px 40px rgba(0,0,0,0.25);
}

.fpv-landing .fpv-overlay-stat {
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 1;
}

.fpv-landing .fpv-overlay-label {
    font-size: 0.9rem;
    opacity: 0.92;
    margin-top: 0.35rem;
}

.fpv-landing .fpv-feature-mini-card {
    position: absolute;
    top: 18px;
    right: 18px;
    max-width: 230px;
    background: rgba(255,255,255,0.96);
    color: var(--fpv-black);
    padding: 0.95rem 1rem;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.fpv-landing .fpv-feature-mini-card strong {
    display: block;
    font-size: 0.92rem;
    font-weight: 800;
    margin-bottom: 0.25rem;
}

.fpv-landing .fpv-feature-mini-card span {
    display: block;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--fpv-text-gray);
}

@media (max-width: 1024px) {
    .fpv-landing .fpv-feature-box {
        height: 320px;
    }

    .fpv-landing .fpv-feature-mini-card {
        position: static;
        margin-top: 1rem;
        max-width: 100%;
    }

    .fpv-landing .fpv-feature-overlay {
        left: 16px;
        bottom: 16px;
    }
}

@media (max-width: 768px) {
    .fpv-landing .fpv-feature-item {
        padding: 1rem;
    }

    .fpv-landing .fpv-feature-content h4 {
        font-size: 1rem;
    }

    .fpv-landing .fpv-feature-content p {
        font-size: 0.92rem;
    }

    .fpv-landing .fpv-feature-box {
        height: 260px;
        border-radius: 18px;
    }

    .fpv-landing .fpv-feature-overlay {
        padding: 1rem 1.2rem;
    }

    .fpv-landing .fpv-overlay-stat {
        font-size: 1.9rem;
    }
}

/* Pricing */
.fpv-landing .fpv-pricing {
    background: var(--fpv-light-gray);
}

.fpv-landing .fpv-pricing-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    align-items: stretch;
}

.fpv-landing .fpv-pricing-card {
    background-color: var(--fpv-white);
    background-image:
        radial-gradient(circle 360px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.12), transparent 65%);
    border-radius: 24px;
    padding: 3.3rem 2.5rem 2.5rem;
    position: relative;
    isolation: isolate;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Franja roja decorativa superior (toda card) */
.fpv-landing .fpv-pricing-card .fpv-pricing-name::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--fpv-red), var(--fpv-red-light), var(--fpv-red));
    background-size: 200% 100%;
    border-radius: 24px 24px 0 0;
    animation: fpv-stripe-shine 4s linear infinite;
}

@keyframes fpv-stripe-shine {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/* Watermark FPV de fondo */
.fpv-landing .fpv-pricing-card::before {
    content: 'FPV';
    position: absolute;
    top: 1.2rem;
    right: 1.4rem;
    font-size: 2.2rem;
    font-weight: 900;
    letter-spacing: -2px;
    color: rgba(217, 4, 41, 0.07);
    line-height: 1;
    pointer-events: none;
    z-index: 0;
    transition: color 0.4s ease, transform 0.4s ease;
}

.fpv-landing .fpv-pricing-card:hover::before {
    color: rgba(217, 4, 41, 0.14);
    transform: scale(1.08);
}

/* Card destacada: solo intensifica fondo y FPV watermark */
.fpv-landing .fpv-pricing-card.featured {
    background-color: var(--fpv-white);
    background-image:
        radial-gradient(circle 360px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.18), transparent 65%);
}

.fpv-landing .fpv-pricing-card.featured::before {
    color: rgba(217, 4, 41, 0.16);
    font-size: 2.6rem;
}

/* Glow halo (oculto por defecto, aparece con hover de grupo) */
.fpv-landing .fpv-pricing-card::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(217, 4, 41, 0.55), rgba(255, 26, 60, 0.35), rgba(217, 4, 41, 0.55));
    opacity: 0;
    z-index: -1;
    filter: blur(14px);
    transition: opacity 0.5s ease;
    pointer-events: none;
}

/* Tarjeta directamente hovered: glow más intenso */
.fpv-landing .fpv-pricing-card:hover {
    transform: translateY(-12px) scale(1.025);
    box-shadow:
        0 30px 70px rgba(217, 4, 41, 0.38),
        0 0 0 2px rgba(217, 4, 41, 0.5);
    border-color: var(--fpv-red);
    z-index: 2;
}

.fpv-landing .fpv-pricing-grid .fpv-pricing-card:hover::after {
    opacity: 0.95;
    animation: fpv-glow-pulse 2.2s ease-in-out infinite;
}

@keyframes fpv-glow-pulse {
    0%, 100% { opacity: 0.85; filter: blur(14px); }
    50% { opacity: 1; filter: blur(18px); }
}

.fpv-landing .fpv-pricing-card.featured {
    border-color: var(--fpv-red);
    transform: scale(1.05);
    box-shadow: 0 18px 45px rgba(217, 4, 41, 0.22);
}

.fpv-landing .fpv-pricing-card.featured:hover {
    transform: scale(1.05) translateY(-12px);
    box-shadow:
        0 35px 75px rgba(217, 4, 41, 0.45),
        0 0 0 2px rgba(217, 4, 41, 0.6);
}

.fpv-landing .fpv-pricing-features {
    list-style: none;
    margin-bottom: 2rem;
    flex-grow: 1;
}

.fpv-landing .fpv-pricing-btn {
    width: 100%;
    margin-top: auto;
}

.fpv-landing .fpv-pricing-card .fpv-btn-outline {
    background: rgba(217, 4, 41, 0.08);
    color: var(--fpv-red);
    border: 2px solid rgba(217, 4, 41, 0.22);
}

.fpv-landing .fpv-pricing-card .fpv-btn-outline:hover {
    background: rgba(217, 4, 41, 0.14);
    border-color: rgba(217, 4, 41, 0.38);
    color: var(--fpv-red-dark);
    transform: translateY(-2px);
}

.fpv-landing .fpv-pricing-card .fpv-btn-primary {
    box-shadow: 0 10px 24px rgba(217, 4, 41, 0.22);
}

.fpv-landing .fpv-pricing-card .fpv-btn-primary:hover {
    box-shadow: 0 14px 30px rgba(217, 4, 41, 0.3);
}

@media (max-width: 768px) {
    .fpv-landing .fpv-pricing-card {
        padding: 2rem;
    }

    .fpv-landing .fpv-pricing-card.featured {
        transform: none;
    }

    .fpv-landing .fpv-pricing-card.featured:hover {
        transform: translateY(-8px);
    }
}

.fpv-landing .fpv-pricing-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--fpv-red);
    color: var(--fpv-white);
    padding: 0.4rem 1.25rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fpv-landing .fpv-pricing-name {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--fpv-black);
    margin-bottom: 0.5rem;
}

.fpv-landing .fpv-pricing-desc {
    color: var(--fpv-text-gray);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

.fpv-landing .fpv-pricing-price {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
}

.fpv-landing .fpv-price-currency {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--fpv-black);
}

.fpv-landing .fpv-price-amount {
    font-size: 3.5rem;
    font-weight: 900;
    color: var(--fpv-black);
    line-height: 1;
}

.fpv-landing .fpv-price-period {
    font-size: 1rem;
    color: var(--fpv-text-gray);
}

.fpv-landing .fpv-pricing-features {
    list-style: none;
    margin-bottom: 2rem;
}

.fpv-landing .fpv-pricing-features li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--fpv-light-gray);
    font-size: 0.95rem;
    color: var(--fpv-text-gray);
}

.fpv-landing .fpv-pricing-features li:last-child {
    border-bottom: none;
}

.fpv-landing .fpv-pricing-features li.included {
    color: var(--fpv-black);
}

.fpv-landing .fpv-pricing-features li.included::before {
    content: '✓';
    width: 20px;
    height: 20px;
    background: rgba(34, 197, 94, 0.1);
    color: var(--fpv-success);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    flex-shrink: 0;
}

.fpv-landing .fpv-pricing-features li.not-included {
    color: var(--fpv-text-gray);
    opacity: 0.5;
}

.fpv-landing .fpv-pricing-features li.not-included::before {
    content: '×';
    width: 20px;
    height: 20px;
    background: rgba(0,0,0,0.05);
    color: var(--fpv-text-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    flex-shrink: 0;
}

.fpv-landing .fpv-pricing-btn {
    width: 100%;
}

/* CTA */
.fpv-landing .fpv-cta {
    background: var(--fpv-black);
    position: relative;
    overflow: hidden;
    padding: 5rem 0;
}

.fpv-landing .fpv-cta-bg {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse at 30% 50%, rgba(217, 4, 41, 0.2) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 50%, rgba(217, 4, 41, 0.1) 0%, transparent 40%);
}

.fpv-landing .fpv-cta-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

.fpv-landing .fpv-cta-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    color: var(--fpv-white);
    margin-bottom: 1rem;
}

.fpv-landing .fpv-cta-subtitle {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.7);
    margin-bottom: 2rem;
}

.fpv-landing .fpv-cta-form {
    display: flex;
    gap: 1rem;
    max-width: 500px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.fpv-landing .fpv-cta-input {
    flex: 1;
    min-width: 250px;
    padding: 1rem 1.5rem;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 10px;
    background: rgba(255,255,255,0.05);
    color: var(--fpv-white);
    font-size: 1rem;
    font-family: inherit;
    transition: all 0.3s ease;
}

.fpv-landing .fpv-cta-input::placeholder {
    color: rgba(255,255,255,0.4);
}

.fpv-landing .fpv-cta-input:focus {
    outline: none;
    border-color: var(--fpv-red);
    background: rgba(255,255,255,0.1);
}

/* Contact */
.fpv-landing .fpv-contact {
    background: var(--fpv-white);
}

.fpv-landing .fpv-contact-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.fpv-landing .fpv-contact-info h3 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--fpv-black);
    margin-bottom: 1rem;
}

.fpv-landing .fpv-contact-info > p {
    color: var(--fpv-text-gray);
    margin-bottom: 2rem;
    line-height: 1.7;
}

.fpv-landing .fpv-contact-methods {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.fpv-landing .fpv-contact-method {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.fpv-landing .fpv-contact-icon {
    width: 50px;
    height: 50px;
    background: var(--fpv-light-gray);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fpv-red);
    font-size: 1.25rem;
}

.fpv-landing .fpv-contact-method h4 {
    font-weight: 700;
    color: var(--fpv-black);
    font-size: 1rem;
}

.fpv-landing .fpv-contact-method p {
    color: var(--fpv-text-gray);
    font-size: 0.9rem;
}

.fpv-landing .fpv-contact-form {
    background: var(--fpv-light-gray);
    border-radius: 20px;
    padding: 2.5rem;
}

.fpv-landing .fpv-form-group {
    margin-bottom: 1.5rem;
}

.fpv-landing .fpv-form-label {
    display: block;
    font-weight: 600;
    color: var(--fpv-black);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.fpv-landing .fpv-form-input {
    width: 100%;
    padding: 1rem 1.25rem;
    border: 2px solid transparent;
    border-radius: 10px;
    background: var(--fpv-white);
    font-size: 1rem;
    font-family: inherit;
    transition: all 0.3s ease;
}

.fpv-landing .fpv-form-input:focus {
    outline: none;
    border-color: var(--fpv-red);
}

.fpv-landing .fpv-form-input::placeholder {
    color: #999;
}

.fpv-landing textarea.fpv-form-input {
    min-height: 120px;
    resize: vertical;
}

.fpv-landing .fpv-form-submit {
    width: 100%;
}

/* Footer */
.fpv-landing .fpv-footer {
    background: var(--fpv-black);
    padding: 4rem 0 2rem;
}

.fpv-landing .fpv-footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.fpv-landing .fpv-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 3rem;
    margin-bottom: 3rem;
}

.fpv-landing .fpv-footer-brand p {
    color: rgba(255,255,255,0.6);
    margin-top: 1rem;
    line-height: 1.7;
    font-size: 0.95rem;
}

.fpv-landing .fpv-footer-title {
    color: var(--fpv-white);
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.fpv-landing .fpv-footer-links {
    list-style: none;
}

.fpv-landing .fpv-footer-links li {
    margin-bottom: 0.75rem;
}

.fpv-landing .fpv-footer-links a {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.fpv-landing .fpv-footer-links a:hover {
    color: var(--fpv-red);
}

.fpv-landing .fpv-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.fpv-landing .fpv-footer-copyright {
    color: rgba(255,255,255,0.5);
    font-size: 0.9rem;
}

.fpv-landing .fpv-footer-social {
    display: flex;
    gap: 1rem;
}

.fpv-landing .fpv-social-link {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fpv-white);
    text-decoration: none;
    transition: all 0.3s ease;
}

.fpv-landing .fpv-social-link:hover {
    background: var(--fpv-red);
    transform: translateY(-3px);
    color: var(--fpv-white);
}

/* Responsive */
@media (max-width: 1024px) {
    .fpv-landing .fpv-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .fpv-landing .fpv-hero-subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .fpv-landing .fpv-hero-stats {
        justify-content: center;
    }

    .fpv-landing .fpv-hero-cta {
        justify-content: center;
    }

    .fpv-landing .fpv-hero-visual {
        order: -1;
    }

    .fpv-landing .fpv-hero-card {
        max-width: 400px;
        margin: 0 auto;
    }

    .fpv-landing .fpv-benefits-grid,
    .fpv-landing .fpv-pricing-grid,
    .fpv-landing .fpv-testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .fpv-landing .fpv-features-grid {
        grid-template-columns: 1fr;
    }

    .fpv-landing .fpv-feature-visual {
        order: -1;
    }

    .fpv-landing .fpv-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .fpv-landing .fpv-contact-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fpv-landing .fpv-nav {
        display: none;
    }

    .fpv-landing .fpv-mobile-menu-btn {
        display: block;
    }

    .fpv-landing .fpv-hero-title {
        font-size: 2.5rem;
    }

    .fpv-landing .fpv-benefits-grid,
    .fpv-landing .fpv-pricing-grid,
    .fpv-landing .fpv-testimonials-grid {
        grid-template-columns: 1fr;
    }

    .fpv-landing .fpv-pricing-card.featured {
        transform: none;
    }

    .fpv-landing .fpv-pricing-card.featured:hover {
        transform: translateY(-8px);
    }

    .fpv-landing .fpv-footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .fpv-landing .fpv-footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .fpv-landing .fpv-floating-badge {
        display: none;
    }
}

/* Animations */
.fpv-landing .fpv-fade-in {
    opacity: 0;
    transform: translateY(50px);
    filter: blur(8px);
    transition:
        opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.fpv-landing .fpv-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.fpv-landing .fpv-slide-left {
    opacity: 0;
    transform: translateX(-70px);
    filter: blur(8px);
    transition:
        opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.fpv-landing .fpv-slide-left.visible {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}

.fpv-landing .fpv-slide-right {
    opacity: 0;
    transform: translateX(70px);
    filter: blur(8px);
    transition:
        opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.fpv-landing .fpv-slide-right.visible {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}

.fpv-landing .fpv-zoom-in {
    opacity: 0;
    transform: scale(0.85);
    filter: blur(8px);
    transition:
        opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.fpv-landing .fpv-zoom-in.visible {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

/* Stagger delays */
.fpv-landing [data-delay="100"].visible { transition-delay: 0.1s; }
.fpv-landing [data-delay="200"].visible { transition-delay: 0.2s; }
.fpv-landing [data-delay="300"].visible { transition-delay: 0.3s; }
.fpv-landing [data-delay="400"].visible { transition-delay: 0.4s; }
.fpv-landing [data-delay="500"].visible { transition-delay: 0.5s; }
.fpv-landing [data-delay="600"].visible { transition-delay: 0.6s; }

/* Pricing featured card debe mantener su escala incluso al ser revelada */
.fpv-landing .fpv-pricing-card.featured.fpv-zoom-in {
    transform: scale(0.88);
}

.fpv-landing .fpv-pricing-card.featured.fpv-zoom-in.visible {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .fpv-landing .fpv-pricing-card.featured.fpv-zoom-in.visible {
        transform: scale(1);
    }
}

/* Scroll progress bar */
.fpv-landing .fpv-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, var(--fpv-red), var(--fpv-red-light), var(--fpv-red));
    background-size: 200% 100%;
    z-index: 10000;
    box-shadow: 0 0 12px rgba(217, 4, 41, 0.7);
    transition: width 0.08s linear;
    animation: fpv-progress-shine 3s linear infinite;
}

@keyframes fpv-progress-shine {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/* Mejora hover benefit cards */
.fpv-landing .fpv-benefit-card .fpv-benefit-icon {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.fpv-landing .fpv-benefit-card:hover .fpv-benefit-icon {
    transform: scale(1.1) rotate(-5deg);
    box-shadow: 0 14px 30px rgba(217, 4, 41, 0.4);
}

/* Hero floating badges con parallax suave (controlado por JS) */
.fpv-landing .fpv-floating-badge {
    will-change: transform;
}

/* Respeto a usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce) {
    .fpv-landing .fpv-fade-in,
    .fpv-landing .fpv-slide-left,
    .fpv-landing .fpv-slide-right,
    .fpv-landing .fpv-zoom-in {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .fpv-landing .fpv-pricing-card.featured.fpv-zoom-in {
        transform: scale(1.05) !important;
    }
    .fpv-landing .fpv-floating-badge {
        animation: none !important;
    }
}

/* ============================
   Timeline vertical de cursos
   ============================ */
.fpv-landing .fpv-timeline {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 0;
}

.fpv-landing .fpv-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 80px;
    width: 3px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    transform: translateX(-50%);
    z-index: 0;
    overflow: hidden;
}

.fpv-landing .fpv-timeline-line-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, var(--fpv-red) 0%, var(--fpv-red-light) 100%);
    box-shadow: 0 0 12px rgba(217, 4, 41, 0.65);
    transition: height 0.15s linear;
}

.fpv-landing .fpv-timeline-items {
    position: relative;
    z-index: 1;
}

.fpv-landing .fpv-timeline-item {
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    gap: 1rem 2.5rem;
    margin-bottom: 5rem;
    align-items: center;
    position: relative;
}

.fpv-landing .fpv-timeline-item:last-child {
    margin-bottom: 1rem;
}

.fpv-landing .fpv-timeline-marker {
    grid-column: 2;
    justify-self: center;
    align-self: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--fpv-dark-gray);
    border: 3px solid rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.5);
    font-weight: 900;
    font-size: 1.3rem;
    box-shadow:
        0 0 0 6px rgba(13, 13, 13, 1),
        0 0 0 8px rgba(255,255,255,0.04);
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    z-index: 2;
}

.fpv-landing .fpv-timeline-item.is-active .fpv-timeline-marker {
    background: linear-gradient(135deg, var(--fpv-red), var(--fpv-red-dark));
    border-color: var(--fpv-red-light);
    color: #fff;
    transform: scale(1.15);
    box-shadow:
        0 0 0 6px rgba(13, 13, 13, 1),
        0 0 0 14px rgba(217, 4, 41, 0.22),
        0 0 28px rgba(217, 4, 41, 0.6);
}

.fpv-landing .fpv-timeline-marker span {
    line-height: 1;
}

/* Contenido y media (alternando lados) */
.fpv-landing .fpv-timeline-content {
    color: #fff;
    max-width: 460px;
}

.fpv-landing .fpv-timeline-step {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    color: var(--fpv-red-light);
    background: rgba(217, 4, 41, 0.15);
    padding: 0.35rem 0.85rem;
    border-radius: 50px;
    border: 1px solid rgba(217, 4, 41, 0.35);
    margin-bottom: 0.9rem;
}

.fpv-landing .fpv-timeline-title {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 0.55rem;
    color: #fff;
}

.fpv-landing .fpv-timeline-desc {
    color: rgba(255,255,255,0.7);
    font-size: 0.96rem;
    line-height: 1.65;
}

.fpv-landing .fpv-timeline-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 11;
    border-radius: 16px;
    overflow: hidden;
    background: #111;
    box-shadow: 0 20px 50px rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
}

.fpv-landing .fpv-timeline-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.4) 100%);
    pointer-events: none;
}

.fpv-landing .fpv-timeline-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.fpv-landing .fpv-timeline-item.is-active .fpv-timeline-video {
    transform: scale(1.06);
}

/* Ambos lados con el mismo ancho máximo para que queden cuadrados */
.fpv-landing .fpv-timeline-content,
.fpv-landing .fpv-timeline-media {
    max-width: 470px;
    width: 100%;
}

/* Alternancia: items pares (data-step 0,2,4) → texto izquierda, video derecha */
.fpv-landing .fpv-timeline-item[data-step="0"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="2"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="4"] .fpv-timeline-content {
    grid-column: 1;
    text-align: right;
    justify-self: end;
}
.fpv-landing .fpv-timeline-item[data-step="0"] .fpv-timeline-media,
.fpv-landing .fpv-timeline-item[data-step="2"] .fpv-timeline-media,
.fpv-landing .fpv-timeline-item[data-step="4"] .fpv-timeline-media {
    grid-column: 3;
    justify-self: start;
}

/* items impares (data-step 1,3) → video izquierda, texto derecha */
.fpv-landing .fpv-timeline-item[data-step="1"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="3"] .fpv-timeline-content {
    grid-column: 3;
    text-align: left;
    justify-self: start;
    padding-top: 40px;
}
.fpv-landing .fpv-timeline-item[data-step="1"] .fpv-timeline-media,
.fpv-landing .fpv-timeline-item[data-step="3"] .fpv-timeline-media {
    grid-column: 1;
    justify-self: end;
}

/* Reveal: empieza fuera de sitio y desenfocado, al entrar en viewport entra */
.fpv-landing .fpv-timeline-item .fpv-timeline-content,
.fpv-landing .fpv-timeline-item .fpv-timeline-media {
    opacity: 0;
    filter: blur(10px);
    transition:
        opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1s cubic-bezier(0.22, 1, 0.36, 1),
        filter 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.fpv-landing .fpv-timeline-item[data-step="0"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="2"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="4"] .fpv-timeline-content { transform: translateX(-50px); }
.fpv-landing .fpv-timeline-item[data-step="0"] .fpv-timeline-media,
.fpv-landing .fpv-timeline-item[data-step="2"] .fpv-timeline-media,
.fpv-landing .fpv-timeline-item[data-step="4"] .fpv-timeline-media { transform: translateX(50px); }

.fpv-landing .fpv-timeline-item[data-step="1"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="3"] .fpv-timeline-content { transform: translateX(50px); }
.fpv-landing .fpv-timeline-item[data-step="1"] .fpv-timeline-media,
.fpv-landing .fpv-timeline-item[data-step="3"] .fpv-timeline-media { transform: translateX(-50px); }

.fpv-landing .fpv-timeline-item.in-view .fpv-timeline-content,
.fpv-landing .fpv-timeline-item.in-view .fpv-timeline-media {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}

/* Stat final +200h */
.fpv-landing .fpv-timeline-stat {
    position: relative;
    z-index: 1;
    margin-top: 2rem;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 1.8rem 3rem;
    background: linear-gradient(135deg, var(--fpv-red) 0%, var(--fpv-red-dark) 100%);
    border-radius: 24px;
    box-shadow: 0 25px 55px rgba(217, 4, 41, 0.4);
    color: #fff;
}

.fpv-landing .fpv-timeline-stat-number {
    font-size: 2.6rem;
    font-weight: 900;
    line-height: 1;
}

.fpv-landing .fpv-timeline-stat-label {
    font-size: 0.95rem;
    opacity: 0.95;
    margin-top: 0.4rem;
}

/* Responsive */
@media (max-width: 900px) {
    .fpv-landing .fpv-timeline-line { left: 30px; transform: none; }
    .fpv-landing .fpv-timeline-item {
        grid-template-columns: 60px 1fr;
        gap: 0.8rem;
        margin-bottom: 3.5rem;
    }
    .fpv-landing .fpv-timeline-marker {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: start;
        margin-top: 0.3rem;
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }
    .fpv-landing .fpv-timeline-item[data-step] .fpv-timeline-content,
    .fpv-landing .fpv-timeline-item[data-step] .fpv-timeline-media {
        grid-column: 2;
        text-align: left;
        justify-self: stretch;
        max-width: 100%;
        transform: translate(30px, 20px);
    }
    .fpv-landing .fpv-timeline-item.in-view .fpv-timeline-content,
    .fpv-landing .fpv-timeline-item.in-view .fpv-timeline-media {
        transform: translate(0, 0);
    }
    .fpv-landing .fpv-timeline-content { margin-bottom: 1rem; }
    .fpv-landing .fpv-timeline-stat {
        margin-left: 30px;
        transform: none;
        padding: 1.3rem 2rem;
    }
    .fpv-landing .fpv-timeline-stat-number { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .fpv-landing .fpv-timeline-item .fpv-timeline-content,
    .fpv-landing .fpv-timeline-item .fpv-timeline-media {
        opacity: 1;
        transform: none;
        filter: none;
    }
    .fpv-landing .fpv-timeline-line-fill { transition: none; }
}

/* ============================
   DARK THEME UNIFICADO (rojo + negro)
   ============================ */

/* Fondo global negro con glows rojos fijos + grid sutil */
.fpv-landing {
    background-color: var(--fpv-black);
}

.fpv-landing::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 900px 700px at 8% 8%, rgba(217, 4, 41, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 700px 600px at 95% 32%, rgba(217, 4, 41, 0.10) 0%, transparent 55%),
        radial-gradient(ellipse 850px 700px at 18% 75%, rgba(217, 4, 41, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 600px 500px at 88% 92%, rgba(217, 4, 41, 0.09) 0%, transparent 55%);
    pointer-events: none;
    z-index: 0;
}

.fpv-landing::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
    background-size: 80px 80px;
    pointer-events: none;
    z-index: 0;
}

.fpv-landing > * {
    position: relative;
    z-index: 1;
}

/* Secciones que antes eran claras → transparentes */
.fpv-landing .fpv-brands-strip,
.fpv-landing .fpv-benefits,
.fpv-landing .fpv-features,
.fpv-landing .fpv-pricing,
.fpv-landing .fpv-testimonials,
.fpv-landing .fpv-contact {
    background: transparent;
}

.fpv-landing .fpv-brands-strip {
    border-top: none;
}

/* Hero: usa el bg global, no el suyo propio (evita línea de transición) */
.fpv-landing .fpv-hero {
    background: transparent;
}
.fpv-landing .fpv-hero-bg,
.fpv-landing .fpv-hero-grid {
    display: none;
}

/* Section headers en dark */
.fpv-landing .fpv-section-title { color: #fff; }
.fpv-landing .fpv-section-subtitle { color: rgba(255,255,255,0.7); }
.fpv-landing .fpv-trust-text { color: rgba(255,255,255,0.75); }

/* === Beneficios: glass cards === */
.fpv-landing .fpv-benefit-card {
    background-color: rgba(26, 26, 26, 0.6);
    background-image: radial-gradient(circle 320px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.22), transparent 65%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-color: rgba(255,255,255,0.08);
    box-shadow: 0 18px 38px rgba(0,0,0,0.4);
}

.fpv-landing .fpv-benefit-card:hover {
    border-color: rgba(217, 4, 41, 0.5);
    box-shadow: 0 24px 50px rgba(217, 4, 41, 0.2);
}

.fpv-landing .fpv-benefit-title { color: #fff; }
.fpv-landing .fpv-benefit-desc { color: rgba(255,255,255,0.7); }
.fpv-landing .fpv-benefit-card::after { color: rgba(217, 4, 41, 0.1); }
.fpv-landing .fpv-benefit-card:hover::after { color: rgba(217, 4, 41, 0.18); }

.fpv-landing .fpv-carousel-dots .fpv-carousel-dot { background: rgba(255,255,255,0.18); }
.fpv-landing .fpv-carousel-dots .fpv-carousel-dot:hover { background: rgba(217, 4, 41, 0.55); }

/* === Precios: glass cards === */
.fpv-landing .fpv-pricing-card {
    background-color: rgba(26, 26, 26, 0.6);
    background-image: radial-gradient(circle 360px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.22), transparent 65%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-color: rgba(255,255,255,0.08);
}

.fpv-landing .fpv-pricing-card.featured {
    background-color: rgba(26, 26, 26, 0.7);
    background-image: radial-gradient(circle 360px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.3), transparent 65%);
}

.fpv-landing .fpv-pricing-name { color: #fff; }
.fpv-landing .fpv-pricing-desc { color: rgba(255,255,255,0.6); }
.fpv-landing .fpv-price-currency,
.fpv-landing .fpv-price-amount { color: #fff; }
.fpv-landing .fpv-price-period { color: rgba(255,255,255,0.5); }

.fpv-landing .fpv-pricing-features li {
    color: rgba(255,255,255,0.55);
    border-bottom-color: rgba(255,255,255,0.06);
}
.fpv-landing .fpv-pricing-features li.included { color: rgba(255,255,255,0.92); }
.fpv-landing .fpv-pricing-features li.included::before { background: rgba(34, 197, 94, 0.2); }
.fpv-landing .fpv-pricing-features li.not-included { color: rgba(255,255,255,0.3); }
.fpv-landing .fpv-pricing-features li.not-included::before {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.4);
}

.fpv-landing .fpv-pricing-card .fpv-btn-outline {
    background: rgba(217, 4, 41, 0.12);
    color: var(--fpv-red-light);
    border: 2px solid rgba(217, 4, 41, 0.4);
}
.fpv-landing .fpv-pricing-card .fpv-btn-outline:hover {
    background: rgba(217, 4, 41, 0.22);
    color: #fff;
    border-color: var(--fpv-red);
}

.fpv-landing .fpv-pricing-card::before { color: rgba(217, 4, 41, 0.18); }
.fpv-landing .fpv-pricing-card:hover::before { color: rgba(217, 4, 41, 0.3); }
.fpv-landing .fpv-pricing-card.featured::before { color: rgba(255, 80, 105, 0.22); }

/* === Contacto: textos y formulario en dark === */
.fpv-landing .fpv-contact-info h3 { color: #fff; }
.fpv-landing .fpv-contact-info > p { color: rgba(255,255,255,0.7); }

.fpv-landing .fpv-contact-icon {
    background: rgba(217, 4, 41, 0.15);
    color: var(--fpv-red-light);
    border: 1px solid rgba(217, 4, 41, 0.3);
}

.fpv-landing .fpv-contact-method h4 { color: #fff; }
.fpv-landing .fpv-contact-method p { color: rgba(255,255,255,0.6); }

.fpv-landing .fpv-contact-form {
    background-color: rgba(26, 26, 26, 0.55);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.08);
}

.fpv-landing .fpv-form-label { color: #fff; }

.fpv-landing .fpv-form-input,
.fpv-landing textarea.fpv-form-input,
.fpv-landing select.fpv-form-input {
    background: rgba(13, 13, 13, 0.6);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.1);
}

.fpv-landing .fpv-form-input::placeholder,
.fpv-landing textarea.fpv-form-input::placeholder {
    color: rgba(255,255,255,0.3);
}

.fpv-landing .fpv-form-input:focus {
    border-color: var(--fpv-red);
    background: rgba(13, 13, 13, 0.8);
    box-shadow: 0 0 0 4px rgba(217, 4, 41, 0.15);
}

/* ============================
   Hero drone centrado tipo Rolex
   ============================ */
.fpv-landing .fpv-hero-visual {
    display: none; /* Ocultamos el card de la derecha, el dron es ahora protagonista */
}

.fpv-landing .fpv-hero-container {
    grid-template-columns: 1fr !important;
}

.fpv-landing .fpv-hero-drone-stage {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fpv-landing .fpv-hero-drone-glow {
    --hero-progress: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(calc(var(--hero-progress, 0) * 30vh));
    width: min(90vw, 1100px);
    height: min(90vh, 900px);
    background: radial-gradient(circle, rgba(217, 4, 41, 0.42) 0%, rgba(217, 4, 41, 0.12) 30%, transparent 65%);
    filter: blur(60px);
    opacity: calc(0.8 - var(--hero-progress, 0) * 0.5);
}

.fpv-landing .fpv-hero-drone-image {
    --hero-progress: 0;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(calc(1 + var(--hero-progress, 0) * 0.1));
    opacity: calc(1 - var(--hero-progress, 0) * 0.85);
    filter: blur(calc(var(--hero-progress, 0) * 14px)) drop-shadow(0 0 80px rgba(217, 4, 41, 0.35));
    transition: opacity 0.15s linear, filter 0.15s linear;
    will-change: transform, opacity, filter;
}

/* Capa oscura cinematográfica encima del video para legibilidad + transición al siguiente bloque */
.fpv-landing .fpv-hero-text-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse at 22% 50%, rgba(13, 13, 13, 0.92) 0%, rgba(13, 13, 13, 0.5) 35%, transparent 65%),
        linear-gradient(180deg, rgba(13, 13, 13, 0.55) 0%, transparent 30%, transparent 70%, var(--fpv-black) 100%);
    pointer-events: none;
}

/* El contenido del hero queda por encima de todo */
.fpv-landing .fpv-hero-container {
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .fpv-landing .fpv-hero-drone-image {
        width: 110vw;
        opacity: calc(0.7 - var(--hero-progress, 0) * 0.5);
    }
    .fpv-landing .fpv-hero-text-overlay {
        background: linear-gradient(180deg,
            rgba(13, 13, 13, 0.85) 0%,
            rgba(13, 13, 13, 0.6) 50%,
            rgba(13, 13, 13, 0.85) 100%);
    }
}

/* ================================================================
   v2 — Correcciones e incorporaciones
   Este bloque va al final a propósito: gana por orden de cascada,
   así los arreglos no dependen de subir la especificidad.
   ================================================================ */

/* ---------- 1. Escapar del contenedor del tema ----------
   El tema mete el contenido en una columna estrecha. --fpv-vw lo
   fija el JS al ancho real sin barra de scroll (100vw la incluye y
   provocaría scroll horizontal). */
.fpv-landing {
	--fpv-vw: 100vw;
	width: var(--fpv-vw);
	max-width: var(--fpv-vw);
	margin-left: calc(50% - var(--fpv-vw) / 2);
	margin-right: calc(50% - var(--fpv-vw) / 2);
	position: relative;
	scroll-behavior: auto; /* manda Lenis o el scroll nativo, no los dos */
}

/* La barra de administración de WordPress empuja la cabecera fija. */
body.admin-bar .fpv-landing .fpv-header { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .fpv-landing .fpv-header { top: 46px; }
}

/* ---------- 2. Utilidades de accesibilidad ---------- */
.fpv-landing .fpv-sr-only {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.fpv-landing .fpv-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	background: var(--fpv-red);
	color: #fff;
	padding: 0.9rem 1.4rem;
	border-radius: 0 0 12px 0;
	font-weight: 700;
}
.fpv-landing .fpv-skip-link:focus {
	left: 0;
}

/* Foco visible y consistente en todo lo interactivo. */
.fpv-landing a:focus-visible,
.fpv-landing button:focus-visible,
.fpv-landing input:focus-visible,
.fpv-landing select:focus-visible,
.fpv-landing textarea:focus-visible,
.fpv-landing summary:focus-visible,
.fpv-landing [tabindex]:focus-visible {
	outline: 3px solid #FF6B81;
	outline-offset: 3px;
	border-radius: 6px;
}

/* ---------- 3. Contraste ----------
   #D90429 sobre negro da 3,64:1: insuficiente para texto pequeño.
   #FF6B81 da 7,1:1 y mantiene la identidad. */
.fpv-landing {
	--fpv-red-text: #FF6B81;
}
.fpv-landing .fpv-section-label,
.fpv-landing .fpv-timeline-step,
.fpv-landing .fpv-hero-badge {
	color: var(--fpv-red-text);
}
.fpv-landing .fpv-section-subtitle,
.fpv-landing .fpv-pricing-desc,
.fpv-landing .fpv-benefit-desc {
	color: rgba(255, 255, 255, 0.72);
}

/* ---------- 4. Tipografía: los títulos no son párrafos ---------- */
.fpv-landing h1, .fpv-landing h2, .fpv-landing h3, .fpv-landing h4 {
	line-height: 1.15;
	text-wrap: balance;
}
.fpv-landing .fpv-pricing-name { line-height: 1.2; }
.fpv-landing .fpv-section-subtitle,
.fpv-landing .fpv-hero-subtitle { text-wrap: pretty; }

/* ---------- 5. Iconos SVG (sustituyen a los emojis) ---------- */
.fpv-landing .fpv-icon {
	width: 22px; height: 22px;
	flex: 0 0 auto;
	vertical-align: middle;
}
.fpv-landing .fpv-icon-sm { width: 18px; height: 18px; }
.fpv-landing .fpv-icon-xs { width: 15px; height: 15px; }
.fpv-landing .fpv-icon-solid { fill: currentColor; stroke: none; }
.fpv-landing .fpv-icon-x {
	position: relative;
	width: 15px; height: 15px;
	display: inline-block;
}
.fpv-landing .fpv-icon-x::before,
.fpv-landing .fpv-icon-x::after {
	content: '';
	position: absolute;
	top: 50%; left: 10%;
	width: 80%; height: 2px;
	background: currentColor;
	border-radius: 2px;
}
.fpv-landing .fpv-icon-x::before { transform: rotate(45deg); }
.fpv-landing .fpv-icon-x::after { transform: rotate(-45deg); }

/* ---------- 6. Hero ---------- */
.fpv-landing .fpv-hero {
	min-height: 100svh;      /* la altura real del móvil, sin la barra del navegador */
	min-height: 100dvh;
	padding-block: clamp(6rem, 12vh, 9rem) 4rem;
}

.fpv-landing .fpv-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.fpv-landing .fpv-hero-points {
	list-style: none;
	margin: 1.75rem 0 2rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1.5rem;
}
.fpv-landing .fpv-hero-points li {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.98rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.88);
}
.fpv-landing .fpv-hero-points .fpv-icon { color: #4ADE80; }

.fpv-landing .fpv-hero-reassurance {
	margin-top: 1.25rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.6);
	max-width: 44ch;
}

.fpv-landing .fpv-hero-cta .fpv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
}

/* Indicador de scroll */
.fpv-landing .fpv-hero-scroll {
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	width: 26px; height: 42px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-radius: 14px;
	z-index: 5;
}
.fpv-landing .fpv-hero-scroll span {
	position: absolute;
	left: 50%;
	top: 8px;
	width: 4px; height: 8px;
	margin-left: -2px;
	background: #fff;
	border-radius: 2px;
	animation: fpv-scroll-hint 1.8s ease-in-out infinite;
}
@keyframes fpv-scroll-hint {
	0%, 100% { transform: translateY(0); opacity: 1; }
	50% { transform: translateY(12px); opacity: 0.2; }
}

/* Botón de pausa del vídeo: obligatorio por WCAG 2.2.2 */
.fpv-landing .fpv-video-toggle {
	position: absolute;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 6;
	width: 44px; height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	cursor: pointer;
	backdrop-filter: blur(6px);
	transition: background 0.2s ease, border-color 0.2s ease;
}
.fpv-landing .fpv-video-toggle:hover {
	background: rgba(217, 4, 41, 0.85);
	border-color: transparent;
}
.fpv-landing .fpv-video-toggle .fpv-video-toggle-icon { display: none; }
.fpv-landing .fpv-video-toggle[data-state="paused"] [data-state="play"],
.fpv-landing .fpv-video-toggle[data-state="playing"] [data-state="pause"] { display: inline-flex; }

/* ---------- 7. Cabecera y menú móvil ---------- */
.fpv-landing .fpv-mobile-menu-btn {
	width: 46px; height: 46px;
	display: none;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 12px;
	color: #fff;
	cursor: pointer;
}
.fpv-landing .fpv-menu-bars {
	position: relative;
	width: 20px; height: 14px;
	display: block;
}
.fpv-landing .fpv-menu-bars span {
	position: absolute;
	left: 0;
	width: 100%; height: 2px;
	background: currentColor;
	border-radius: 2px;
	transition: transform 0.25s ease, opacity 0.2s ease;
}
.fpv-landing .fpv-menu-bars span:nth-child(1) { top: 0; }
.fpv-landing .fpv-menu-bars span:nth-child(2) { top: 6px; }
.fpv-landing .fpv-menu-bars span:nth-child(3) { top: 12px; }
.fpv-landing .fpv-mobile-menu-btn.is-open .fpv-menu-bars span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.fpv-landing .fpv-mobile-menu-btn.is-open .fpv-menu-bars span:nth-child(2) { opacity: 0; }
.fpv-landing .fpv-mobile-menu-btn.is-open .fpv-menu-bars span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.fpv-landing .fpv-logo-text span { margin-left: 0.28em; }

@media (max-width: 768px) {
	.fpv-landing .fpv-mobile-menu-btn { display: inline-flex; }
	.fpv-landing .fpv-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0; right: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 0.25rem;
		padding: 1rem;
		background: rgba(10, 10, 10, 0.98);
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
	}
	.fpv-landing .fpv-nav.is-open { display: flex; }
	.fpv-landing .fpv-nav .fpv-nav-link {
		padding: 0.9rem 0.5rem;
		border-radius: 10px;
	}
	.fpv-landing .fpv-nav .fpv-nav-cta {
		margin-top: 0.5rem;
		text-align: center;
	}
}

/* ---------- 8. Precios: la badge ya no queda debajo de la franja ---------- */
.fpv-landing .fpv-pricing-card {
	overflow: visible;
}
.fpv-landing .fpv-pricing-badge {
	z-index: 3;
	white-space: nowrap;
	box-shadow: 0 6px 18px rgba(217, 4, 41, 0.45);
}
.fpv-landing .fpv-pricing-card.featured { padding-top: 2.75rem; }

.fpv-landing .fpv-pricing-vat {
	margin-top: -0.75rem;
	margin-bottom: 1.25rem;
	font-size: 0.8rem;
	color: rgba(255, 255, 255, 0.55);
}

.fpv-landing .fpv-pricing-features li {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
}
.fpv-landing .fpv-pricing-features li.included .fpv-icon { color: #4ADE80; margin-top: 0.2rem; }
.fpv-landing .fpv-pricing-features li.not-included { opacity: 0.5; }
.fpv-landing .fpv-pricing-features li.not-included .fpv-icon-x { margin-top: 0.25rem; }

.fpv-landing .fpv-pricing-note {
	max-width: 700px;
	margin: 3rem auto 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0.7rem;
	text-align: left;
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.6;
}
.fpv-landing .fpv-pricing-note .fpv-icon { color: var(--fpv-red-text); margin-top: 0.2rem; }

/* ---------- 9. Beneficios: la lista deja de parecer una lista ---------- */
.fpv-landing .fpv-benefits-grid { list-style: none; }
.fpv-landing .fpv-benefit-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px; height: 52px;
	border-radius: 16px;
	background: rgba(217, 4, 41, 0.14);
	border: 1px solid rgba(255, 107, 129, 0.28);
	color: var(--fpv-red-text);
	margin-bottom: 1.25rem;
}
.fpv-landing .fpv-carousel-dots .fpv-carousel-dot {
	/* Área táctil de 44px con un punto visible pequeño (WCAG 2.5.8). */
	width: 44px; height: 44px;
	padding: 0;
	border: 0;
	background: transparent !important;
	position: relative;
	cursor: pointer;
}
.fpv-landing .fpv-carousel-dots .fpv-carousel-dot::after {
	content: '';
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%);
	width: 9px; height: 9px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.28);
	transition: background 0.2s ease, width 0.2s ease;
}
.fpv-landing .fpv-carousel-dots .fpv-carousel-dot.active::after {
	background: var(--fpv-red);
	width: 26px;
	border-radius: 6px;
}
.fpv-landing .fpv-carousel-arrow[disabled] { opacity: 0.3; cursor: default; }

/* ---------- 10. Timeline: semántica de lista sin viñetas ---------- */
.fpv-landing .fpv-timeline-items { list-style: none; margin: 0; padding: 0; }
.fpv-landing .fpv-timeline-item { list-style: none; }

/* ---------- 11. Sección "Cómo funciona" ---------- */
.fpv-landing .fpv-steps-grid {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
}
.fpv-landing .fpv-step-card {
	position: relative;
	padding: 2rem 1.5rem 1.75rem;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.fpv-landing .fpv-step-card::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -0.75rem;
	width: 8px; height: 8px;
	border-top: 2px solid rgba(255, 107, 129, 0.5);
	border-right: 2px solid rgba(255, 107, 129, 0.5);
	transform: rotate(45deg);
}
.fpv-landing .fpv-step-card:last-child::after { display: none; }
.fpv-landing .fpv-step-number {
	display: block;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1;
	color: rgba(255, 107, 129, 0.35);
	margin-bottom: 0.9rem;
}
.fpv-landing .fpv-step-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0.5rem;
}
.fpv-landing .fpv-step-text {
	font-size: 0.94rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.68);
}
@media (max-width: 900px) {
	.fpv-landing .fpv-steps-grid { grid-template-columns: repeat(2, 1fr); }
	.fpv-landing .fpv-step-card::after { display: none; }
}
@media (max-width: 520px) {
	.fpv-landing .fpv-steps-grid { grid-template-columns: 1fr; }
}

/* ---------- 12. Instructor ---------- */
.fpv-landing .fpv-instructor-container {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
	gap: 3rem;
	align-items: center;
}
.fpv-landing .fpv-instructor-media img {
	width: 100%;
	height: auto;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	display: block;
}
.fpv-landing .fpv-instructor-role {
	color: var(--fpv-red-text);
	font-weight: 600;
	margin-bottom: 1rem;
}
.fpv-landing .fpv-instructor-bio {
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.7;
}
@media (max-width: 860px) {
	.fpv-landing .fpv-instructor-container { grid-template-columns: 1fr; gap: 2rem; }
}

/* ---------- 13. FAQ ---------- */
.fpv-landing .fpv-faq-container { max-width: 860px; margin: 0 auto; }
.fpv-landing .fpv-faq-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.fpv-landing .fpv-faq-item {
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.03);
	overflow: hidden;
	transition: border-color 0.2s ease, background 0.2s ease;
}
.fpv-landing .fpv-faq-item[open] {
	border-color: rgba(255, 107, 129, 0.3);
	background: rgba(217, 4, 41, 0.06);
}
.fpv-landing .fpv-faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1.15rem 1.4rem;
	min-height: 56px;
	cursor: pointer;
	font-weight: 600;
	font-size: 1.02rem;
	color: #fff;
	list-style: none;
}
.fpv-landing .fpv-faq-question::-webkit-details-marker { display: none; }
.fpv-landing .fpv-faq-marker {
	flex: 0 0 auto;
	color: var(--fpv-red-text);
	transition: transform 0.25s ease;
}
.fpv-landing .fpv-faq-item[open] .fpv-faq-marker { transform: rotate(45deg); }
.fpv-landing .fpv-faq-answer {
	padding: 0 1.4rem 1.35rem;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.7;
	font-size: 0.97rem;
	max-width: 68ch;
}

/* ---------- 14. Formulario ---------- */
.fpv-landing .fpv-hp {
	position: absolute;
	left: -9999px;
	width: 1px; height: 1px;
	overflow: hidden;
}
.fpv-landing .fpv-required { color: var(--fpv-red-text); margin-left: 0.15rem; }
.fpv-landing .fpv-optional {
	font-weight: 400;
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.45);
	margin-left: 0.35rem;
}
.fpv-landing .fpv-form-input.has-error {
	border-color: #FF6B81;
	box-shadow: 0 0 0 3px rgba(255, 107, 129, 0.15);
}
.fpv-landing .fpv-field-error {
	margin-top: 0.4rem;
	font-size: 0.82rem;
	color: #FF8A9C;
	min-height: 1px;
}
.fpv-landing .fpv-field-error:empty { display: none; }

.fpv-landing .fpv-form-consent {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.7rem;
	align-items: start;
	margin: 1.25rem 0 1.5rem;
}
.fpv-landing .fpv-form-consent input[type="checkbox"] {
	width: 20px; height: 20px;
	margin-top: 0.15rem;
	accent-color: var(--fpv-red);
	cursor: pointer;
}
.fpv-landing .fpv-form-consent label {
	font-size: 0.88rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.7);
	cursor: pointer;
}
.fpv-landing .fpv-form-consent a { color: var(--fpv-red-text); text-decoration: underline; }
.fpv-landing .fpv-form-consent .fpv-field-error { grid-column: 1 / -1; }

.fpv-landing .fpv-form-submit {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	min-height: 52px;
}
.fpv-landing .fpv-btn-spinner { display: none; }
.fpv-landing form.is-sending .fpv-btn-spinner {
	display: inline-block;
	width: 16px; height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: fpv-spin 0.7s linear infinite;
}
@keyframes fpv-spin { to { transform: rotate(360deg); } }

.fpv-landing .fpv-form-feedback,
.fpv-landing .fpv-form-message {
	margin-top: 1rem;
	padding: 0.85rem 1rem;
	border-radius: 12px;
	font-size: 0.92rem;
	line-height: 1.5;
}
.fpv-landing .fpv-form-feedback:empty { display: none; }
.fpv-landing .is-success {
	background: rgba(74, 222, 128, 0.12);
	border: 1px solid rgba(74, 222, 128, 0.35);
	color: #A7F3C0;
}
.fpv-landing .is-error {
	background: rgba(255, 107, 129, 0.12);
	border: 1px solid rgba(255, 107, 129, 0.35);
	color: #FFB3BF;
}
.fpv-landing .fpv-form-legal {
	margin-top: 1.25rem;
	font-size: 0.76rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.4);
}

.fpv-landing .fpv-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px; height: 46px;
	border-radius: 14px;
	background: rgba(217, 4, 41, 0.14);
	border: 1px solid rgba(255, 107, 129, 0.25);
	color: var(--fpv-red-text);
}
.fpv-landing .fpv-contact-methods { list-style: none; padding: 0; }
.fpv-landing .fpv-contact-method a { color: inherit; text-decoration: none; }
.fpv-landing .fpv-contact-method a:hover { color: var(--fpv-red-text); }
.fpv-landing .fpv-contact-reviews {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.5rem;
	color: var(--fpv-red-text);
	font-weight: 600;
	font-size: 0.92rem;
}

/* ---------- 15. Barra de contacto fija en móvil ---------- */
.fpv-landing .fpv-mobile-cta {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 9998;
	display: none;
	gap: 0.6rem;
	padding: 0.7rem 0.9rem calc(0.7rem + env(safe-area-inset-bottom));
	background: rgba(10, 10, 10, 0.96);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(12px);
	transform: translateY(110%);
	transition: transform 0.3s ease;
}
.fpv-landing .fpv-mobile-cta.is-visible { transform: translateY(0); }
.fpv-landing .fpv-mobile-cta a {
	flex: 1 1 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 48px;
	padding: 0 1rem;
	border-radius: 12px;
	font-weight: 700;
	font-size: 0.94rem;
	text-decoration: none;
}
.fpv-landing .fpv-mobile-cta-wa {
	background: #25D366;
	color: #06331A;
}
.fpv-landing .fpv-mobile-cta-form {
	background: var(--fpv-red);
	color: #fff;
}
@media (max-width: 768px) {
	.fpv-landing .fpv-mobile-cta { display: flex; }
	/* Que la barra no tape el final de la página. */
	.fpv-landing .fpv-footer { padding-bottom: 6rem; }
}

/* ---------- 16. Marcas ---------- */
.fpv-landing .fpv-trust-text {
	font-size: 0.92rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.55);
	text-transform: none;
}
.fpv-landing .fpv-trust-logo-item { cursor: default; }

/* ---------- 17. Pie ---------- */
.fpv-landing .fpv-footer-title {
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 1rem;
	line-height: 1.3;
}
.fpv-landing .fpv-footer-links { list-style: none; padding: 0; }
.fpv-landing .fpv-footer-social { display: flex; gap: 0.6rem; margin-top: 1.25rem; flex-wrap: wrap; }
.fpv-landing .fpv-social-link {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 0.95rem;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 999px;
	font-size: 0.85rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	transition: border-color 0.2s ease, color 0.2s ease;
}
.fpv-landing .fpv-social-link:hover {
	border-color: var(--fpv-red);
	color: #fff;
}

/* ---------- 18. Reveals más rápidos ----------
   1,6 s hasta poder leer era demasiado: se percibía como lentitud. */
.fpv-landing .fpv-fade-in,
.fpv-landing .fpv-slide-left,
.fpv-landing .fpv-slide-right,
.fpv-landing .fpv-zoom-in {
	transition-duration: 0.55s;
	filter: none;
}
.fpv-landing [data-delay="100"] { transition-delay: 0.05s; }
.fpv-landing [data-delay="200"] { transition-delay: 0.1s; }
.fpv-landing [data-delay="300"] { transition-delay: 0.15s; }
.fpv-landing [data-delay="400"] { transition-delay: 0.2s; }
.fpv-landing [data-delay="500"] { transition-delay: 0.25s; }
.fpv-landing [data-delay="600"] { transition-delay: 0.3s; }

/* La barra de progreso se anima con transform, no con width. */
.fpv-landing .fpv-scroll-progress {
	width: 100%;
	transform: scaleX(0);
	transform-origin: 0 50%;
	will-change: transform;
}

/* ---------- 19. Menos movimiento: de verdad, no a medias ---------- */
@media (prefers-reduced-motion: reduce) {
	.fpv-landing *,
	.fpv-landing *::before,
	.fpv-landing *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
	.fpv-landing .fpv-trust-track { animation: none !important; transform: none !important; }
	.fpv-landing .fpv-hero-scroll span { animation: none !important; }
	.fpv-landing .fpv-fade-in,
	.fpv-landing .fpv-slide-left,
	.fpv-landing .fpv-slide-right,
	.fpv-landing .fpv-zoom-in {
		opacity: 1 !important;
		transform: none !important;
	}
}

/* ---------- 20. Impresión ---------- */
@media print {
	.fpv-landing .fpv-header,
	.fpv-landing .fpv-mobile-cta,
	.fpv-landing .fpv-scroll-progress,
	.fpv-landing .fpv-video-toggle,
	.fpv-landing video { display: none !important; }
	.fpv-landing { color: #000; background: #fff; }
}

/* Instructor sin foto: el texto ocupa todo el ancho */
.fpv-landing .fpv-instructor.has-no-photo .fpv-instructor-container {
	grid-template-columns: 1fr;
	max-width: 760px;
	text-align: center;
}

/* ---------- 21. Hero: columna de texto legible sobre el vídeo ----------
   El degradado oscuro del overlay cae sobre el 22% izquierdo, así que el
   texto se queda ahí en vez de estirarse por toda la anchura. */
.fpv-landing .fpv-hero-content {
	max-width: 640px;
}
@media (max-width: 1024px) {
	.fpv-landing .fpv-hero-content {
		max-width: 100%;
	}
	.fpv-landing .fpv-hero-points { justify-content: center; }
	.fpv-landing .fpv-hero-reassurance { margin-inline: auto; }
}

/* Animar blur() en cada frame de scroll repinta toda la capa del vídeo.
   Nos quedamos con escala y opacidad, que van por composición. */
.fpv-landing .fpv-hero-drone-image {
	filter: drop-shadow(0 0 80px rgba(217, 4, 41, 0.35));
	transition: opacity 0.15s linear;
	will-change: transform, opacity;
}

/* Las tarjetas de "Cómo funciona" también reaccionan al foco de luz */
.fpv-landing .fpv-step-card {
	background-image: radial-gradient(circle 300px at var(--mx, -300px) var(--my, -300px), rgba(217, 4, 41, 0.16), transparent 65%);
	transition: border-color 0.3s ease, transform 0.3s ease;
}
.fpv-landing .fpv-step-card:hover {
	border-color: rgba(217, 4, 41, 0.4);
	transform: translateY(-3px);
}

/* ---------- 22. Timeline: cada paso en UNA sola fila ----------
   El texto de los pasos impares se coloca en la columna 3 y el vídeo en la 1.
   Como el vídeo va después en el HTML, la colocación automática del grid no
   puede retroceder y lo empujaba a una segunda fila: el vídeo aparecía debajo
   del texto y el bloque se veía descentrado. Fijando la fila se acaba. */
.fpv-landing .fpv-timeline-item > .fpv-timeline-content,
.fpv-landing .fpv-timeline-item > .fpv-timeline-marker,
.fpv-landing .fpv-timeline-item > .fpv-timeline-media {
	grid-row: 1;
}

/* Parche que compensaba aquel desajuste: ya no hace falta y desalineaba
   el texto respecto a su vídeo. */
.fpv-landing .fpv-timeline-item[data-step="1"] .fpv-timeline-content,
.fpv-landing .fpv-timeline-item[data-step="3"] .fpv-timeline-content {
	padding-top: 0;
}

/* En móvil el grid pasa a dos columnas y el texto va encima del vídeo, así que
   cada uno recupera su fila. El marcador NO se toca: ahí ocupa las dos filas. */
@media (max-width: 900px) {
	.fpv-landing .fpv-timeline-item > .fpv-timeline-content,
	.fpv-landing .fpv-timeline-item > .fpv-timeline-media {
		grid-row: auto;
	}
	/* Con la misma especificidad que la regla de arriba, para que el marcador
	   siga ocupando las dos filas y no se quede pegado al título. */
	.fpv-landing .fpv-timeline-item > .fpv-timeline-marker {
		grid-row: 1 / span 2;
	}
}

/* ================================================================
   v2.0.1 — Correcciones de la revisión
   ================================================================ */

/* ---------- A. La línea roja de progreso del timeline no se veía ----------
   El CSS la dejaba con height: 0 y el JS la anima con scaleY, así que
   escalar cero seguía siendo cero. Ahora ocupa todo el alto y se escala. */
.fpv-landing .fpv-timeline-line-fill {
	height: 100%;
	transform: scaleY(0);
	transform-origin: top center;
	transition: transform 0.15s linear;
	will-change: transform;
}

/* ---------- B. Margen lateral al ir a ancho completo ----------
   Al escapar del contenedor del tema, las secciones pierden su margen y en
   tablet y móvil el texto se pegaba al borde de la pantalla. */
.fpv-landing .fpv-section-header,
.fpv-landing .fpv-steps-grid,
.fpv-landing .fpv-faq-container,
.fpv-landing .fpv-instructor-container,
.fpv-landing .fpv-pricing-note,
.fpv-landing .fpv-pricing-grid,
.fpv-landing .fpv-benefits-carousel,
.fpv-landing .fpv-contact-container,
.fpv-landing .fpv-cta-container,
.fpv-landing .fpv-footer-container,
.fpv-landing .fpv-brands-container {
	padding-left: max(1.25rem, env(safe-area-inset-left));
	padding-right: max(1.25rem, env(safe-area-inset-right));
	box-sizing: border-box;
}
@media (min-width: 768px) {
	.fpv-landing .fpv-section-header,
	.fpv-landing .fpv-steps-grid,
	.fpv-landing .fpv-faq-container,
	.fpv-landing .fpv-instructor-container,
	.fpv-landing .fpv-pricing-note,
	.fpv-landing .fpv-pricing-grid,
	.fpv-landing .fpv-benefits-carousel,
	.fpv-landing .fpv-contact-container,
	.fpv-landing .fpv-cta-container,
	.fpv-landing .fpv-footer-container,
	.fpv-landing .fpv-brands-container {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* ---------- C. Botón fantasma (se usaba en el CTA y no existía) ---------- */
.fpv-landing .fpv-btn-ghost {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(6px);
	transition: background 0.2s ease, border-color 0.2s ease;
}
.fpv-landing .fpv-btn-ghost:hover {
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.45);
}

/* ---------- D. Precios: franja y badge, sin recortes ni desbordes ----------
   Con overflow: visible la franja roja superior se salía por las esquinas
   redondeadas. Volvemos a recortar la tarjeta y metemos la badge DENTRO,
   en el hueco que ya reserva el padding-top de la destacada. */
.fpv-landing .fpv-pricing-card {
	overflow: hidden;
}
.fpv-landing .fpv-pricing-badge {
	top: 16px;
	z-index: 3;
}
.fpv-landing .fpv-pricing-card.featured {
	padding-top: 3.6rem;
}

/* ---------- E. Un solo tick por línea ----------
   El CSS antiguo pintaba un ✓ con ::before y el template ya inserta un icono
   SVG: salían dos marcas por cada característica. */
.fpv-landing .fpv-pricing-features li.included::before,
.fpv-landing .fpv-pricing-features li.not-included::before {
	content: none;
}
.fpv-landing .fpv-pricing-features li.included .fpv-icon {
	width: 20px;
	height: 20px;
	padding: 3px;
	border-radius: 50%;
	background: rgba(34, 197, 94, 0.18);
	color: #4ADE80;
	box-sizing: border-box;
}
.fpv-landing .fpv-pricing-features li.not-included .fpv-icon-x {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.07);
	color: rgba(255, 255, 255, 0.5);
	margin-top: 0;
}

/* ---------- F. La marca de agua "FPV" tapaba el título de la tarjeta ----------
   Se baja la opacidad y se manda al fondo, detrás del contenido. */
.fpv-landing .fpv-pricing-card::before {
	top: auto;
	bottom: 1.2rem;
	right: 1.2rem;
	font-size: 3.4rem;
	color: rgba(217, 4, 41, 0.06);
}
.fpv-landing .fpv-pricing-card:hover::before {
	color: rgba(217, 4, 41, 0.12);
}

/* ---------- G. En móvil el indicador de scroll chocaba con los botones ---------- */
@media (max-width: 768px) {
	.fpv-landing .fpv-hero-scroll { display: none; }
	.fpv-landing .fpv-video-toggle { bottom: auto; top: 5rem; }
}

/* ---------- H. Contacto: los encabezados subieron de nivel semántico ----------
   El título de la sección pasó a <h2> y cada método a <h3>. El CSS antiguo
   apuntaba a h3 y h4, así que "WhatsApp" y "Dónde estamos" salían enormes. */
.fpv-landing .fpv-contact-info > h2 {
	font-size: 2rem;
	font-weight: 900;
	color: #fff;
	margin-bottom: 1rem;
	line-height: 1.15;
}
.fpv-landing .fpv-contact-method h3 {
	font-weight: 700;
	color: #fff;
	font-size: 1rem;
	margin: 0 0 0.15rem;
	line-height: 1.3;
}
.fpv-landing .fpv-contact-method {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
.fpv-landing .fpv-contact-method p {
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.95rem;
	margin: 0;
}

/* ---------- I. Pie: la línea de ubicación no era legible ---------- */
.fpv-landing .fpv-footer-links li {
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 0.65rem;
	font-size: 0.92rem;
}
.fpv-landing .fpv-footer-links a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	transition: color 0.2s ease;
}
.fpv-landing .fpv-footer-links a:hover { color: #fff; }

/* ================================================================
   V3 — WEB DE VARIAS PÁGINAS + CONVOCATORIA
   Cuenta atrás, páginas interiores, fichas de curso y comparativa.
   ================================================================ */

/* ---------- 1. Barra de convocatoria (bajo el menú) ---------- */
.fpv-landing .fpv-cohort-bar {
	background: linear-gradient(90deg, rgba(217, 4, 41, 0.92), rgba(140, 2, 26, 0.92));
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.fpv-landing .fpv-cohort-bar-inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0.55rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	color: #fff;
}

.fpv-landing .fpv-cohort-bar-text {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.fpv-landing .fpv-cohort-bar-text strong { color: #fff; font-weight: 700; }

.fpv-landing .fpv-cohort-bar-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 1rem;
	border-radius: 999px;
	background: #fff;
	color: #0D0D0D;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fpv-landing .fpv-cohort-bar-cta:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
	color: #0D0D0D;
}

/* ---------- 2. Cuenta atrás ---------- */
.fpv-landing .fpv-countdown {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.fpv-landing .fpv-countdown-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 3.1rem;
}

.fpv-landing .fpv-countdown-value {
	font-variant-numeric: tabular-nums;
	font-feature-settings: 'tnum' 1;
	font-weight: 800;
	line-height: 1;
	color: #fff;
}

.fpv-landing .fpv-countdown-label {
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.65);
	margin-top: 0.25rem;
}

/* Variante compacta de la barra superior */
.fpv-landing .fpv-countdown-inline .fpv-countdown-unit {
	min-width: 2.4rem;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	padding: 0.25rem 0.35rem;
}
.fpv-landing .fpv-countdown-inline .fpv-countdown-value { font-size: 1rem; }
.fpv-landing .fpv-countdown-inline .fpv-countdown-label { font-size: 0.58rem; margin-top: 0.1rem; }

/* Variante grande de las tarjetas */
.fpv-landing .fpv-countdown-big {
	gap: 0.6rem;
	justify-content: space-between;
}
.fpv-landing .fpv-countdown-big .fpv-countdown-unit {
	flex: 1;
	background: rgba(13, 13, 13, 0.75);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	padding: 0.7rem 0.3rem 0.55rem;
}
.fpv-landing .fpv-countdown-big .fpv-countdown-value {
	font-size: clamp(1.5rem, 4vw, 2rem);
	color: #fff;
}
.fpv-landing .fpv-countdown-big .fpv-countdown-label { color: rgba(255, 255, 255, 0.55); }

/* ---------- 3. Tarjeta de convocatoria ---------- */
.fpv-landing .fpv-cohort-block {
	background-color: rgba(26, 26, 26, 0.72);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(217, 4, 41, 0.35);
	border-radius: 20px;
	padding: 1.6rem;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
	max-width: 420px;
}

.fpv-landing .fpv-cohort-block-label {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--fpv-red-text, #FF6B81);
	margin-bottom: 0.6rem;
}

.fpv-landing .fpv-cohort-block-date {
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 1rem;
}

.fpv-landing .fpv-cohort-block-date span {
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: none;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 0.2rem;
}

.fpv-landing .fpv-cohort-block-caption {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 0.5rem;
}

.fpv-landing .fpv-cohort-block-note {
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 0.9rem;
	line-height: 1.5;
}

.fpv-landing .fpv-cohort-block .fpv-btn-block {
	display: flex;
	width: 100%;
	margin-top: 1.1rem;
}

.fpv-landing .fpv-cohort-block.is-full { border-color: rgba(255, 255, 255, 0.14); }

.fpv-landing .fpv-cohort-seats { margin-top: 1.1rem; }

.fpv-landing .fpv-cohort-seats-bar {
	height: 6px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	overflow: hidden;
}

.fpv-landing .fpv-cohort-seats-bar span {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--fpv-red), var(--fpv-red-light));
}

.fpv-landing .fpv-cohort-seats-text {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 0.5rem;
}

.fpv-landing .fpv-cohort-seats-text .fpv-icon { color: var(--fpv-red-text, #FF6B81); }

/* Sección de convocatoria a dos columnas (página de cursos) */
.fpv-landing .fpv-cohort-section-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: 1fr minmax(0, 420px);
	gap: 3rem;
	align-items: center;
}

.fpv-landing .fpv-cohort-section-text p {
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 1rem;
	line-height: 1.7;
}

.fpv-landing .fpv-cohort-section-text .fpv-section-title { text-align: left; }

@media (max-width: 900px) {
	.fpv-landing .fpv-cohort-section-container { grid-template-columns: 1fr; }
	.fpv-landing .fpv-cohort-block { max-width: none; }
}

/* ---------- 4. Hero a dos columnas ---------- */
@media (min-width: 1100px) {
	.fpv-landing .fpv-hero-container {
		grid-template-columns: minmax(0, 1fr) 400px !important;
		align-items: center;
	}
	.fpv-landing .fpv-hero-aside { justify-self: end; }
}

@media (max-width: 1099px) {
	.fpv-landing .fpv-hero-aside {
		margin: 2.5rem auto 0;
		width: 100%;
		max-width: 460px;
		text-align: left;
	}
}

/* ---------- 5. Menú: página activa ---------- */
.fpv-landing .fpv-nav-link.is-current { color: #fff; }
.fpv-landing .fpv-nav-link.is-current::after { width: 100%; }

/* ---------- 6. Cabecera de páginas interiores ---------- */
.fpv-landing .fpv-page-hero {
	padding: calc(var(--fpv-header-h, 6.5rem) + clamp(2rem, 6vh, 4rem)) 0 3rem;
}

.fpv-landing .fpv-page-hero-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 2rem;
	text-align: center;
}

.fpv-landing .fpv-page-hero-title {
	font-size: clamp(2rem, 5vw, 3.25rem);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 0.5rem 0 1rem;
}

.fpv-landing .fpv-page-hero-text {
	font-size: 1.1rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.72);
	max-width: 680px;
	margin: 0 auto;
}

.fpv-landing .fpv-breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 1.25rem;
}

.fpv-landing .fpv-breadcrumb a {
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
}

.fpv-landing .fpv-breadcrumb a:hover { color: var(--fpv-red-text, #FF6B81); }

/* ---------- 7. Enlaces de texto y CTA de sección ---------- */
.fpv-landing .fpv-inline-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-weight: 700;
	color: var(--fpv-red-text, #FF6B81);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.fpv-landing .fpv-inline-link:hover {
	color: #fff;
	border-bottom-color: var(--fpv-red);
}

.fpv-landing .fpv-section-cta {
	text-align: center;
	margin-top: 2.5rem;
}

/* ---------- 8. Qué te llevas (portada) ---------- */
.fpv-landing .fpv-outcomes-grid {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.5rem;
	list-style: none;
}

.fpv-landing .fpv-outcome-card {
	background-color: rgba(26, 26, 26, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 2rem 1.75rem;
	text-align: center;
	transition: border-color 0.3s ease, transform 0.3s ease;
}

.fpv-landing .fpv-outcome-card:hover {
	border-color: rgba(217, 4, 41, 0.45);
	transform: translateY(-3px);
}

.fpv-landing .fpv-outcome-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: rgba(217, 4, 41, 0.15);
	border: 1px solid rgba(217, 4, 41, 0.3);
	color: var(--fpv-red-text, #FF6B81);
	margin-bottom: 1.1rem;
}

.fpv-landing .fpv-outcome-title {
	font-size: 1.35rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0.5rem;
}

.fpv-landing .fpv-outcome-text {
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.65;
}

/* ---------- 9. El problema ---------- */
.fpv-landing .fpv-pains-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: start;
}

.fpv-landing .fpv-pains-text .fpv-section-title,
.fpv-landing .fpv-takehome-main .fpv-section-title { text-align: left; }

.fpv-landing .fpv-pains-list {
	list-style: none;
	margin-top: 1.5rem;
	display: grid;
	gap: 0.9rem;
}

.fpv-landing .fpv-pains-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.7rem;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.6;
}

.fpv-landing .fpv-pains-answer {
	background-color: rgba(26, 26, 26, 0.65);
	border: 1px solid rgba(217, 4, 41, 0.3);
	border-radius: 20px;
	padding: 2rem;
}

.fpv-landing .fpv-pains-answer h3 {
	font-size: 1.5rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 1rem;
	line-height: 1.25;
}

.fpv-landing .fpv-pains-answer p {
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.7;
	margin-bottom: 1rem;
}

@media (max-width: 900px) {
	.fpv-landing .fpv-pains-container { grid-template-columns: 1fr; }
}

/* ---------- 10. Tarjetas de precio: extras de la v3 ---------- */
.fpv-landing .fpv-pricing-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.9rem;
}

.fpv-landing .fpv-pricing-meta span {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.07);
	color: rgba(255, 255, 255, 0.7);
}

.fpv-landing .fpv-pricing-result {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-size: 0.92rem;
	font-weight: 600;
	color: #fff;
	background: rgba(217, 4, 41, 0.12);
	border: 1px solid rgba(217, 4, 41, 0.28);
	border-radius: 12px;
	padding: 0.7rem 0.85rem;
	margin-bottom: 1.25rem;
	line-height: 1.5;
}

.fpv-landing .fpv-pricing-result .fpv-icon {
	color: var(--fpv-red-text, #FF6B81);
	margin-top: 0.15rem;
	flex: none;
}

.fpv-landing .fpv-pricing-actions {
	display: grid;
	gap: 0.75rem;
	justify-items: center;
	margin-top: auto;
}

.fpv-landing .fpv-pricing-actions .fpv-pricing-btn { width: 100%; }

.fpv-landing .fpv-pricing-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
}

.fpv-landing .fpv-pricing-link:hover { color: #fff; }

/* ---------- 11. Comparativa ---------- */
.fpv-landing .fpv-compare-scroll {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 2rem;
	overflow-x: auto;
}

.fpv-landing .fpv-compare-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(26, 26, 26, 0.5);
	border-radius: 16px;
	overflow: hidden;
}

.fpv-landing .fpv-compare-table th,
.fpv-landing .fpv-compare-table td {
	padding: 0.9rem 1rem;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	font-size: 0.92rem;
}

.fpv-landing .fpv-compare-table thead th {
	font-size: 0.95rem;
	font-weight: 800;
	color: #fff;
	background: rgba(13, 13, 13, 0.6);
}

.fpv-landing .fpv-compare-table thead th a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.35);
}

.fpv-landing .fpv-compare-table tbody th {
	text-align: left;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
}

.fpv-landing .fpv-compare-table .is-featured {
	background: rgba(217, 4, 41, 0.1);
}

.fpv-landing .fpv-compare-yes { color: #4ADE80; }
.fpv-landing .fpv-compare-no { color: rgba(255, 255, 255, 0.3); }

.fpv-landing .fpv-compare-price-row td strong {
	font-size: 1.25rem;
	color: #fff;
}

/* ---------- 12. Ficha de curso ---------- */
.fpv-landing .fpv-course-hero {
	padding: clamp(8rem, 16vh, 11rem) 0 3rem;
}

.fpv-landing .fpv-course-hero-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 3rem;
	align-items: start;
}

.fpv-landing .fpv-course-hero .fpv-breadcrumb { justify-content: flex-start; }

.fpv-landing .fpv-course-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-bottom: 1rem;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.6);
}

.fpv-landing .fpv-course-meta span {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.fpv-landing .fpv-course-meta .fpv-icon { color: var(--fpv-red-text, #FF6B81); }

.fpv-landing .fpv-course-title {
	font-size: clamp(2.1rem, 5vw, 3.4rem);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #fff;
	margin-bottom: 0.6rem;
}

.fpv-landing .fpv-course-tagline {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--fpv-red-text, #FF6B81);
	margin-bottom: 1.25rem;
}

.fpv-landing .fpv-course-promise {
	font-size: 1.05rem;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 1.5rem;
	max-width: 60ch;
}

.fpv-landing .fpv-course-highlights {
	list-style: none;
	display: grid;
	gap: 0.6rem;
	margin-bottom: 2rem;
}

.fpv-landing .fpv-course-highlights li {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	color: rgba(255, 255, 255, 0.85);
}

.fpv-landing .fpv-course-highlights .fpv-icon { color: #4ADE80; margin-top: 0.25rem; flex: none; }

.fpv-landing .fpv-course-hero-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.fpv-landing .fpv-course-vat {
	margin-top: 0.9rem;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1024px) {
	.fpv-landing .fpv-course-hero-container { grid-template-columns: 1fr; }
	.fpv-landing .fpv-course-hero-aside { max-width: 460px; }
}

/* Para quién es */
.fpv-landing .fpv-audience-grid {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.fpv-landing .fpv-audience-card {
	background-color: rgba(26, 26, 26, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 1.75rem;
}

.fpv-landing .fpv-audience-card.is-yes { border-color: rgba(74, 222, 128, 0.3); }
.fpv-landing .fpv-audience-card.is-no { border-color: rgba(255, 255, 255, 0.1); }

.fpv-landing .fpv-audience-card h3 {
	font-size: 1.2rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 1rem;
}

.fpv-landing .fpv-audience-card ul {
	list-style: none;
	display: grid;
	gap: 0.8rem;
}

.fpv-landing .fpv-audience-card li {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	color: rgba(255, 255, 255, 0.78);
	line-height: 1.6;
}

.fpv-landing .fpv-audience-card.is-yes .fpv-icon { color: #4ADE80; margin-top: 0.25rem; flex: none; }
.fpv-landing .fpv-audience-card.is-no .fpv-icon { color: rgba(255, 255, 255, 0.35); margin-top: 0.25rem; flex: none; }

.fpv-landing .fpv-audience-note { margin-top: 1.25rem; }

@media (max-width: 768px) {
	.fpv-landing .fpv-audience-grid { grid-template-columns: 1fr; }
}

/* Temario */
.fpv-landing .fpv-program-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 2rem;
}

.fpv-landing .fpv-program-list {
	list-style: none;
	display: grid;
	gap: 1.25rem;
}

.fpv-landing .fpv-program-block {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.25rem;
	background-color: rgba(26, 26, 26, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 1.75rem;
}

.fpv-landing .fpv-program-number {
	font-size: 1.6rem;
	font-weight: 900;
	color: rgba(217, 4, 41, 0.55);
	line-height: 1;
}

.fpv-landing .fpv-program-title {
	font-size: 1.2rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0.9rem;
}

.fpv-landing .fpv-program-items {
	list-style: none;
	display: grid;
	gap: 0.65rem;
}

.fpv-landing .fpv-program-items li {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.6;
}

.fpv-landing .fpv-program-items .fpv-icon { color: var(--fpv-red-text, #FF6B81); margin-top: 0.25rem; flex: none; }

/* Qué te llevas */
.fpv-landing .fpv-takehome-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 3rem;
	align-items: start;
}

.fpv-landing .fpv-takehome-list {
	list-style: none;
	display: grid;
	gap: 1.1rem;
	margin-top: 1.5rem;
}

.fpv-landing .fpv-takehome-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	font-size: 1.05rem;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.6;
}

.fpv-landing .fpv-takehome-list .fpv-icon { color: var(--fpv-red-text, #FF6B81); margin-top: 0.2rem; flex: none; }

.fpv-landing .fpv-takehome-card {
	background-color: rgba(26, 26, 26, 0.65);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 1.5rem;
	margin-bottom: 1.25rem;
}

.fpv-landing .fpv-takehome-card h3 {
	font-size: 1.05rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0.9rem;
}

.fpv-landing .fpv-takehome-card ul {
	list-style: none;
	display: grid;
	gap: 0.6rem;
}

.fpv-landing .fpv-takehome-card li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-size: 0.92rem;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.55;
}

.fpv-landing .fpv-takehome-card .fpv-icon { color: #4ADE80; margin-top: 0.2rem; flex: none; }
.fpv-landing .fpv-takehome-card li.not-included { color: rgba(255, 255, 255, 0.4); }
.fpv-landing .fpv-takehome-card li.not-included .fpv-icon { color: rgba(255, 255, 255, 0.3); }

@media (max-width: 900px) {
	.fpv-landing .fpv-takehome-container { grid-template-columns: 1fr; }
}

/* Otros cursos */
.fpv-landing .fpv-others-grid {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.5rem;
}

.fpv-landing .fpv-other-card {
	display: block;
	background-color: rgba(26, 26, 26, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	padding: 1.5rem;
	text-decoration: none;
	transition: border-color 0.3s ease, transform 0.3s ease;
}

.fpv-landing .fpv-other-card:hover {
	border-color: rgba(217, 4, 41, 0.45);
	transform: translateY(-3px);
}

.fpv-landing .fpv-other-meta {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 0.5rem;
}

.fpv-landing .fpv-other-card h3 {
	font-size: 1.2rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0.4rem;
}

.fpv-landing .fpv-other-text {
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.92rem;
	line-height: 1.55;
	margin-bottom: 0.8rem;
}

.fpv-landing .fpv-other-price {
	font-size: 1.35rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 0.8rem;
}

/* ---------- 13. Reserva ---------- */
.fpv-landing .fpv-contact-steps {
	list-style: none;
	display: grid;
	gap: 1rem;
	margin: 1.75rem 0;
}

.fpv-landing .fpv-contact-steps li {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.6;
}

.fpv-landing .fpv-contact-steps strong {
	display: block;
	color: #fff;
	font-weight: 700;
}

.fpv-landing .fpv-contact-step-n {
	flex: none;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(217, 4, 41, 0.18);
	border: 1px solid rgba(217, 4, 41, 0.35);
	color: var(--fpv-red-text, #FF6B81);
	font-size: 0.75rem;
	font-weight: 800;
}

.fpv-landing .fpv-contact-price {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.55);
}

.fpv-landing .fpv-contact-price span {
	font-size: 2.2rem;
	font-weight: 900;
	color: #fff;
}

.fpv-landing .fpv-contact-wa {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.25rem;
	font-weight: 700;
	color: #4ADE80;
	text-decoration: none;
}

.fpv-landing .fpv-contact-wa:hover { color: #fff; }

.fpv-landing .fpv-contact-info .fpv-cohort-block { margin: 1.5rem 0; }

/* ---------- 14. Formulario: fila doble y refuerzo ---------- */
.fpv-landing .fpv-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media (max-width: 600px) {
	.fpv-landing .fpv-form-row { grid-template-columns: 1fr; }
}

.fpv-landing .fpv-form-reassurance {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 1rem;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.5;
}

.fpv-landing .fpv-form-reassurance .fpv-icon { color: #4ADE80; margin-top: 0.15rem; flex: none; }

/* ---------- 15. Preguntas por bloques ---------- */
.fpv-landing .fpv-faq-group-title {
	text-align: left;
	font-size: 1.5rem;
	margin: 3rem 0 1.25rem;
}

.fpv-landing .fpv-faq-group-title:first-of-type { margin-top: 0; }

/* ---------- 16. Botones auxiliares ---------- */
.fpv-landing .fpv-btn-small {
	padding: 0.55rem 1.1rem;
	font-size: 0.85rem;
}

.fpv-landing .fpv-btn-block { width: 100%; }

/* ---------- 17. Cierre con convocatoria ---------- */
.fpv-landing .fpv-cta-cohort {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	padding: 0.5rem 1rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
}

/* ---------- 18. Barra fija de móvil con plazas ---------- */
.fpv-landing .fpv-mobile-cta-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

.fpv-landing .fpv-mobile-cta-seats {
	font-size: 0.68rem;
	font-weight: 500;
	opacity: 0.85;
	margin-top: 0.15rem;
}

/* ---------- 19. Ajustes para móvil de la barra de convocatoria ---------- */
@media (max-width: 900px) {
	.fpv-landing .fpv-cohort-bar-inner {
		padding: 0.5rem 1rem;
		gap: 0.5rem 0.75rem;
	}
	.fpv-landing .fpv-cohort-bar-cta { display: none; }
	.fpv-landing .fpv-cohort-bar-text { font-size: 0.8rem; }
	.fpv-landing .fpv-countdown-inline .fpv-countdown-unit { min-width: 2.1rem; }
}

/* La fecha larga no cabe en un móvil estrecho: se cambia por la corta.
   El texto viene del HTML, no del CSS, para que se pueda traducir. */
.fpv-landing .fpv-only-narrow { display: none; }

@media (max-width: 480px) {
	.fpv-landing .fpv-hide-narrow { display: none; }
	.fpv-landing .fpv-only-narrow { display: inline; }
	.fpv-landing .fpv-cohort-bar-inner { justify-content: space-between; }
}

/* La cabecera es más alta al llevar la barra: el hero necesita más aire. */
.fpv-landing.fpv-page-cursos .fpv-page-hero,
.fpv-landing.fpv-page-faq .fpv-page-hero,
.fpv-landing.fpv-page-metodo .fpv-page-hero,
.fpv-landing.fpv-page-reservar .fpv-page-hero { padding-top: calc(var(--fpv-header-h, 6.5rem) + clamp(2.5rem, 7vh, 4.5rem)); }

/* ---------- 20. Impresión y menos movimiento ---------- */
@media (prefers-reduced-motion: reduce) {
	.fpv-landing .fpv-outcome-card,
	.fpv-landing .fpv-other-card { transition: none; }
}

/* ---------- 21. Pie: los enlaces sociales seguían atrapados en 40 px ----------
   La regla antigua fijaba width: 40px (eran iconos cuadrados) y el texto
   "Instagram" se salía de la píldora. */
.fpv-landing .fpv-social-link { width: auto; }

/* ---------- 22. Contraste del botón secundario de las tarjetas de precio ----------
   El rojo claro sobre negro se quedaba en 3,9:1. --fpv-red-text sube a 7:1. */
.fpv-landing .fpv-pricing-card .fpv-btn-outline { color: var(--fpv-red-text, #FF6B81); }

/* Los dos botones del cierre, en fila cuando caben. */
.fpv-landing .fpv-cta-form {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}

/* ================================================================
   V4 — SECCIÓN DE DESMONTAJE CONTROLADA POR SCROLL
   El vídeo no se reproduce: el scroll mueve su currentTime.

   Se escribe en dos capas:
     1. Modo estático (el que sale por defecto en el HTML): póster del dron
        y los seis bloques de texto seguidos. Es lo que ve quien no tiene
        JavaScript, quien pide menos movimiento y quien va con ahorro de datos.
     2. Modo scroll (.is-scrolly, lo añade el JS): pista de 500vh, escena
        pegada y textos que entran y salen según el progreso.
   ================================================================ */

/* ---------- Base común ---------- */
.fpv-landing .fpv-scrolly {
	background: var(--fpv-black);
	position: relative;
	overflow: clip;
}

.fpv-landing .fpv-scrolly-video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1280px;
	margin: 0 auto;
	background: var(--fpv-black);
	/* Nada de bordes, sombras ni tarjetas: el dron va directo sobre la página. */
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.fpv-landing .fpv-scrolly-title,
.fpv-landing .fpv-scrolly-headline {
	font-size: clamp(1.9rem, 4.6vw, 4rem);
	font-weight: 900;
	line-height: 1.04;
	letter-spacing: -0.03em;
	color: var(--fpv-white);
	text-wrap: balance;
}

.fpv-landing .fpv-scrolly-title span,
.fpv-landing .fpv-scrolly-headline span {
	display: block;
	color: #D90429;
}

.fpv-landing .fpv-scrolly-number {
	font-size: clamp(2.25rem, 4.5vw, 3.5rem);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.17);
	margin-bottom: 0.35rem;
}

.fpv-landing .fpv-scrolly-step-title {
	font-size: clamp(1.6rem, 3.2vw, 2.75rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--fpv-white);
	margin-bottom: 0.6rem;
}

.fpv-landing .fpv-scrolly-highlight {
	font-size: clamp(1.8rem, 3.6vw, 3rem);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #D90429;
	margin-bottom: 0.7rem;
}

.fpv-landing .fpv-scrolly-text {
	font-size: clamp(0.98rem, 1.1vw, 1.1rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.74);
	max-width: 38ch;
	margin-top: 0.9rem;
}

.fpv-landing .fpv-scrolly-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.75rem;
}

.fpv-landing .fpv-scrolly-hint { display: none; }

/* ---------- 1. Modo estático ---------- */
.fpv-landing .fpv-scrolly:not(.is-scrolly) {
	padding: calc(var(--fpv-header-h, 6.5rem) + 2rem) 0 5rem;
}

.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-stage {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
}

.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-captions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2.5rem 3rem;
	margin-top: 3rem;
}

.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-step.is-intro,
.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-step.is-final {
	grid-column: 1 / -1;
}

.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-step-inner {
	max-width: 60ch;
}

/* ---------- 2. Modo scroll ---------- */
@media (prefers-reduced-motion: no-preference) {

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-track {
		position: relative;
		height: 500vh;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-stage {
		position: sticky;
		top: 0;
		height: 100vh;
		height: 100svh;
		width: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--fpv-black);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-media {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video {
		width: min(72vw, 1280px);
		height: min(82vh, 720px);
		max-width: none;
		object-fit: contain;
		/* Capa propia de composición: al mover currentTime no repinta el resto. */
		transform: translateZ(0);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-captions {
		position: absolute;
		inset: 0;
		margin: 0;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step {
		position: absolute;
		inset: 0;
		display: flex;
		padding: clamp(1.5rem, 5vw, 5rem);
		pointer-events: none;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step-inner {
		max-width: min(32vw, 430px);
		opacity: 0;
		visibility: hidden;
		transform: translateY(20px);
		filter: blur(6px);
		transition:
			opacity 0.5s ease,
			transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
			filter 0.5s ease,
			visibility 0s linear 0.5s;
		will-change: opacity, transform;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-active .fpv-scrolly-step-inner {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		filter: blur(0);
		transition-delay: 0s;
		pointer-events: auto;
	}

	/* Los bloques ya vistos salen hacia arriba; los que faltan esperan abajo. */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-past .fpv-scrolly-step-inner {
		transform: translateY(-16px);
	}

	/* Colocación de cada etapa dentro de la escena */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="left"] {
		align-items: center;
		justify-content: flex-start;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="right"] {
		align-items: center;
		justify-content: flex-end;
		text-align: right;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="right"] .fpv-scrolly-text {
		margin-left: auto;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"] {
		align-items: flex-start;
		justify-content: center;
		text-align: center;
		padding-top: clamp(6.5rem, 15vh, 10rem);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] {
		align-items: flex-end;
		justify-content: center;
		text-align: center;
		padding-bottom: clamp(2.5rem, 8vh, 5rem);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"] .fpv-scrolly-step-inner,
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] .fpv-scrolly-step-inner {
		max-width: min(92vw, 760px);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"] .fpv-scrolly-text,
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] .fpv-scrolly-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 52ch;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-cta { justify-content: center; }

	/* Pista de "sigue bajando", solo mientras dura la intro */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.7rem;
		margin-top: 2rem;
		font-size: 0.78rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.16em;
		color: rgba(255, 255, 255, 0.42);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint-line {
		width: 1px;
		height: 34px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent);
	}

	/* ---------- Móvil: el dron arriba, el texto abajo ---------- */
	@media (max-width: 767px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-track { height: 460vh; }

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-media {
			align-items: flex-start;
			padding-top: clamp(5rem, 13vh, 7rem);
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video {
			width: 100vw;
			height: min(46vh, 340px);
		}

		/* Velo muy suave para que el texto se lea sobre el vídeo. */
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-stage::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 62%;
			background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.85) 42%, var(--fpv-black) 72%);
			pointer-events: none;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step,
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="left"],
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="right"],
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"],
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] {
			align-items: flex-end;
			justify-content: flex-start;
			text-align: left;
			padding: 1.5rem 1.35rem clamp(3rem, 9vh, 5rem);
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"],
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-final {
			text-align: left;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step-inner,
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"] .fpv-scrolly-step-inner,
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] .fpv-scrolly-step-inner {
			max-width: 100%;
			width: 100%;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="right"] .fpv-scrolly-text,
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"] .fpv-scrolly-text,
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] .fpv-scrolly-text {
			margin-left: 0;
			margin-right: 0;
			max-width: 46ch;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-cta {
			justify-content: flex-start;
			gap: 0.75rem;
			margin-top: 1.35rem;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-cta .fpv-btn { width: 100%; }

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint {
			justify-content: flex-start;
			margin-top: 1.25rem;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-number { margin-bottom: 0.1rem; }
	}

	/* Pantallas bajas: que el texto no se coma el dron. */
	@media (min-width: 768px) and (max-height: 700px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video { height: 74vh; }
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"] { padding-top: 6rem; }
	}
}

/* ---------- Convocatoria todavía sin fecha ---------- */
.fpv-landing .fpv-cohort-bar.is-soon {
	background: linear-gradient(90deg, rgba(184, 3, 34, 0.95), rgba(110, 2, 20, 0.95));
}

.fpv-landing .fpv-cohort-block.is-empty .fpv-cohort-block-date span {
	font-size: 0.85rem;
	margin-top: 0.35rem;
}

.fpv-landing .fpv-cohort-block.is-empty .fpv-cohort-seats-text { margin-top: 0.9rem; }

/* ================================================================
   V5 — LA SECCIÓN DEL DRON HACE DE HERO
   La etapa 0 lleva titular, botones y convocatoria; el dron montado
   está detrás y empieza a despiezarse en cuanto el visitante baja.
   ================================================================ */

/* La entradilla del hero puede ser algo más ancha que el texto de etapa. */
.fpv-landing .fpv-scrolly-lead {
	max-width: 46ch;
	font-size: clamp(1rem, 1.25vw, 1.15rem);
}

/* Modo estático (sin JS, menos movimiento o ahorro de datos) */
.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-aside {
	margin-top: 2rem;
	max-width: 420px;
}

@media (prefers-reduced-motion: no-preference) {

	/* ---------- Etapa 0: hero ---------- */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] {
		align-items: center;
		justify-content: space-between;
		gap: clamp(1.5rem, 4vw, 4rem);
		padding-top: calc(var(--fpv-header-h, 6.5rem) + clamp(1rem, 4vh, 3rem));
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] .fpv-scrolly-step-inner {
		max-width: min(50vw, 620px);
	}

	/* La tarjeta de convocatoria entra y sale igual que el texto, un pelín después. */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-aside {
		width: min(32vw, 400px);
		flex: none;
		opacity: 0;
		visibility: hidden;
		transform: translateY(20px);
		filter: blur(6px);
		transition:
			opacity 0.5s ease,
			transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
			filter 0.5s ease,
			visibility 0s linear 0.5s;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-active .fpv-scrolly-aside {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		filter: blur(0);
		transition-delay: 0.08s;
		pointer-events: auto;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-past .fpv-scrolly-aside {
		transform: translateY(-16px);
	}

	/* Mientras dura el hero, el dron se retira un poco para dejar sitio al
	   texto; en cuanto empieza el desmontaje, crece y toma el protagonismo. */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video {
		transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	.fpv-landing .fpv-scrolly.is-scrolly.at-intro .fpv-scrolly-video {
		transform: scale(0.86) translateZ(0);
	}

	/* Por debajo de 1200 px la tarjeta no cabe al lado del texto sin comerse
	   el dron. La convocatoria sigue estando en la barra de arriba. */
	@media (max-width: 1199px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-aside { display: none; }
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] .fpv-scrolly-step-inner {
			max-width: min(72vw, 620px);
		}
	}

	@media (max-width: 767px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] {
			align-items: flex-end;
			justify-content: flex-start;
			padding: 1.5rem 1.35rem clamp(2.5rem, 7vh, 4rem);
		}

		/* En el hero de móvil manda el titular y el botón: los tres puntos y
		   la pista de scroll se quedan fuera para no apretar el bloque. */
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-intro .fpv-hero-points,
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint {
			display: none;
		}

		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-intro .fpv-scrolly-cta .fpv-btn {
			width: 100%;
		}

		.fpv-landing .fpv-scrolly.is-scrolly.at-intro .fpv-scrolly-video {
			transform: scale(0.82) translateZ(0);
		}

		.fpv-landing .fpv-scrolly-lead { font-size: 0.98rem; }
	}
}

/* ================================================================
   V6 — AJUSTES FINOS DE LA SECCIÓN DEL DRON
   Bordes del vídeo difuminados, hero que no se corta y cierre legible.
   ================================================================ */

@media (prefers-reduced-motion: no-preference) {

	/* El vídeo tiene su propio negro y su viñeta: sin esto se le ve el
	   rectángulo. La máscara funde los bordes con el fondo de la página. */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video {
		-webkit-mask-image: radial-gradient(ellipse 82% 82% at 50% 50%, #000 68%, rgba(0, 0, 0, 0) 100%);
		mask-image: radial-gradient(ellipse 82% 82% at 50% 50%, #000 68%, rgba(0, 0, 0, 0) 100%);
	}

	/* ---------- Hero: que quepa entero en pantallas de 900 px ---------- */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] .fpv-scrolly-title {
		font-size: clamp(1.75rem, 3.4vw, 3.05rem);
		line-height: 1.02;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] .fpv-scrolly-lead {
		margin-top: 0.85rem;
		max-width: 42ch;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] .fpv-scrolly-cta {
		margin-top: 1.4rem;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint { margin-top: 1.4rem; }

	/* En pantallas bajas sobra la pista de scroll: se entiende sin ella. */
	@media (max-height: 820px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint { display: none; }
	}

	/* Durante el hero el dron se aparta un poco a la derecha para no quedar
	   debajo del titular. */
	@media (min-width: 1200px) {
		.fpv-landing .fpv-scrolly.is-scrolly.at-intro .fpv-scrolly-video {
			transform: translateX(9%) scale(0.84);
		}
	}

	/* ---------- Cierre: el texto no se come el dron ---------- */
	.fpv-landing .fpv-scrolly.is-scrolly.at-final .fpv-scrolly-video {
		transform: translateY(-9%) scale(0.82);
	}

	.fpv-landing .fpv-scrolly-scrim {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 78%;
		background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.82) 45%, var(--fpv-black) 82%);
		opacity: 0;
		transition: opacity 0.5s ease;
		pointer-events: none;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-active .fpv-scrolly-scrim { opacity: 1; }

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-final .fpv-scrolly-headline {
		font-size: clamp(1.8rem, 3.8vw, 3.2rem);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-final .fpv-scrolly-step-inner {
		position: relative;
		z-index: 1;
	}

	@media (max-width: 767px) {
		.fpv-landing .fpv-scrolly.is-scrolly.at-final .fpv-scrolly-video {
			transform: translateY(-4%) scale(0.9);
		}
	}
}

/* El velo de móvil se pintaba por encima del texto (es un ::after del
   escenario, y los pseudoelementos van después de los hijos). Se ordenan
   las capas: vídeo → velo → textos. */
@media (prefers-reduced-motion: no-preference) {
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-media { z-index: 0; }
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-stage::after { z-index: 1; }
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-captions { z-index: 2; }
}

/* En móvil, la barra fija de contacto ocupa la franja de abajo: los textos
   de cada etapa dejan sitio para que no se solapen los botones. */
@media (prefers-reduced-motion: no-preference) and (max-width: 767px) {
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step,
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="left"],
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="right"],
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="top"],
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="bottom"] {
		padding-bottom: clamp(5.5rem, 13vh, 7.5rem);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step[data-align="hero"] {
		padding-bottom: clamp(3.5rem, 9vh, 5rem);
	}
}

/* ================================================================
   V7 — RED DE SEGURIDAD PARA "REDUCIR MOVIMIENTO"
   Si alguien activa la opción con la página ya abierta, el JS no se entera
   (la clase is-scrolly ya está puesta). Este bloque deshace el modo scroll
   por CSS y devuelve la sección al modo estático, sin estados a medias.
   ================================================================ */
@media (prefers-reduced-motion: reduce) {
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-track { height: auto; }

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-stage {
		position: static;
		height: auto;
		display: block;
		overflow: visible;
		max-width: 1200px;
		margin: 0 auto;
		padding: calc(var(--fpv-header-h, 6.5rem) + 2rem) 2rem 5rem;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-stage::after { display: none; }

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-media {
		position: static;
		display: block;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video {
		width: 100%;
		height: auto;
		max-width: 1280px;
		margin: 0 auto;
		transform: none;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-captions {
		position: static;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 2.5rem 3rem;
		margin-top: 3rem;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step {
		position: static;
		display: block;
		padding: 0;
		pointer-events: auto;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-intro,
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step.is-final {
		grid-column: 1 / -1;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-step-inner,
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-aside {
		opacity: 1;
		visibility: visible;
		transform: none;
		filter: none;
		transition: none;
		max-width: 60ch;
		width: auto;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-scrim,
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-hint {
		display: none;
	}
}

/* ================================================================
   V8 — EL VÍDEO NUEVO TIENE EL FONDO MÁS CLARO
   Con la máscara sola se seguía viendo el rectángulo del vídeo sobre el
   negro de la página. Se le añade una viñeta del MISMO color de fondo:
   así el borde no existe, en vez de solo difuminarse.
   ================================================================ */
@media (prefers-reduced-motion: no-preference) {
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-media::after {
		content: '';
		position: absolute;
		inset: 0;
		pointer-events: none;
		background:
			radial-gradient(ellipse 58% 60% at 50% 50%, rgba(13, 13, 13, 0) 52%, var(--fpv-black) 100%);
	}
}

/* ================================================================
   V9 — MARCO DEL VÍDEO
   El tamaño y la escala pasan del <video> a un marco con sus mismas
   medidas. Encima del marco van dos degradados (horizontal y vertical)
   del MISMO negro de la página: los cuatro bordes del vídeo desaparecen
   sin depender de que el navegador sepa aplicar máscaras sobre vídeo.
   ================================================================ */
@media (prefers-reduced-motion: no-preference) {

	/* Se anula la viñeta anterior: se pintaba sobre el escenario entero,
	   no sobre el vídeo, y dejaba una sombra rara en las esquinas. */
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-media::after { display: none; }

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame {
		position: relative;
		width: min(72vw, 1280px);
		height: min(82vh, 720px);
		transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame::after {
		content: '';
		position: absolute;
		inset: -1px;
		pointer-events: none;
		background:
			linear-gradient(90deg, var(--fpv-black) 0%, rgba(13, 13, 13, 0) 14%, rgba(13, 13, 13, 0) 86%, var(--fpv-black) 100%),
			linear-gradient(180deg, var(--fpv-black) 0%, rgba(13, 13, 13, 0) 12%, rgba(13, 13, 13, 0) 88%, var(--fpv-black) 100%);
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-video {
		width: 100%;
		height: 100%;
		transform: none;
		transition: none;
		-webkit-mask-image: none;
		mask-image: none;
	}

	/* Las escalas del hero y del cierre las hace ahora el marco, para que el
	   degradado se mueva con el vídeo. */
	.fpv-landing .fpv-scrolly.is-scrolly.at-intro .fpv-scrolly-video,
	.fpv-landing .fpv-scrolly.is-scrolly.at-final .fpv-scrolly-video {
		transform: none;
	}

	.fpv-landing .fpv-scrolly.is-scrolly.at-final .fpv-scrolly-frame {
		transform: translateY(-9%) scale(0.82);
	}

	@media (min-width: 1200px) {
		.fpv-landing .fpv-scrolly.is-scrolly.at-intro .fpv-scrolly-frame {
			transform: translateX(9%) scale(0.84);
		}
	}

	@media (max-width: 767px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame {
			width: 100vw;
			height: min(46vh, 340px);
		}
		.fpv-landing .fpv-scrolly.is-scrolly.at-intro .fpv-scrolly-frame {
			transform: scale(0.82);
		}
		.fpv-landing .fpv-scrolly.is-scrolly.at-final .fpv-scrolly-frame {
			transform: translateY(-4%) scale(0.9);
		}
		/* En móvil el vídeo ocupa todo el ancho: los bordes laterales no
		   necesitan degradado, solo el de abajo, que ya pone el velo. */
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame::after {
			background: linear-gradient(180deg, var(--fpv-black) 0%, rgba(13, 13, 13, 0) 14%, rgba(13, 13, 13, 0) 86%, var(--fpv-black) 100%);
		}
	}

	@media (min-width: 768px) and (max-height: 700px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame { height: 74vh; }
	}
}

/* Modo estático: el marco no manda nada. */
.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-frame {
	width: auto;
	height: auto;
	transform: none;
}

.fpv-landing .fpv-scrolly:not(.is-scrolly) .fpv-scrolly-frame::after { display: none; }

@media (prefers-reduced-motion: reduce) {
	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame {
		width: auto;
		height: auto;
		transform: none;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame::after { display: none; }
}

/* ================================================================
   V10 — EL MARCO, EXACTO A LA IMAGEN
   Antes el marco era más alto que el vídeo (object-fit dejaba franjas
   arriba y abajo), así que el degradado caía sobre la franja vacía y el
   borde real del vídeo seguía viéndose. Ahora el marco tiene la misma
   proporción 16:9 que la imagen: el degradado cae justo en el borde.
   ================================================================ */
@media (prefers-reduced-motion: no-preference) {

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame {
		/* 145vh ≈ 82vh × 16/9: así la altura nunca pasa del 82 % de la pantalla. */
		width: min(72vw, 1280px, 145vh);
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame::after {
		background:
			linear-gradient(90deg, var(--fpv-black) 0%, rgba(13, 13, 13, 0) 18%, rgba(13, 13, 13, 0) 82%, var(--fpv-black) 100%),
			linear-gradient(180deg, var(--fpv-black) 0%, rgba(13, 13, 13, 0) 16%, rgba(13, 13, 13, 0) 84%, var(--fpv-black) 100%);
	}

	@media (max-width: 767px) {
		/* En móvil el dron manda: el vídeo se pasa un poco del ancho y los
		   laterales se recortan (el escenario ya recorta lo que sobra). */
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame {
			width: min(126vw, 620px);
			height: auto;
			aspect-ratio: 16 / 9;
		}
	}

	@media (min-width: 768px) and (max-height: 700px) {
		.fpv-landing .fpv-scrolly.is-scrolly .fpv-scrolly-frame {
			width: min(72vw, 1280px, 131vh);
			height: auto;
		}
	}
}

/* ================================================================
   V11 — TARJETAS DE CURSO CON MÁS GANCHO
   Lo de "ver el curso al detalle" era un enlace diminuto al pie de la
   tarjeta y no lo veía nadie. Ahora son dos botones de verdad, la
   tarjeta entera es pulsable y al pasar por encima se nota.
   ================================================================ */

.fpv-landing .fpv-pricing-card {
	cursor: pointer;
	transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.fpv-landing .fpv-pricing-card:hover {
	transform: translateY(-4px);
	border-color: rgba(217, 4, 41, 0.55);
	box-shadow: 0 26px 60px rgba(0, 0, 0, 0.45);
}

/* Los puntos incluidos, un poco más legibles. */
.fpv-landing .fpv-pricing-features li { font-size: 0.95rem; }
.fpv-landing .fpv-pricing-features li.not-included { color: rgba(255, 255, 255, 0.45); }

.fpv-landing .fpv-pricing-more {
	margin: -0.75rem 0 1.25rem;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--fpv-red-text, #FF6B81);
}

/* Los dos botones, uno debajo del otro y a todo el ancho. */
.fpv-landing .fpv-pricing-actions {
	display: grid;
	gap: 0.65rem;
	margin-top: auto;
}

.fpv-landing .fpv-pricing-actions .fpv-btn { width: 100%; }

.fpv-landing .fpv-pricing-details {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 0.8rem 1.25rem;
	font-size: 0.92rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.82);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	text-decoration: none;
	transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.fpv-landing .fpv-pricing-details .fpv-icon {
	transition: transform 0.25s ease;
}

/* Al pasar por encima de la tarjeta (o del propio botón) se enciende. */
.fpv-landing .fpv-pricing-card:hover .fpv-pricing-details,
.fpv-landing .fpv-pricing-details:hover,
.fpv-landing .fpv-pricing-details:focus-visible {
	color: var(--fpv-white);
	border-color: rgba(217, 4, 41, 0.65);
	background: rgba(217, 4, 41, 0.14);
}

.fpv-landing .fpv-pricing-card:hover .fpv-pricing-details .fpv-icon,
.fpv-landing .fpv-pricing-details:hover .fpv-icon {
	transform: translateX(3px);
}

/* En pantallas táctiles no hay "pasar por encima": el botón ya se ve. */
@media (hover: none) {
	.fpv-landing .fpv-pricing-card { cursor: auto; }
	.fpv-landing .fpv-pricing-details {
		color: var(--fpv-white);
		border-color: rgba(255, 255, 255, 0.28);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fpv-landing .fpv-pricing-card,
	.fpv-landing .fpv-pricing-details,
	.fpv-landing .fpv-pricing-details .fpv-icon { transition: none; }
	.fpv-landing .fpv-pricing-card:hover { transform: none; }
}