/* ================================================================
   CSS UNIFICADO Y CORREGIDO - ESCUELA + MOVIMIENTO FUNCIONAL
   Archivo consolidado con las últimas actualizaciones de estilo.
   VERSIÓN FINAL: Texto negro, sin guiones, responsive mejorado y unificado.
   MODIFICADO: Eliminados márgenes laterales y forzado anti-guiones.
   ================================================================ */

/* ================================================================
   A. AJUSTES GLOBALES SOLICITADOS
   ================================================================ */
* {
    /* Forzar que no haya uso de guiones para separar palabras en ningún caso */
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}


/* ================================================================
   0. RESOLUCIÓN DE CONFLICTOS CON TEMA MASTERSTUDY
   ================================================================ */

/* FORZAR ESTILOS DE LANDING PAGES - Conflictos con tema */
.movimiento-content .nav.nav-tabs,
.movimiento-content .programs-tabs .nav.nav-tabs {
    all: revert !important;
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #e0e0e0 !important;
    background: none !important;
    border: none !important;
}

.movimiento-content .nav.nav-tabs > li,
.movimiento-content .programs-tabs .nav.nav-tabs > li {
    all: revert !important;
    display: block !important;
    width: auto !important;
    margin-bottom: 5px !important;
    list-style: none !important;
}

.movimiento-content .nav.nav-tabs > li a,
.movimiento-content .programs-tabs .nav.nav-tabs > li a {
    all: revert !important;
    padding: 12px 15px !important;
    margin: 0 !important;
    border: 2px solid #e0e0e0 !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    background-color: #f8f9fa !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: left !important;
    display: block !important;
    text-decoration: none !important;
    min-height: auto !important;
    line-height: 1.2 !important;
}

.movimiento-content .nav.nav-tabs > li a:hover,
.movimiento-content .programs-tabs .nav.nav-tabs > li a:hover {
    background: #e6f7ff !important;
    border-color: #00BEC8 !important;
    color: #000000 !important;
    text-decoration: none !important;
}

/* Estados activos forzados */
.movimiento-content .nav.nav-tabs > li.active a,
.movimiento-content .programs-tabs .nav.nav-tabs > li.active a {
    background: #00BEC8 !important;
    border-color: #00BEC8 !important;
    color: white !important;
}

/* Resetear interferencias específicas del tema */
.movimiento-content .tab-label,
.movimiento-content .programs-tabs .tab-label {
    font-family: 'ABeeZee', 'Helvetica Neue', Arial, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ================================================================
   1. HERO SECTIONS Y LEAD MAGNETS
   ================================================================ */

/* Lead Magnet Section - Destacado CON !IMPORTANT */
.lead-magnet-section {
    background: linear-gradient(135deg, #f0fdfa, #e6fcfc) !important;
    border: 3px solid #C80000 !important;
    border-radius: 20px !important;
    padding: 40px 0 !important; /* SIN PADDING LATERAL */
    margin: 50px 0 !important;
    box-shadow: 0 15px 50px rgba(200, 0, 0, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
}

.lead-magnet-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 8px !important;
    background: linear-gradient(90deg, #C80000, #00BEC8, #C80000) !important;
}

.lead-magnet-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 15px !important; /* Padding interno para que el contenido no pegue a los bordes */
}

.lead-magnet-content {
    text-align: left !important;
    margin-bottom: 30px !important;
}

.lead-magnet-section h2 {
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 2rem !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

.lead-magnet-section h3 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.6rem !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.lead-magnet-section p {
    text-align: left !important;
    max-width: 600px !important;
    margin: 0 auto 20px auto !important;
    color: #000000 !important;
}

.lead-magnet-features {
    margin: 30px 0 !important;
    text-align: left !important;
}

.lead-magnet-cta {
    margin-top: 30px !important;
    text-align: center !important;
}

.lead-magnet-visual {
    text-align: center !important;
    margin-top: 30px !important;
}

.lead-magnet-visual .course-mockup {
    max-width: 300px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    border: 2px solid #00BEC8 !important;
    box-shadow: 0 8px 25px rgba(0, 190, 200, 0.2) !important;
}

/* Contenedor principal del hero */
.hero-section {
    background: #ffffff !important;
    padding: 60px 0 !important; /* SIN PADDING LATERAL */
    margin-bottom: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

.hero-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important; /* SIN PADDING LATERAL */
}

/* Header del hero */
.hero-header {
    text-align: center !important;
    margin-bottom: 50px !important;
    padding: 0 15px; /* Padding interno para que el texto no pegue a los bordes */
}

.hero-header h1 {
    font-size: 2.5rem !important;
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hero-subtitle {
    font-size: 1.2rem !important;
    color: #2d3748 !important;
    font-weight: 500 !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Contenido principal del hero */
.hero-main {
    display: block !important;
    width: 100% !important;
    padding: 0 15px; /* Padding interno para que el contenido no pegue a los bordes */
}

/* Showcase de productos/cursos */
.course-showcase {
    text-align: center !important;
    margin-bottom: 50px !important;
}

.course-mockup {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 20px 60px rgba(0, 190, 200, 0.15) !important;
    border: 3px solid #00BEC8 !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

.course-mockup::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 8px !important;
    background: linear-gradient(90deg, #00BEC8, #C80000, #00BEC8) !important;
}

.course-header h3 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.4rem !important;
    margin-bottom: 5px !important;
    text-align: center !important;
}

.course-header h4 {
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.1rem !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.course-avatar {
    display: flex !important;
    justify-content: center !important;
    margin: 20px 0 !important;
}

.avatar-circle {
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(135deg, #00BEC8, #008B94) !important;
    border-radius: 50% !important;
    border: 4px solid #ffffff !important;
    box-shadow: 0 8px 20px rgba(0, 190, 200, 0.3) !important;
}

.course-details {
    text-align: center !important;
}

.course-rating {
    font-size: 1.1rem !important;
    color: #000000 !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.course-info {
    color: #6b7280 !important;
    font-size: 0.9rem !important;
}

/* Badges de credibilidad */
.credibility-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 20px !important;
    justify-content: center !important;
}

.badge {
    background: #ffffff !important;
    padding: 12px 20px !important;
    border-radius: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 190, 200, 0.1) !important;
    border: 2px solid #00BEC8 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 1 auto !important;
    min-width: 200px !important;
    transition: all 0.3s ease !important;
}

.badge:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 190, 200, 0.15) !important;
}

.badge-icon {
    font-size: 1.1rem !important;
}

.badge-text {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/* ================================================================
   2. OFERTAS Y PRECIOS
   ================================================================ */

.offer-section {
    text-align: center !important;
}

.main-offer {
    margin-bottom: 40px !important;
}

/* Badge de oferta animado */
.offer-badge {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    color: white !important;
    padding: 15px 30px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 25px !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    box-shadow: 0 8px 25px rgba(200, 0, 0, 0.3) !important;
    animation: pulse 2s infinite !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
}

.offer-badge * {
    color: white !important;
}

.offer-badge:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 35px rgba(200, 0, 0, 0.4) !important;
    color: white !important;
    text-decoration: none !important;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.main-offer h3 {
    color: #000000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.6rem !important;
    margin-bottom: 30px !important;
    line-height: 1.3 !important;
}

/* Grid de precios */
.pricing-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.price-card {
    background: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 15px !important;
    padding: 20px 15px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.price-card:hover {
    border-color: #00BEC8 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 190, 200, 0.15) !important;
}

.price-card.featured {
    border-color: #C80000 !important;
    background: linear-gradient(135deg, #fff5f5, #ffffff) !important;
    transform: scale(1.05) !important;
}

.price-card.featured:hover {
    transform: scale(1.05) translateY(-3px) !important;
}

.popular-badge {
    background: #C80000 !important;
    color: white !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.price-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 15px !important;
}

.price-icon {
    font-size: 1.8rem !important;
}

.price-title {
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 0.9rem !important;
    color: #000000 !important;
}

.price-amount {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #C80000 !important;
    margin-bottom: 8px !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
}

.price-note {
    font-size: 0.8rem !important;
    color: #6b7280 !important;
    font-style: italic !important;
}

/* ================================================================
   3. CTAS Y BOTONES
   ================================================================ */

.main-cta {
    margin-bottom: 30px !important;
}

/* Botón principal CTA - TODOS ROJOS CON !IMPORTANT */
.cta-button {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    color: white !important;
    border: none !important;
    padding: 20px 40px !important;
    border-radius: 50px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(200, 0, 0, 0.3) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
}

.cta-button * {
    color: white !important;
}

.cta-button:hover {
    color: white !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(200, 0, 0, 0.4) !important;
    text-decoration: none !important;
}

/* Todas las variantes ahora son ROJAS CON !IMPORTANT */
.cta-button.standard {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    box-shadow: 0 8px 25px rgba(200, 0, 0, 0.3) !important;
    padding: 18px 35px !important;
    font-size: 1.1rem !important;
}

.cta-button.standard:hover {
    box-shadow: 0 12px 35px rgba(200, 0, 0, 0.4) !important;
}

.cta-button.premium {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    box-shadow: 0 8px 25px rgba(200, 0, 0, 0.3) !important;
}

.cta-button.premium:hover {
    box-shadow: 0 12px 35px rgba(200, 0, 0, 0.4) !important;
}

/* Botón secundario también rojo pero más sutil */
.cta-button.secondary {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    box-shadow: 0 8px 25px rgba(200, 0, 0, 0.3) !important;
    opacity: 0.9 !important;
}

.cta-button.secondary:hover {
    box-shadow: 0 12px 35px rgba(200, 0, 0, 0.4) !important;
    opacity: 1 !important;
}

.cta-guarantee {
    margin-top: 15px !important;
    color: #6b7280 !important;
    font-size: 0.9rem !important;
}

/* ================================================================
   4. DIFERENCIADORES Y CARACTERÍSTICAS
   ================================================================ */

.differentiators-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    margin: 40px 0 !important;
}

.differentiator-item {
    background: #ffffff !important;
    border: 2px solid #00BEC8 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    text-align: left !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.differentiator-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, #00BEC8, #C80000) !important;
    transition: left 0.5s ease !important;
}

.differentiator-item:hover::before {
    left: 0 !important;
}

.differentiator-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 190, 200, 0.15) !important;
}

.diff-icon {
    font-size: 3rem !important;
    margin-bottom: 20px !important;
    color: #00BEC8 !important;
}

.diff-content h3 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.4rem !important;
    margin-bottom: 15px !important;
}

.diff-content p {
    color: #000000 !important;
    line-height: 1.6 !important;
    font-size: 0.95rem !important;
    text-align: left !important;
}

/* Sección de especialización */
.specialization-section {
    background: linear-gradient(135deg, #f0fdfa, #e6fcfc) !important;
    border-radius: 20px !important;
    padding: 40px 0 !important; /* SIN PADDING LATERAL */
    margin: 50px 0 !important;
    border: 2px solid #00BEC8 !important;
}

.specialization-section h3 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    text-align: center !important;
    font-size: 1.8rem !important;
    margin-bottom: 30px !important;
}

.specialization-section p {
    text-align: left !important;
    color: #000000 !important;
}

.specialization-content {
    display: block !important;
    width: 100% !important;
    padding: 0 15px; /* Padding interno */
}

.spec-text {
    margin-bottom: 30px !important;
}

.biopsychosocial-section {
    margin: 50px 0 !important;
}

.biopsychosocial-section h3 {
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    text-align: center !important;
    font-size: 1.8rem !important;
    margin-bottom: 30px !important;
}

.biopsychosocial-section p {
    text-align: left !important;
    color: #000000 !important;
}

/* ================================================================
   5. COMPARATIVAS
   ================================================================ */

.comparison-section {
    margin: 50px 0 !important;
}

.comparison-section h3 {
    color: #000000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    text-align: center !important;
    font-size: 1.8rem !important;
    margin-bottom: 40px !important;
}

.comparison-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    width: 100% !important;
}

.comparison-card {
    margin-bottom: 25px !important;
    padding: 30px !important;
    border-radius: 15px !important;
    border: 2px solid !important;
    transition: all 0.3s ease !important;
}

.comparison-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

.comparison-card.our-approach {
    background: linear-gradient(135deg, #f0fdfa, #ffffff) !important;
    border-color: #00BEC8 !important;
}

.comparison-card.others {
    background: linear-gradient(135deg, #fff5f5, #ffffff) !important;
    border-color: #ef4444 !important;
}

.comparison-card h4 {
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.3rem !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.comparison-card.our-approach h4 {
    color: #00BEC8 !important;
}

.comparison-card.others h4 {
    color: #ef4444 !important;
}

.comparison-card p {
    color: #000000 !important;
    text-align: left !important;
}

/* ================================================================
   6. PESTAÑAS INTERACTIVAS
   ================================================================ */

.programs-tabs {
    margin: 30px 0 !important;
}

.programs-tabs input[type="radio"] {
    display: none !important;
}

.tabs-nav {
    display: block !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #e0e0e0 !important;
}

.tab-label {
    padding: 12px 15px !important;
    background: #f8f9fa !important;
    border: 2px solid #e0e0e0 !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: left !important;
    display: block !important;
    margin-bottom: 5px !important;
    min-height: auto !important;
}

.tab-icon {
    font-size: 1.3rem !important;
    margin-right: 8px !important;
}

.tab-title {
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    line-height: 1.2 !important;
    display: inline !important;
}

.tab-level {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
    margin-left: 8px !important;
}

.tab-label:hover {
    background: #e6f7ff !important;
    border-color: #00BEC8 !important;
}

/* Estados activos de pestañas */
#tab-abc:checked ~ .tabs-nav label[for="tab-abc"],
#tab-fuerte:checked ~ .tabs-nav label[for="tab-fuerte"],
#tab-kettlebell:checked ~ .tabs-nav label[for="tab-kettlebell"],
#tab-poder:checked ~ .tabs-nav label[for="tab-poder"] {
    background: #00BEC8 !important;
    border-color: #00BEC8 !important;
    color: white !important;
}

#tab-abc:checked ~ .tabs-nav label[for="tab-abc"] .tab-title,
#tab-fuerte:checked ~ .tabs-nav label[for="tab-fuerte"] .tab-title,
#tab-kettlebell:checked ~ .tabs-nav label[for="tab-kettlebell"] .tab-title,
#tab-poder:checked ~ .tabs-nav label[for="tab-poder"] .tab-title {
    color: white !important;
}

#tab-abc:checked ~ .tabs-nav label[for="tab-abc"] .tab-level,
#tab-fuerte:checked ~ .tabs-nav label[for="tab-fuerte"] .tab-level,
#tab-kettlebell:checked ~ .tabs-nav label[for="tab-kettlebell"] .tab-level,
#tab-poder:checked ~ .tabs-nav label[for="tab-poder"] .tab-level {
    color: rgba(255,255,255,0.8) !important;
}

.tabs-content {
    position: relative !important;
}

.tab-content {
    display: none !important;
}

#tab-abc:checked ~ .tabs-content #content-abc,
#tab-fuerte:checked ~ .tabs-content #content-fuerte,
#tab-kettlebell:checked ~ .tabs-content #content-kettlebell,
#tab-poder:checked ~ .tabs-content #content-poder {
    display: block !important;
}

/* ================================================================
   7. PLANES Y SUSCRIPCIONES
   ================================================================ */

.plans-comparison {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    margin: 40px 0 !important;
}

/* Planes normales */
.normal-plans {
    background: #ffffff !important;
    border: 2px solid #00BEC8 !important;
    border-radius: 20px !important;
    padding: 30px 0 !important; /* SIN PADDING LATERAL */
    position: relative !important;
    transition: all 0.3s ease !important;
}

.normal-plans:hover {
    box-shadow: 0 10px 30px rgba(0, 190, 200, 0.15) !important;
}

.normal-plans .plan-header h3 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.8rem !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.normal-plans .plan-header p {
    text-align: left !important;
    color: #000000 !important;
    margin-bottom: 25px !important;
    font-size: 1rem !important;
    padding: 0 15px; /* Padding interno */
}

.price-options {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.price-option {
    background: #f8f9fa !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    text-align: center !important;
    min-width: 120px !important;
    transition: all 0.3s ease !important;
}

.price-option:hover {
    border-color: #00BEC8 !important;
    transform: translateY(-2px) !important;
}

.price-option.featured {
    border-color: #C80000 !important;
    background: linear-gradient(135deg, #fff5f5, #ffffff) !important;
    transform: scale(1.05) !important;
}

.price-value {
    display: block !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
}

.price-period {
    font-size: 0.9rem !important;
    color: #6b7280 !important;
}

.price-save {
    display: block !important;
    font-size: 0.75rem !important;
    color: #16a34a !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
}

/* Plan Premium */
.premium-plan {
    background: linear-gradient(135deg, #f8f9ff, #ffffff) !important;
    border: 3px solid #C80000 !important;
    border-radius: 20px !important;
    padding: 30px 0 !important; /* SIN PADDING LATERAL */
    position: relative !important;
    box-shadow: 0 10px 30px rgba(200, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

.premium-plan:hover {
    box-shadow: 0 15px 40px rgba(200, 0, 0, 0.2) !important;
}

.premium-badge {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    position: absolute !important;
    top: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
}

.premium-plan .plan-header h3 {
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.8rem !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}

.premium-plan .plan-header p {
    text-align: left !important;
    color: #000000 !important;
    margin-bottom: 25px !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    padding: 0 15px; /* Padding interno */
}

.premium-pricing {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.premium-price .price-value {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
}

.premium-price .price-period {
    font-size: 1rem !important;
    color: #6b7280 !important;
    margin-left: 5px !important;
}

/* Beneficios de planes */
.plan-benefits {
    margin-bottom: 30px !important;
    padding: 0 15px; /* Padding interno */
}

.included-notice {
    background: linear-gradient(135deg, #f0fdfa, #e6fcfc) !important;
    border: 2px solid #00BEC8 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.1rem !important;
}

.benefit-item {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
    padding: 20px !important;
    background: #f8f9fa !important;
    border-radius: 12px !important;
    border-left: 4px solid #00BEC8 !important;
    transition: all 0.3s ease !important;
}

.benefit-item:hover {
    transform: translateX(5px) !important;
    box-shadow: 0 4px 15px rgba(0, 190, 200, 0.1) !important;
}

.benefit-item.premium {
    background: linear-gradient(135deg, #fff5f5, #ffffff) !important;
    border-left-color: #C80000 !important;
}

.benefit-item.premium:hover {
    box-shadow: 0 4px 15px rgba(200, 0, 0, 0.1) !important;
}

.benefit-icon {
    font-size: 1.8rem !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.benefit-content h4 {
    color: #000000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.1rem !important;
    margin-bottom: 8px !important;
}

.benefit-content p {
    color: #000000 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-align: left !important;
}

.plan-cta {
    text-align: center !important;
    padding: 0 15px; /* Padding interno */
}

/* ================================================================
   8. GARANTÍAS Y CONFIANZA
   ================================================================ */

.guarantee-section {
    margin-top: 50px !important;
}

.guarantee-box {
    background: linear-gradient(135deg, #f0fdfa, #e6fcfc) !important;
    border: 2px solid #00BEC8 !important;
    border-radius: 15px !important;
    padding: 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    text-align: left !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    transition: all 0.3s ease !important;
}

.guarantee-box:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 190, 200, 0.15) !important;
}

.guarantee-icon {
    font-size: 2.5rem !important;
    color: #00BEC8 !important;
    flex-shrink: 0 !important;
}

.guarantee-content h4 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    margin-bottom: 8px !important;
}

.guarantee-content p {
    color: #000000 !important;
    margin: 0 !important;
    font-size: 0.9rem !important;
    text-align: left !important;
}

/* ================================================================
   9. CURSOS ADICIONALES
   ================================================================ */

.additional-courses {
    margin: 50px 0 !important;
}

.courses-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    margin: 30px 0 !important;
}

.course-item {
    background: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 15px !important;
    padding: 25px !important;
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.course-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, #00BEC8, #C80000) !important;
    transition: left 0.5s ease !important;
}

.course-item:hover::before {
    left: 0 !important;
}

.course-item:hover {
    border-color: #00BEC8 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 190, 200, 0.15) !important;
}

.course-icon {
    font-size: 2.5rem !important;
    color: #00BEC8 !important;
    flex-shrink: 0 !important;
    margin-top: 5px !important;
}

.course-content h4 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.2rem !important;
    margin-bottom: 12px !important;
}

.course-content p {
    color: #000000 !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    font-size: 0.95rem !important;
    text-align: left !important;
}

.course-link {
    color: #C80000 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: color 0.3s ease !important;
}

.course-link:hover {
    color: #A00000 !important;
    text-decoration: underline !important;
}

/* ================================================================
   10. ASESORAMIENTO INDIVIDUALIZADO
   ================================================================ */

.individual-assessment {
    background: linear-gradient(135deg, #fff5f5, #ffffff) !important;
    border: 2px solid #C80000 !important;
    border-radius: 20px !important;
    padding: 40px 0 !important; /* SIN PADDING LATERAL */
    margin: 50px 0 !important;
}

.assessment-content {
    display: block !important;
    width: 100% !important;
    padding: 0 15px; /* Padding interno */
}

.assessment-text {
    margin-bottom: 30px !important;
}

.assessment-text h3 {
    color: #C80000 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 1.6rem !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.assessment-text p {
    text-align: left !important;
    margin-bottom: 20px !important;
    color: #000000 !important;
}

.assessment-visual {
    text-align: center !important;
}

.assessment-cta {
    text-align: center !important;
    margin-top: 30px !important;
}

/* ================================================================
   11. CTA FINAL Y URGENCIA
   ================================================================ */

.final-cta-section {
    background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
    border-radius: 20px !important;
    padding: 50px 0 !important; /* SIN PADDING LATERAL */
    margin: 60px 0 !important;
    text-align: center !important;
    border: 2px solid #e0e0e0 !important;
}

.final-cta-buttons {
    margin: 30px 0 !important;
    padding: 0 15px; /* Padding interno */
}

.final-cta-buttons .cta-button {
    font-size: 1.3rem !important;
    padding: 25px 45px !important;
    margin-bottom: 20px !important;
}

/* ================================================================
   12. TESTIMONIOS Y REVIEWS
   ================================================================ */

.testimonials-section {
    margin: 50px 0 !important;
    padding: 40px 0 !important;
    background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
}

.testimonials-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    margin: 30px 0 !important;
    padding: 0 15px; /* Padding interno */
}

.testimonial-card {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 30px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    border-left: 4px solid #00BEC8 !important;
    transition: all 0.3s ease !important;
}

.testimonial-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 35px rgba(0, 190, 200, 0.15) !important;
}

.testimonial-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.testimonial-avatar {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #00BEC8, #008B94) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

.testimonial-info h5 {
    color: #00BEC8 !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    margin: 0 !important;
    font-size: 1.1rem !important;
}

.testimonial-meta {
    color: #6b7280 !important;
    font-size: 0.9rem !important;
}

.testimonial-content {
    color: #000000 !important;
    line-height: 1.6 !important;
    font-style: italic !important;
    text-align: left !important;
}

.testimonial-rating {
    margin-top: 15px !important;
    color: #fbbf24 !important;
    font-size: 1.1rem !important;
}

/* ================================================================
   13. ELEMENTOS DE URGENCIA Y ESCASEZ
   ================================================================ */

.urgency-banner {
    background: linear-gradient(135deg, #C80000, #A00000) !important;
    color: white !important;
    padding: 15px 25px !important;
    border-radius: 50px !important;
    text-align: center !important;
    margin: 20px auto !important;
    animation: urgencyPulse 3s infinite !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 90%;
}

.urgency-banner * {
    color: white !important;
}

.urgency-banner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
    animation: shine 3s infinite !important;
}

@keyframes urgencyPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

@keyframes shine {
    0% { left: -100%; }
    100% { left: 100%; }
}

.countdown-timer {
    background: #000000 !important;
    color: white !important;
    padding: 20px 0 !important; /* SIN PADDING LATERAL */
    border-radius: 12px !important;
    text-align: center !important;
    margin: 20px 0 !important;
    border: 2px solid #C80000 !important;
}

.countdown-timer * {
    color: white !important;
}

.countdown-display {
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-size: 2rem !important;
    color: #C80000 !important;
    margin-bottom: 10px !important;
}

.countdown-label {
    font-size: 0.9rem !important;
    color: #ffffff !important;
}

/* ================================================================
   14. ELEMENTOS DE CONFIANZA ADICIONALES
   ================================================================ */

.trust-signals {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    flex-wrap: wrap !important;
}

.trust-item {
    text-align: center !important;
    max-width: 150px !important;
}

.trust-icon {
    font-size: 2.5rem !important;
    color: #00BEC8 !important;
    margin-bottom: 10px !important;
}

.trust-text {
    font-size: 0.85rem !important;
    color: #000000 !important;
    font-weight: 500 !important;
}

.security-badges {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin: 30px 0 !important;
    flex-wrap: wrap !important;
}

.security-badge {
    padding: 10px 20px !important;
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    color: #6b7280 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.security-icon {
    color: #16a34a !important;
    font-size: 1rem !important;
}

/* ================================================================
   15. UTILIDADES GENERALES
   ================================================================ */

/* Espaciado de secciones */
.section-spacing {
    margin: 60px 0 !important;
}

.section-spacing-small {
    margin: 30px 0 !important;
}

/* Contenedores especiales */
.full-width-section {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 60px 0 !important; /* SIN PADDING LATERAL */
    box-sizing: border-box !important;
}

/* Texto destacado */
.highlight-text {
    background: linear-gradient(135deg, #00BEC8, #008B94) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 700 !important;
}

/* Separadores */
.section-divider {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #00BEC8, transparent) !important;
    margin: 40px auto !important;
    max-width: 200px !important;
}

/* Efectos de hover globales */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.hover-lift:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Animaciones de entrada */
.fade-in {
    animation: fadeIn 0.8s ease-in-out !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-in-left {
    animation: slideInLeft 0.8s ease-out !important;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.slide-in-right {
    animation: slideInRight 0.8s ease-out !important;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Estados de carga */
.loading-placeholder {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) !important;
    background-size: 200% 100% !important;
    animation: loading 1.5s infinite !important;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ================================================================
   16. CSS ESPECÍFICO PARA CONTENIDO DE LECCIONES (.movimiento-content)
   ================================================================ */

/* Contenedor principal */
.movimiento-content {
    font-family: 'ABeeZee', 'Helvetica Neue', Arial, sans-serif;
    color: #000000;
    line-height: 1.6;
}

/* Párrafos y texto general */
.movimiento-content p {
    color: #000000;
    font-size: 18px;
    line-height: 1.6;
    font-family: 'ABeeZee', 'Helvetica Neue', Arial, sans-serif;
    margin-bottom: 1.2rem;
}

/* ENCABEZADOS Y TÍTULOS */
.movimiento-content h1,
.movimiento-content h2,
.movimiento-content h3,
.movimiento-content h4,
.movimiento-content h5,
.movimiento-content h6 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
}

.movimiento-content h1 { font-size: 2rem; }
.movimiento-content h2 { font-size: 1.8rem; }
.movimiento-content h3 { font-size: 1.5rem; }
.movimiento-content h4 { font-size: 1.3rem; }

/* Encabezados de sección */
.movimiento-content .section h2,
.movimiento-content section h2 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #00BEC8;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* ÍNDICE NAVEGABLE */
.movimiento-content .index {
    background: #f8f9fa;
    border-left: 4px solid #00BEC8;
    border-radius: 12px;
    padding: 25px;
    margin: 30px 0;
}

.movimiento-content .index h3 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    font-size: 1.3rem;
    margin-bottom: 15px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.movimiento-content .index ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.movimiento-content .index ul li {
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.movimiento-content .index ul li:last-child {
    border-bottom: none;
}

.movimiento-content .index ul li a {
    color: #000000;
    text-decoration: none;
    font-family: 'ABeeZee', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.3s ease;
    flex-wrap: wrap;
}

.movimiento-content .index ul li a:hover {
    color: #00BEC8;
}


/* ESTADÍSTICAS Y DATOS NUMÉRICOS */
.movimiento-content .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.movimiento-content .stat-card {
    background: #ffffff;
    border: 2px solid #00BEC8;
    border-radius: 12px;
    padding: 25px 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 190, 200, 0.1);
    transition: all 0.3s ease;
}

.movimiento-content .stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 190, 200, 0.2);
}

.movimiento-content .stat-number {
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    color: #00BEC8;
    line-height: 1;
    margin-bottom: 10px;
    display: block;
}

.movimiento-content .stat-number.critical { color: #C80000; }
.movimiento-content .stat-number.secondary { color: #00BEC8; }

.movimiento-content .stat-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #000000;
    font-family: 'ABeeZee', 'Helvetica Neue', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3;
}

/* CAJAS ESPECIALIZADAS */
.movimiento-content .highlight-box {
    background: linear-gradient(135deg, #00BEC8, #008B94);
    color: #ffffff !important;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
    position: relative;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.movimiento-content .highlight-box * { color: #ffffff !important; }

.movimiento-content .highlight-box h1,
.movimiento-content .highlight-box h2,
.movimiento-content .highlight-box h3,
.movimiento-content .highlight-box h4,
.movimiento-content .highlight-box h5,
.movimiento-content .highlight-box h6 {
    color: #ffffff !important;
    margin-bottom: 15px;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    font-weight: 400;
}

.movimiento-content .highlight-box a {
    color: #ffffff !important;
    text-decoration: underline;
}

.movimiento-content .highlight-box a:hover { opacity: 0.8; }

.movimiento-content .tip-box {
    background: #000000;
    color: #ffffff !important;
    border: 1px solid #00BEC8;
    border-left: 4px solid #00BEC8;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
}

.movimiento-content .tip-box * { color: #ffffff !important; }

.movimiento-content .tip-box h1,
.movimiento-content .tip-box h2,
.movimiento-content .tip-box h3,
.movimiento-content .tip-box h4,
.movimiento-content .tip-box h5,
.movimiento-content .tip-box h6 {
    color: #00BEC8 !important;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    flex-wrap: wrap;
}

.movimiento-content .tip-box a {
    color: #00BEC8 !important;
    text-decoration: underline;
}

.movimiento-content .health-alert-box {
    background: #fff5f5;
    border: 2px solid #C80000;
    border-left: 6px solid #C80000;
    border-radius: 8px;
    padding: 25px;
    margin: 25px 0;
}

.movimiento-content .health-alert-box h1,
.movimiento-content .health-alert-box h2,
.movimiento-content .health-alert-box h3,
.movimiento-content .health-alert-box h4,
.movimiento-content .health-alert-box h5,
.movimiento-content .health-alert-box h6 {
    color: #C80000;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.movimiento-content .health-alert-box p {
    color: #000000;
    margin-bottom: 0;
}

.movimiento-content .important-note {
    background: linear-gradient(135deg, #f8f9ff, #e8f0ff);
    border-left: 4px solid #00BEC8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
    position: relative;
}

.movimiento-content .important-note h1,
.movimiento-content .important-note h2,
.movimiento-content .important-note h3,
.movimiento-content .important-note h4,
.movimiento-content .important-note h5,
.movimiento-content .important-note h6 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    font-size: 1.1rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.movimiento-content .important-note p {
    color: #000000;
    margin-bottom: 0;
    font-size: 16px;
}

.movimiento-content .research-box {
    background: #f5f7fa;
    border: 1px solid #d1d5db;
    border-left: 4px solid #00BEC8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
}

.movimiento-content .research-box h1,
.movimiento-content .research-box h2,
.movimiento-content .research-box h3,
.movimiento-content .research-box h4,
.movimiento-content .research-box h5,
.movimiento-content .research-box h6 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    margin-bottom: 15px;
}

.movimiento-content .research-box p {
    color: #000000;
    margin-bottom: 0;
}

.movimiento-content .quote-box {
    background: #f9fafb;
    border-left: 4px solid #00BEC8;
    padding: 20px 30px;
    margin: 25px 0;
    font-style: italic;
    position: relative;
}

.movimiento-content .quote-box::before {
    content: '"';
    font-size: 3rem;
    color: #00BEC8;
    position: absolute;
    top: -10px;
    left: 10px;
    font-family: Georgia, serif;
}

.movimiento-content .quote-box p {
    color: #000000;
    margin-bottom: 0;
}

/* LISTAS ESPECIALIZADAS */
.movimiento-content .benefits-list,
.movimiento-content .symptoms-list,
.movimiento-content .steps-list,
.movimiento-content .treatments-list,
.movimiento-content .concepts-list {
    list-style: none;
    margin: 25px 0;
    padding: 0;
}

.movimiento-content .benefits-list li,
.movimiento-content .symptoms-list li,
.movimiento-content .steps-list li,
.movimiento-content .treatments-list li,
.movimiento-content .concepts-list li {
    padding: 18px;
    margin: 12px 0;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    transition: all 0.3s ease;
    color: #000000 !important;
}

.movimiento-content .benefits-list li { background: #f0fdfa; border-left: 4px solid #00BEC8; }
.movimiento-content .symptoms-list li { background: #fef2f2; border-left: 4px solid #C80000; }
.movimiento-content .treatments-list li { background: #e6f7ff; border-left: 4px solid #00BEC8; }
.movimiento-content .concepts-list li { background: #f3f4f6; border-left: 4px solid #6b7280; }

.movimiento-content .benefits-list li::before { content: "✅"; }
.movimiento-content .symptoms-list li::before { content: "⚠️"; }
.movimiento-content .treatments-list li::before { content: "💊"; }
.movimiento-content .concepts-list li::before { content: "📌"; }

.movimiento-content .benefits-list li::before,
.movimiento-content .symptoms-list li::before,
.movimiento-content .treatments-list li::before,
.movimiento-content .concepts-list li::before {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.movimiento-content .benefits-list li:hover { transform: translateX(5px); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }

.movimiento-content .steps-list { counter-reset: step-counter; }
.movimiento-content .steps-list li {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #00BEC8;
    counter-increment: step-counter;
}
.movimiento-content .steps-list li * { color: #ffffff !important; }
.movimiento-content .steps-list li::before {
    content: counter(step-counter);
    background: #00BEC8;
    color: #000000 !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 2px;
}
.movimiento-content .steps-list li:hover { transform: translateX(5px); box-shadow: 0 4px 15px rgba(0, 190, 200, 0.1); }

/* ELEMENTOS DE AUTOR Y META */
.movimiento-content .article-meta {
    background: #f9fafb;
    border-radius: 12px;
    padding: 25px;
    margin: 30px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.movimiento-content .article-info {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.movimiento-content .author-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #00BEC8;
    flex-shrink: 0;
}

.movimiento-content .author-details h5 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    margin: 0 0 5px 0;
    font-size: 1.1rem;
}

.movimiento-content .meta-info {
    color: #6b7280;
    font-size: 0.9rem;
}

/* PLACEHOLDERS Y ELEMENTOS VISUALES */
.movimiento-content .visual-placeholder {
    background: #ffffff;
    border: 2px dashed #00BEC8;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.movimiento-content .visual-placeholder h4 {
    color: #00BEC8;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    margin-bottom: 15px;
}

.movimiento-content .visual-placeholder p {
    color: #6b7280;
    margin-bottom: 10px;
}

.movimiento-content .visual-placeholder em {
    color: #00BEC8;
    font-style: normal;
    font-weight: 500;
}

/* CIERRE DE CONTENIDO Y CTA */
.movimiento-content .next-content,
.movimiento-content .cta-box {
    color: #ffffff !important;
    padding: 30px;
    border-radius: 12px;
    margin: 30px 0;
    text-align: center;
}

.movimiento-content .next-content { background: linear-gradient(135deg, #00BEC8, #008B94); box-shadow: 0 8px 25px rgba(0, 190, 200, 0.2); }
.movimiento-content .cta-box { background: #C80000; box-shadow: 0 8px 25px rgba(200, 0, 0, 0.2); }

.movimiento-content .next-content *,
.movimiento-content .cta-box * {
    color: #ffffff !important;
}

.movimiento-content .next-content h1,
.movimiento-content .next-content h2,
.movimiento-content .next-content h3,
.movimiento-content .next-content h4,
.movimiento-content .next-content h5,
.movimiento-content .next-content h6,
.movimiento-content .cta-box h1,
.movimiento-content .cta-box h2,
.movimiento-content .cta-box h3,
.movimiento-content .cta-box h4,
.movimiento-content .cta-box h5,
.movimiento-content .cta-box h6 {
    color: #ffffff !important;
    font-family: 'Righteous', 'Arial Black', sans-serif;
    margin-bottom: 15px;
}

.movimiento-content .next-content a,
.movimiento-content .cta-box a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ================================================================
   17. UTILIDADES ESPECÍFICAS DE LECCIONES (AÑADIDO)
   ================================================================ */

.movimiento-content .content-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important; /* SIN PADDING LATERAL */
    width: 100% !important;
}

.movimiento-content .container {
    width: 100% !important;
    padding: 0 !important; /* SIN PADDING LATERAL */
}

.movimiento-content .content-divider {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #00BEC8, transparent) !important;
    margin: 40px 0 !important;
}

.movimiento-content .text-emphasis {
    background: linear-gradient(135deg, #00BEC8, #008B94) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 600 !important;
}

.movimiento-content .highlight-text-only {
    color: #00BEC8 !important;
    font-weight: 600 !important;
}

.movimiento-content a[href^="#"] {
    color: #00BEC8 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.movimiento-content a[href^="#"]:hover {
    color: #008B94 !important;
}

.movimiento-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    margin: 20px 0 !important;
}

.movimiento-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 25px 0 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.movimiento-content table th {
    background: #00BEC8 !important;
    color: #ffffff !important;
    padding: 15px !important;
    text-align: left !important;
    font-family: 'Righteous', 'Arial Black', sans-serif !important;
    font-weight: 400 !important;
}

.movimiento-content table td {
    padding: 12px 15px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #000000 !important;
}

.movimiento-content table tr:last-child td {
    border-bottom: none !important;
}

.movimiento-content table tr:nth-child(even) {
    background: #f8f9fa !important;
}

.movimiento-content .interactive-element {
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.movimiento-content .interactive-element:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 190, 200, 0.15) !important;
}

.movimiento-content .progress-indicator {
    background: #e0e0e0 !important;
    height: 4px !important;
    border-radius: 2px !important;
    margin: 30px 0 !important;
    overflow: hidden !important;
}

.movimiento-content .progress-bar {
    background: linear-gradient(90deg, #00BEC8, #008B94) !important;
    height: 100% !important;
    border-radius: 2px !important;
    transition: width 0.3s ease !important;
}

.movimiento-content .success-message,
.movimiento-content .warning-message,
.movimiento-content .info-message {
    padding: 15px 20px !important;
    border-radius: 6px !important;
    color: #000000 !important;
    margin: 20px 0 !important;
}

.movimiento-content .success-message { background: #f0fdfa !important; border: 1px solid #00BEC8 !important; border-left: 4px solid #00BEC8 !important; }
.movimiento-content .warning-message { background: #fff5f5 !important; border: 1px solid #C80000 !important; border-left: 4px solid #C80000 !important; }
.movimiento-content .info-message { background: #f8f9ff !important; border: 1px solid #6b7280 !important; border-left: 4px solid #6b7280 !important; }

/* ================================================================
   18. RESPONSIVE DESIGN UNIFICADO (MÁRGENES CERO Y SIN GUIONES)
   ================================================================ */

@media (min-width: 769px) {
    .lead-magnet-container { grid-template-columns: 1fr 0.7fr !important; }
    .differentiators-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .specialization-content { display: grid !important; grid-template-columns: 1fr 1fr !important; align-items: center; gap: 20px; }
    .comparison-grid { grid-template-columns: 1fr 1fr !important; }
    .plans-comparison { grid-template-columns: 1fr 1fr !important; }
    .courses-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    /* --- Estilos Generales --- */
    .differentiators-grid,
    .plans-comparison,
    .courses-grid,
    .pricing-cards,
    .testimonials-grid { grid-template-columns: 1fr !important; }
    .lead-magnet-container,
    .specialization-content,
    .assessment-content,
    .comparison-grid { display: block !important; grid-template-columns: none !important; }
    .tabs-nav { display: block !important; grid-template-columns: none !important; gap: 5px !important; }
    .tab-label { display: block !important; text-align: left !important; padding: 10px 15px !important; margin-bottom: 5px !important; }
    .guarantee-box { flex-direction: column !important; text-align: center !important; }
    .hero-header h1 { font-size: 2rem !important; }
    .hero-subtitle { font-size: 1.1rem !important; text-align: left !important; }
    .price-options,
    .credibility-badges { flex-direction: column !important; align-items: center !important; }
    .badge { min-width: 280px !important; justify-content: center !important; }
    .price-card.featured,
    .price-option.featured { transform: none !important; }
    
    /* --- Reducción de márgenes laterales a CERO --- */
    .hero-content,
    .movimiento-content .content-container { padding: 0 !important; }
    .lead-magnet-section,
    .final-cta-section { padding-left: 0 !important; padding-right: 0 !important; }

    /* --- Estilos específicos de .movimiento-content --- */
    .movimiento-content { padding: 0 !important; overflow-x: hidden; }
    .movimiento-content p { font-size: 16px; }
    .movimiento-content h1 { font-size: 1.75rem; }
    .movimiento-content h2 { font-size: 1.5rem; }
    .movimiento-content h3 { font-size: 1.3rem; }
    .movimiento-content h4 { font-size: 1.1rem; }
    .movimiento-content h1, .movimiento-content h2, .movimiento-content h3, .movimiento-content h4, .movimiento-content h5, .movimiento-content h6 { line-height: 1.2; word-break: break-word; }
    .movimiento-content .stats-grid { grid-template-columns: 1fr; gap: 15px; }
    .movimiento-content .stat-number { font-size: 2.5rem; word-break: break-word; }
    .movimiento-content .index { padding: 20px; margin: 20px 0; }
    .movimiento-content .index ul li a { font-size: 14px; padding: 8px 0; line-height: 1.4; }
    .movimiento-content .section h2, .movimiento-content section h2 { font-size: 1.3rem; flex-direction: column; gap: 10px; align-items: flex-start; text-align: left; }
    .movimiento-content .highlight-box, .movimiento-content .tip-box, .movimiento-content .health-alert-box, .movimiento-content .important-note { padding: 20px; margin: 20px 0; overflow-x: hidden; }
    .movimiento-content .tip-box h4, .movimiento-content .highlight-box h4, .movimiento-content .health-alert-box h4, .movimiento-content .important-note h4 { flex-direction: column; align-items: flex-start; gap: 8px; }
    .movimiento-content .benefits-list li, .movimiento-content .symptoms-list li, .movimiento-content .steps-list li, .movimiento-content .treatments-list li, .movimiento-content .concepts-list li { padding: 15px; margin: 10px 0; align-items: flex-start; line-height: 1.5; }
    .movimiento-content .benefits-list li::before, .movimiento-content .symptoms-list li::before, .movimiento-content .treatments-list li::before, .movimiento-content .concepts-list li::before { margin-top: 4px; }
    .movimiento-content .steps-list li { flex-direction: column; text-align: left; gap: 15px; }
    .movimiento-content .steps-list li::before { align-self: flex-start; margin-top: 0; }
    .movimiento-content .article-info { flex-direction: column; text-align: center; gap: 15px; }
    .movimiento-content .author-avatar { width: 60px; height: 60px; }
    .movimiento-content .author-details { text-align: center; }
    .movimiento-content .visual-placeholder { padding: 20px; text-align: left; }
    .movimiento-content .next-content, .movimiento-content .cta-box { padding: 25px; text-align: left; }
}

@media (max-width: 600px) {
    /* --- Estilos Generales --- */
    .hero-section { padding: 40px 0 !important; }
    .course-mockup { margin: 0 auto !important; }
    .cta-button { padding: 18px 30px !important; font-size: 1rem !important; width: 90% !important; max-width: 400px !important; box-sizing: border-box !important; }
    .benefit-item { flex-direction: column !important; gap: 10px !important; padding: 15px !important; text-align: center !important; }
    .course-item { flex-direction: column !important; gap: 15px !important; padding: 20px !important; text-align: center !important; }
    .guarantee-box { margin: 0 auto !important; width: 95%; }
    .lead-magnet-section { padding: 25px 0 !important; }
    .final-cta-section { padding: 30px 0 !important; }

    /* Centrado del contenido que antes tenía márgenes */
    .hero-content, 
    .lead-magnet-container, 
    .hero-main,
    .specialization-content,
    .assessment-content,
    .normal-plans .plan-header p,
    .premium-plan .plan-header p,
    .plan-benefits,
    .plan-cta,
    .testimonials-grid,
    .final-cta-buttons,
    .movimiento-content .content-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (max-width: 480px) {
    /* --- Estilos Generales --- */
    .badge { min-width: 200px !important; padding: 8px 12px !important; font-size: 0.75rem !important; }
    .differentiator-item, .comparison-card { padding: 20px !important; }
    .specialization-section { padding: 20px 0 !important; }
    
    /* Centrado del contenido que antes tenía márgenes */
    .hero-content, 
    .lead-magnet-container, 
    .hero-main,
    .specialization-content,
    .assessment-content,
    .normal-plans .plan-header p,
    .premium-plan .plan-header p,
    .plan-benefits,
    .plan-cta,
    .testimonials-grid,
    .final-cta-buttons,
    .movimiento-content .content-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    /* --- Estilos específicos de .movimiento-content --- */
    .movimiento-content { padding: 0 !important; }
    .movimiento-content p { font-size: 15px; }
    .movimiento-content h1 { font-size: 1.5rem; }
    .movimiento-content h2 { font-size: 1.3rem; }
    .movimiento-content h3 { font-size: 1.2rem; }
    .movimiento-content h4 { font-size: 1.1rem; }
    .movimiento-content .stat-number { font-size: 2rem; }
    .movimiento-content .stat-card { padding: 20px 10px; }
    .movimiento-content .highlight-box, .movimiento-content .tip-box, .movimiento-content .health-alert-box, .movimiento-content .important-note, .movimiento-content .visual-placeholder, .movimiento-content .next-content, .movimiento-content .cta-box { padding: 15px; margin: 15px 0; }
    .movimiento-content .benefits-list li, .movimiento-content .symptoms-list li, .movimiento-content .steps-list li, .movimiento-content .treatments-list li, .movimiento-content .concepts-list li { padding: 12px; margin: 8px 0; gap: 12px; }
    .movimiento-content .index { padding: 15px; margin: 15px 0; }
    .movimiento-content .index ul li a { font-size: 13px; padding: 6px 0; }
    .movimiento-content .author-avatar { width: 50px; height: 50px; }
    .movimiento-content .steps-list li::before { width: 24px; height: 24px; font-size: 0.8rem; }
}

/* ================================================================
   FIN DEL ARCHIVO CSS UNIFICADO
   ================================================================ */