.elementor-2509 .elementor-element.elementor-element-6b3f6a3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2509 .elementor-element.elementor-element-6b3f6a3:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-6b3f6a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2509 .elementor-element.elementor-element-6b3f6a3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 80px 0px;}.elementor-2509 .elementor-element.elementor-element-6b3f6a3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-38d812d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2509 .elementor-element.elementor-element-38d812d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:50px;}.elementor-2509 .elementor-element.elementor-element-2932165{text-align:center;}.elementor-2509 .elementor-element.elementor-element-2932165 .elementor-heading-title{font-size:32px;font-weight:700;color:#E91E63;}.elementor-2509 .elementor-element.elementor-element-e6e4b17{width:initial;max-width:initial;align-self:center;text-align:center;font-size:18px;color:#555555;}.elementor-2509 .elementor-element.elementor-element-ccbf0a4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2509 .elementor-element.elementor-element-ccbf0a4:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-ccbf0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-2509 .elementor-element.elementor-element-ccbf0a4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 80px 0px;}.elementor-2509 .elementor-element.elementor-element-ccbf0a4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-2bca315.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2509 .elementor-element.elementor-element-2bca315 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:50px;}.elementor-2509 .elementor-element.elementor-element-d7eb6b3{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2509 .elementor-element.elementor-element-d7eb6b3 .elementor-heading-title{font-size:32px;font-weight:700;color:#E91E63;}.elementor-2509 .elementor-element.elementor-element-7e8fb6e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:18px;color:#555555;}.elementor-2509 .elementor-element.elementor-element-b64919e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-aa777d3{width:initial;max-width:initial;align-self:center;text-align:center;font-size:18px;color:#555555;}.elementor-2509 .elementor-element.elementor-element-8017598 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2509 .elementor-element.elementor-element-8017598:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-8017598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2509 .elementor-element.elementor-element-8017598{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 80px 0px;}.elementor-2509 .elementor-element.elementor-element-8017598 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-e224562.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2509 .elementor-element.elementor-element-e224562 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:50px;}.elementor-2509 .elementor-element.elementor-element-e224562 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-fe8d8e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2509 .elementor-element.elementor-element-fe8d8e8 .elementor-heading-title{font-size:32px;font-weight:700;color:#E91E63;}.elementor-2509 .elementor-element.elementor-element-e26e709{width:initial;max-width:initial;align-self:center;text-align:center;font-size:18px;color:#555555;}.elementor-2509 .elementor-element.elementor-element-cd79cb6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-9e3f94a:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-9e3f94a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-2509 .elementor-element.elementor-element-9e3f94a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 80px 0px;}.elementor-2509 .elementor-element.elementor-element-9e3f94a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-fbdbf81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-35a5f71:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-35a5f71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2509 .elementor-element.elementor-element-35a5f71{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 80px 0px;}.elementor-2509 .elementor-element.elementor-element-35a5f71 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-f072d32{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2509 .elementor-element.elementor-element-f072d32 .elementor-heading-title{font-size:32px;font-weight:700;color:#E91E63;}.elementor-2509 .elementor-element.elementor-element-b284ff7{width:initial;max-width:initial;align-self:center;text-align:center;font-size:18px;color:#555555;}.elementor-2509 .elementor-element.elementor-element-9196979{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-ba79124:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-ba79124 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2509 .elementor-element.elementor-element-ba79124{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-ba79124 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-9448533:not(.elementor-motion-effects-element-type-background), .elementor-2509 .elementor-element.elementor-element-9448533 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-2509 .elementor-element.elementor-element-9448533{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 60px 0px;}.elementor-2509 .elementor-element.elementor-element-9448533 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2509 .elementor-element.elementor-element-cbe2315{text-align:center;}.elementor-2509 .elementor-element.elementor-element-cbe2315 .elementor-heading-title{font-size:36px;font-weight:700;color:#E91E63;}.elementor-2509 .elementor-element.elementor-element-d4b4c3a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-2509 .elementor-element.elementor-element-b64919e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-9e3f94a{padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-fbdbf81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-35a5f71{padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-f072d32{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-ba79124{margin-top:12px;margin-bottom:0px;}.elementor-2509 .elementor-element.elementor-element-45a6f8b > .elementor-element-populated{margin:0px 0px 050px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-2bebbe9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2509 .elementor-element.elementor-element-5551c44 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-b64919e *//* Cards Grid */
.pain-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
    margin: 50px 0 !important;
    width: 100% !important;
}

.pain-card {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: 2px solid #f8f9fa !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pain-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(250, 5, 123, 0.12) !important;
    border-color: #fa057b !important;
}

.card-icon {
    width: 85px !important;
    height: 85px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 22px !important;
    color: #ffffff !important;
}

.card-icon.pink {
    background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%) !important;
}

.card-icon.purple {
    background: linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%) !important;
}

.card-icon.orange {
    background: linear-gradient(135deg, #FFB74D 0%, #FFA726 100%) !important;
}

.card-icon.green {
    background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%) !important;
}

.card-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 16px !important;
    line-height: 1.3 !important;
}

.card-description {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #555555 !important;
    margin: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .pain-cards-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    .pain-card {
        padding: 32px 28px !important;
    }
    
    .card-icon {
        width: 75px !important;
        height: 75px !important;
    }
    
    .card-icon svg {
        width: 44px !important;
        height: 44px !important;
    }
    
    .card-title {
        font-size: 22px !important;
    }
    
    .card-description {
        font-size: 17px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e6c487 *//* ============================================
   FACTORS CARDS - CUSTOM CSS PARA ELEMENTOR
   Pegar en: Widget HTML > Avanzado > Custom CSS
   ============================================ */

.factors-cards {
    max-width: 800px !important;
    margin: 40px auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
}

.factor-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 20px 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    border-left: 4px solid #fa057b !important;
    margin-bottom: 0 !important; /* Fuerza que no haya margin extra */
}

.factor-card:hover {
    transform: translateX(5px) !important;
    box-shadow: 0 6px 20px rgba(250, 5, 123, 0.15) !important;
}

.card-number {
    width: 35px !important;
    height: 35px !important;
    background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

.factor-card p {
    margin: 0 !important;
    font-size: 1.05rem !important;
    color: #555555 !important;
    line-height: 1.5 !important;
}

@media (max-width: 768px) {
    .factor-card {
        padding: 15px 20px !important;
    }
    
    .card-number {
        width: 30px !important;
        height: 30px !important;
        font-size: 1rem !important;
    }
    
    .factor-card p {
        font-size: 0.95rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd79cb6 */<style>
/* Recovery Timeline Container */
.recovery-timeline {
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 100%);
    border-radius: 20px;
    padding: 40px;
    margin: 40px 0;
    border: 2px solid #ffe4f2;
}

.timeline-header {
    text-align: center;
    margin-bottom: 40px;
}

.timeline-note {
    font-size: 18px;
    color: #555555;
    margin: 0;
}

.timeline-note strong {
    color: #fa057b;
    font-weight: 700;
}

/* Timeline Axis */
.timeline-axis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
    padding: 0 20px;
}

.timeline-axis::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    height: 3px;
    background: linear-gradient(90deg, #fa057b 0%, #9B59B6 100%);
    z-index: 0;
}

.axis-marker {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.axis-marker::before {
    content: '';
    width: 12px;
    height: 12px;
    background: #fa057b;
    border-radius: 50%;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(250, 5, 123, 0.3);
    margin-bottom: 8px;
}

.marker-label {
    font-size: 14px;
    font-weight: 600;
    color: #555555;
    white-space: nowrap;
}

/* Timeline Bars */
.timeline-bars {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.timeline-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.timeline-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.relation-duration {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
}

.recovery-time {
    font-size: 14px;
    color: #888888;
    font-style: italic;
}

.timeline-bar-container {
    background: #f0f0f0;
    border-radius: 12px;
    height: 50px;
    position: relative;
    overflow: hidden;
}

.timeline-bar {
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.4s ease;
    cursor: pointer;
}

.timeline-bar.short {
    background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);
}

.timeline-bar.medium {
    background: linear-gradient(135deg, #FFB74D 0%, #FFA726 100%);
}

.timeline-bar.long {
    background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%);
}

.bar-label {
    color: #ffffff;
    font-weight: 700;
    font-size: 0.95rem;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Tooltip on hover */
.timeline-bar::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    background: #000000;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.85rem;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 10;
}

.timeline-bar::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    border: 6px solid transparent;
    border-top-color: #000000;
    opacity: 0;
    transition: all 0.3s ease;
}

.timeline-bar:hover::after,
.timeline-bar:hover::before {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.timeline-bar:hover {
    filter: brightness(1.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* Timeline Footer */
.timeline-footer {
    margin-top: 30px;
    text-align: center;
}

.acceleration-note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff3e0;
    border: 2px solid #FFB74D;
    border-radius: 12px;
    padding: 15px 25px;
    font-size: 1rem;
    color: #555555;
}

.highlight-icon {
    font-size: 1.5rem;
}

.acceleration-note strong {
    color: #FFA726;
}

/* Responsive */
@media (max-width: 768px) {
    .recovery-timeline {
        padding: 25px 20px;
    }
    
    .timeline-axis {
        padding: 0 10px;
        margin-bottom: 30px;
    }
    
    .timeline-axis::before {
        left: 10px;
        right: 10px;
    }
    
    .marker-label {
        font-size: 0.7rem;
    }
    
    .timeline-label {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .timeline-bar-container {
        height: 45px;
    }
    
    .bar-label {
        font-size: 0.85rem;
    }
    
    .acceleration-note {
        flex-direction: column;
        text-align: center;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .timeline-axis {
        display: none;
    }
    
    .timeline-bar {
        width: 100% !important;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbdbf81 */<style>
/* Pillars Callout Container */
.pillars-callout {
    background: linear-gradient(135deg, #f3e5f5 0%, #fff5f8 50%, #e8f5e9 100%);
    border-radius: 28px;
    padding: 55px;
    margin: 60px 0;
    box-shadow: 0 10px 40px rgba(250, 5, 123, 0.15);
    border: 3px solid #ffffff;
    position: relative;
    overflow: hidden;
}

.pillars-callout::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(250, 5, 123, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Callout Header */
.callout-header {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.callout-badge {
    display: inline-block;
    background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%);
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(250, 5, 123, 0.3);
}

.callout-title {
    font-size: 40px;
    font-weight: 800;
    color: #000000;
    margin-bottom: 22px;
    line-height: 1.2;
}

.callout-intro {
    font-size: 20px;
    color: #555555;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.7;
}

.callout-intro strong {
    color: #fa057b;
    font-weight: 700;
}

/* Pillars Grid */
.pillars-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    position: relative;
    z-index: 1;
}

/* Pillar Item */
.pillar-item {
    background: #ffffff;
    border-radius: 22px;
    padding: 35px 35px 40px 35px;
    position: relative;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid transparent;
    overflow: hidden;
}

.pillar-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #fa057b, #9B59B6, #FFB74D, #66BB6A);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pillar-item:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 40px rgba(250, 5, 123, 0.2);
    border-color: #fa057b;
}

.pillar-item:hover::before {
    opacity: 1;
}

/* Pillar Number */
.pillar-number {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.pillar-number.pink {
    background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%);
}

.pillar-number.purple {
    background: linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%);
}

.pillar-number.orange {
    background: linear-gradient(135deg, #FFB74D 0%, #FFA726 100%);
}

.pillar-number.green {
    background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);
}

/* Pillar Icon */
.pillar-icon {
    width: 70px;
    height: 70px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
    margin-bottom: 0;
    color: #ffffff;
}

.pillar-icon.pink {
    background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%);
}

.pillar-icon.purple {
    background: linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%);
}

.pillar-icon.orange {
    background: linear-gradient(135deg, #FFB74D 0%, #FFA726 100%);
}

.pillar-icon.green {
    background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);
}

/* Pillar Content */
.pillar-content {
    margin-right: 75px;
}

.pillar-title {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 14px;
    line-height: 1.3;
}

.pillar-description {
    font-size: 18px;
    line-height: 1.7;
    color: #555555;
    margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
    .pillars-callout {
        padding: 45px 35px;
    }
    
    .callout-title {
        font-size: 36px;
    }
    
    .callout-intro {
        font-size: 19px;
    }
    
    .pillars-grid {
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .pillars-callout {
        padding: 35px 20px;
        margin: 40px 0;
        border-radius: 20px;
    }
    
    .callout-title {
        font-size: 32px;
        word-break: break-word;
    }
    
    .callout-intro {
        font-size: 17px;
        padding: 0 5px;
    }
    
    .callout-badge {
        font-size: 13px;
        padding: 8px 16px;
    }
    
    .pillars-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .pillar-item {
        padding: 24px 20px 30px 20px;
    }
    
    .pillar-number {
        width: 48px;
        height: 48px;
        font-size: 22px;
        top: 16px;
        right: 16px;
    }
    
    .pillar-content {
        margin-right: 60px;
    }
    
    .pillar-title {
        font-size: 20px;
        word-break: break-word;
    }
    
    .pillar-description {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .pillar-icon {
        width: 60px;
        height: 60px;
        margin-top: 20px;
    }
    
    .pillar-icon svg {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .pillars-callout {
        padding: 28px 16px;
    }
    
    .callout-title {
        font-size: 28px;
    }
    
    .callout-intro {
        font-size: 16px;
    }
    
    .pillar-item {
        padding: 20px 16px 26px 16px;
    }
    
    .pillar-title {
        font-size: 19px;
    }
    
    .pillar-description {
        font-size: 15px;
    }
    
    .pillar-icon {
        width: 56px;
        height: 56px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9196979 */<style>
/* Guide Comparison Container */
.guide-comparison {
    margin: 50px 0;
}

/* Comparison Grid */
.comparison-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

/* Comparison Column */
.comparison-column {
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.comparison-column::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
}

/* YES Column */
.yes-column {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8f4 100%);
    border: 2px solid #a5d6a7;
}

.yes-column::before {
    background: linear-gradient(90deg, #66BB6A 0%, #43A047 100%);
}

.yes-column:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(102, 187, 106, 0.25);
}

/* NO Column */
.no-column {
    background: linear-gradient(135deg, #ffebee 0%, #fce4e4 100%);
    border: 2px solid #ef9a9a;
}

.no-column::before {
    background: linear-gradient(90deg, #ef5350 0%, #e53935 100%);
}

.no-column:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(239, 83, 80, 0.25);
}

/* Column Header */
.column-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.header-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.yes-header .header-icon {
    background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(102, 187, 106, 0.4);
}

.no-header .header-icon {
    background: linear-gradient(135deg, #ef5350 0%, #e53935 100%);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(239, 83, 80, 0.4);
}

.column-title {
    font-size: 18px;
    font-weight: 800;
    color: #000000;
    margin: 0;
}

/* Comparison List */
.comparison-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.comparison-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.6;
}

.list-icon {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

.list-text {
    font-size: 18px;
    color: #333333;
}

.list-text strong {
    font-weight: 700;
    color: #000000;
}

.yes-list .list-text strong {
    color: #2e7d32;
}

.no-list .list-text strong {
    color: #c62828;
}

/* Comparison Footer */
.comparison-footer {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 16px;
    padding: 30px;
    border: 2px solid #e0e0e0;
    text-align: center;
}

.footer-text {
    font-size: 18px;
    line-height: 1.7;
    color: #555555;
    margin: 0;
}

.footer-text strong {
    color: #fa057b;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
    .comparison-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .comparison-column {
        padding: 25px;
    }
    
    .column-header {
        gap: 12px;
        margin-bottom: 20px;
    }
    
    .header-icon {
        width: 50px;
        height: 50px;
    }
    
    .header-icon svg {
        width: 32px;
        height: 32px;
    }
    
    .column-title {
        font-size: 1.3rem;
    }
    
    .comparison-list {
        gap: 15px;
    }
    
    .list-text {
        font-size: 0.95rem;
    }
    
    .comparison-footer {
        padding: 20px;
    }
    
    .footer-text {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .list-icon {
        font-size: 1.2rem;
    }
    
    .comparison-list li {
        gap: 10px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e1a0d5 *//* ============================================
   CLUSTERS CARDS - CUSTOM CSS PARA ELEMENTOR
   Optimizado para body 18px
   ============================================ */

.cluster-card {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 38px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: 2px solid transparent !important;
  position: relative !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.cluster-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 40px rgba(250, 5, 123, 0.15) !important;
  border-color: #fa057b !important;
}

.cluster-card.coming-soon {
  opacity: 0.7 !important;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

.cluster-card.coming-soon:hover {
  transform: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  border-color: transparent !important;
}

/* Icon */
.cluster-icon {
  width: 85px !important;
  height: 85px !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 26px !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}

.cluster-icon.pink {
  background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%) !important;
}

.cluster-icon.purple {
  background: linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%) !important;
}

.cluster-icon.orange {
  background: linear-gradient(135deg, #FFB74D 0%, #FFA726 100%) !important;
}

.cluster-icon.green {
  background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%) !important;
}

.coming-soon .cluster-icon {
  opacity: 0.6 !important;
}

/* Badge "Próximamente" */
.badge-soon {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  background: #FFB74D !important;
  color: #555555 !important;
  padding: 7px 18px !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  z-index: 2 !important;
}

/* H2 - Título del cluster */
.cluster-card h2 {
  font-size: 26px !important;
  color: #000000 !important;
  margin-bottom: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* Descripción */
.cluster-card > p {
  color: #555555 !important;
  line-height: 1.7 !important;
  margin-bottom: 26px !important;
  font-size: 18px !important;
  flex-grow: 0 !important;
}

/* Articles Preview Box */
.articles-preview {
  background: #f8f9fa !important;
  padding: 22px !important;
  border-radius: 14px !important;
  margin-bottom: 26px !important;
  min-height: 140px !important;
  flex-grow: 1 !important;
}

/* Article Count Badge */
.article-count {
  display: inline-block !important;
  background: #fa057b !important;
  color: #fff !important;
  padding: 7px 16px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

.coming-soon .article-count {
  background: #bdc3c7 !important;
}

/* Articles List */
.articles-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 0 0 !important;
}

.articles-list li {
  margin-bottom: 11px !important;
}

.articles-list li:last-child {
  margin-bottom: 0 !important;
}

.articles-list a {
  color: #555555 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: block !important;
  line-height: 1.5 !important;
}

.articles-list a:hover {
  color: #fa057b !important;
  padding-left: 5px !important;
}

/* Coming Soon Text */
.coming-soon-text {
  color: #888 !important;
  font-size: 16px !important;
  font-style: italic !important;
  margin-top: 14px !important;
  line-height: 1.5 !important;
}

/* Cluster Button */
.cluster-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 17px 26px !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  margin-top: auto !important;
}

.cluster-button.pink {
  background: linear-gradient(135deg, #fa057b 0%, #c2185b 100%) !important;
  color: #fff !important;
}

.cluster-button.pink:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 8px 20px rgba(250, 5, 123, 0.4) !important;
}

.cluster-button.purple {
  background: linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%) !important;
  color: #fff !important;
}

.cluster-button.purple:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 8px 20px rgba(155, 89, 182, 0.4) !important;
}

.cluster-button.disabled {
  background: #bdc3c7 !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
  color: #555555 !important;
}

.cluster-button.disabled:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Responsive */
@media (max-width: 768px) {
  .cluster-card {
    padding: 28px !important;
  }
  
  .cluster-icon {
    width: 75px !important;
    height: 75px !important;
  }
  
  .cluster-icon svg {
    width: 44px !important;
    height: 44px !important;
  }
  
  .cluster-card h2 {
    font-size: 24px !important;
  }
  
  .cluster-card > p {
    font-size: 17px !important;
  }
  
  .articles-preview {
    min-height: auto !important;
    padding: 20px !important;
  }
  
  .article-count {
    font-size: 14px !important;
  }
  
  .articles-list a {
    font-size: 16px !important;
  }
  
  .cluster-button {
    font-size: 17px !important;
    padding: 15px 22px !important;
  }
  
  .coming-soon-text {
    font-size: 15px !important;
  }
}
```

---

## 📏 PROPORCIONES OPTIMIZADAS

### **Desktop (Body 18px):**

| Elemento | Tamaño | Proporción | Razón |
|----------|--------|------------|-------|
| **H2 (título cluster)** | 26px | 1.44x | Destaca sin abrumar |
| **Descripción** | 18px | 1x | Igual al body, lectura fluida |
| **Badge count** | 15px | 0.83x | Pequeño pero legible |
| **Links lista** | 17px | 0.94x | Levemente menor, jerarquía |
| **Botón CTA** | 18px | 1x | Mismo que body, importancia |
| **Coming soon text** | 16px | 0.89x | Secundario |
| **Icon container** | 85px | - | Proporcional al card |
| **SVG icon** | 52px | - | Balanceado dentro del contenedor |

### **Mobile:**

| Elemento | Tamaño Desktop → Mobile |
|----------|------------------------|
| H2 | 26px → 24px |
| Descripción | 18px → 17px |
| Badge | 15px → 14px |
| Links | 17px → 16px |
| Botón | 18px → 17px |
| Icon | 85px → 75px |

---

## ✅ CAMBIOS APLICADOS

1. ✅ **H2: 26px** - Título prominente (1.44x del body)
2. ✅ **Descripción: 18px** - Consistente con body
3. ✅ **Badge: 15px** - Pequeño pero legible
4. ✅ **Links: 17px** - Ligeramente menor, jerarquía clara
5. ✅ **Botón: 18px** - Mismo que body, destaca
6. ✅ **Icon: 85px** - Proporcional y balanceado
7. ✅ **SVG: 52px** - Actualizado en HTML
8. ✅ **Espaciados aumentados** - Más respiración
9. ✅ **Todos con `!important`** - Sobrescribe Elementor

---

## 🎯 JERARQUÍA VISUAL FINAL
```
Icon: 85px (impacto visual inicial)
  ↓
H2: 26px (título del cluster, 44% más grande que body)
  ↓
Descripción: 18px (igual al body, lectura natural)
  ↓
Badge: 15px (información secundaria)
  ↓
Links: 17px (ligeramente menor, jerarquía)
  ↓
Botón: 18px (CTA prominente)/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d97cbd5 */.cluster-button.orange {
  background: linear-gradient(135deg, #FFB74D 0%, #FFA726 100%) !important;
  color: #fff !important;
}

.cluster-button.orange:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 8px 20px rgba(255, 183, 77, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4af98b */<style>
/* =============================================
   FAQ - VERSIÓN DEFINITIVA SIMPLE Y ROBUSTA
   ============================================= */

.faq-wrap {
    max-width: 860px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.faq-item {
    background: #ffffff;
    border: 2px solid #eeeeee;
    border-radius: 14px;
    margin-bottom: 14px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.07);
    transition: border-color 0.25s ease;
    width: 100%;
    box-sizing: border-box;
}

.faq-item:hover,
.faq-item.open {
    border-color: #fa057b;
}

/* DIV en lugar de BUTTON - evita estilos del tema */
.faq-q {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 22px;
    cursor: pointer;
    background: transparent;
    width: 100%;
    box-sizing: border-box;
}

.faq-q h3 {
    /* RESET TOTAL */
    all: unset;
    /* Luego aplicar lo que necesitamos */
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: #111111;
    line-height: 1.55;
    /* Wrap correcto */
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* Flex */
    flex: 1;
    min-width: 0;
}

.faq-chevron {
    width: 22px;
    height: 22px;
    min-width: 22px;
    stroke: #fa057b;
    flex-shrink: 0;
    margin-top: 3px;
    transition: transform 0.3s ease;
}

.faq-item.open .faq-chevron {
    transform: rotate(180deg);
}

/* Respuesta */
.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.faq-a p {
    margin: 0;
    padding: 2px 22px 24px 22px;
    font-size: 18px;
    line-height: 1.8;
    color: #555555;
}

/* =============================================
   MOBILE
   ============================================= */

@media (max-width: 768px) {
    .faq-wrap {
        padding: 0 4px;
    }

    .faq-item {
        margin-bottom: 12px;
        border-radius: 12px;
    }

    .faq-q {
        padding: 18px 16px;
        gap: 12px;
    }

    .faq-q h3 {
        font-size: 16px !important;
        line-height: 1.55 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        min-width: 0 !important;
    }

    .faq-chevron {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-top: 2px;
    }

    .faq-a p {
        padding: 2px 16px 20px 16px;
        font-size: 16px;
        line-height: 1.75;
    }
}

@media (max-width: 480px) {
    .faq-q {
        padding: 16px 14px;
        gap: 10px;
    }

    .faq-q h3 {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .faq-chevron {
        width: 18px;
        height: 18px;
        min-width: 18px;
    }

    .faq-a p {
        padding: 2px 14px 18px 14px;
        font-size: 15px;
    }
}
</style>/* End custom CSS */