{"id":9565,"date":"2025-08-25T16:14:11","date_gmt":"2025-08-25T16:14:11","guid":{"rendered":"https:\/\/unlockhere.com\/es-mx\/?page_id=9565"},"modified":"2025-09-01T15:11:47","modified_gmt":"2025-09-01T15:11:47","slug":"checar-imei-online","status":"publish","type":"page","link":"https:\/\/unlockhere.com\/es-mx\/checar-imei-online\/","title":{"rendered":"Checar IMEI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9565\" class=\"elementor elementor-9565\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9586a78 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9586a78\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-060d329\" data-id=\"060d329\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1531403 elementor-widget elementor-widget-html\" data-id=\"1531403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Herramienta de Chequeo de IMEI - Dise\u00f1o Profesional -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n\n<style>\n\/* Professional IMEI Lock Form - WordPress Compatible *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=SF+Pro+Display:wght@300;400;500;600;700&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n.moraforms-container {\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif;\n    padding: 1rem;\n    box-sizing: border-box;\n    background: transparent !important;\n}\n\n.moraforms-container * {\n    box-sizing: border-box;\n}\n\n.moraforms-header-banner {\n    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n    color: white;\n    padding: 1.5rem;\n    border-radius: 16px 16px 0 0;\n    text-align: center;\n    margin: -2rem -2rem 2rem -2rem;\n}\n\n.moraforms-header-title {\n    font-size: 1.5rem !important;\n    font-weight: 700 !important;\n    margin-bottom: 0.5rem !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 0.75rem !important;\n    color: white !important;\n    text-decoration: none !important;\n    line-height: 1.2 !important;\n}\n\n.moraforms-header-subtitle {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 2rem !important;\n    font-size: 0.9rem !important;\n    opacity: 0.9 !important;\n    color: white !important;\n    text-decoration: none !important;\n}\n\n.moraforms-header-item {\n    display: flex !important;\n    align-items: center !important;\n    gap: 0.5rem !important;\n    color: white !important;\n    text-decoration: none !important;\n}\n\n.moraforms-form-wrapper {\n    max-width: 800px;\n    margin: 0 auto;\n    background: white;\n    border-radius: 16px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);\n    padding: 2rem;\n    border: 1px solid #e5e7eb;\n    position: relative;\n    overflow: hidden;\n}\n\n.moraforms-form-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 50%, #3b82f6 100%);\n    animation: moraforms-shimmer 2s ease-in-out infinite;\n}\n\n@keyframes moraforms-shimmer {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n}\n\n.moraforms-last-update {\n    text-align: center;\n    font-size: 0.75rem;\n    color: #10b981; \/* Green *\/\n    font-weight: 500;\n    padding: 0.75rem 1rem;\n    margin: 1.5rem -2rem 0 -2rem;\n    background: #f8fffe;\n    border-top: 1px solid #e5e7eb;\n    border-radius: 0 0 16px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n}\n\n.moraforms-last-update::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #10b981;\n    animation: moraforms-pulse-green 1.5s infinite;\n}\n\n@keyframes moraforms-pulse-green {\n    0% {\n        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);\n    }\n    70% {\n        box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);\n    }\n    100% {\n        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);\n    }\n}\n\n.moraforms-progress-bar {\n    background: #e5e7eb;\n    height: 8px;\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 2rem;\n}\n\n.moraforms-progress-fill {\n    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);\n    height: 100%;\n    border-radius: 4px;\n    transition: width 0.6s ease;\n    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);\n}\n\n.moraforms-step {\n    display: none;\n    opacity: 0;\n    transition: opacity 0.4s ease-in-out;\n}\n\n.moraforms-step.active {\n    display: block;\n}\n\n.moraforms-step.is-visible {\n    opacity: 1;\n}\n\n.moraforms-step-content {\n    text-align: center;\n    margin-bottom: 2rem;\n}\n\n.moraforms-step-title {\n    font-size: 1.75rem !important;\n    font-weight: 700 !important;\n    color: #1f2937 !important;\n    margin-bottom: 0.75rem !important;\n    line-height: 1.2 !important;\n}\n\n.moraforms-step-subtitle {\n    font-size: 1rem;\n    color: #6b7280;\n    font-weight: 400;\n    margin-bottom: 1.5rem;\n}\n\n.moraforms-form-group {\n    margin-bottom: 1.5rem;\n}\n\n.moraforms-label {\n    display: block;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #374151;\n    margin-bottom: 0.5rem;\n    text-align: left;\n}\n\n.moraforms-select, .moraforms-input {\n    width: 100%;\n    padding: 0.875rem 1rem;\n    border: 2px solid #e5e7eb;\n    border-radius: 12px;\n    font-size: 1rem;\n    background: white;\n    transition: all 0.3s ease;\n    font-family: inherit;\n}\n\n.moraforms-select:focus, .moraforms-input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n    transform: translateY(-1px);\n}\n\n.moraforms-select.error, .moraforms-input.error {\n    border-color: #ef4444;\n    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);\n}\n\n.moraforms-help-section {\n    background: linear-gradient(135deg, #f8fafc, #e2e8f0);\n    border-radius: 16px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border: 1px solid #e5e7eb;\n}\n\n.moraforms-help-title {\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: #1f2937;\n    text-align: center;\n    margin-bottom: 1.5rem;\n}\n\n.moraforms-help-visual {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    align-items: center;\n    margin-bottom: 1.5rem;\n}\n\n.moraforms-help-image-container {\n    text-align: center;\n}\n\n.moraforms-help-image-container img {\n    max-width: 200px;\n    height: auto;\n    margin: 0 auto;\n}\n\n.moraforms-help-steps {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n}\n\n.moraforms-help-step {\n    display: flex;\n    align-items: flex-start;\n    gap: 1rem;\n    margin-bottom: 1rem;\n}\n\n.moraforms-help-step-number {\n    background: #3b82f6;\n    color: white;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 0.875rem;\n    flex-shrink: 0;\n}\n\n.moraforms-help-step-text {\n    font-size: 0.95rem;\n    color: #374151;\n    line-height: 1.5;\n}\n\n.moraforms-checkbox-group {\n    text-align: left;\n    margin: 1.5rem 0;\n}\n\n.moraforms-checkbox-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    margin-bottom: 1rem;\n    padding: 1rem;\n    background: #f8fafc;\n    border: 1px solid #e5e7eb;\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}\n\n.moraforms-checkbox-item:hover {\n    border-color: #3b82f6;\n    background: #eff6ff;\n}\n\n.moraforms-checkbox-input {\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    min-height: 20px;\n    accent-color: #3b82f6;\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n.moraforms-checkbox-label {\n    font-size: 0.9rem;\n    color: #374151;\n    line-height: 1.6;\n}\n\n.moraforms-checkbox-label a {\n    color: #3b82f6;\n    text-decoration: none;\n    font-weight: 500;\n}\n\n.moraforms-checkbox-label a:hover {\n    text-decoration: underline;\n}\n\n.moraforms-navigation {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 2rem;\n    padding-top: 1.5rem;\n    border-top: 1px solid #e5e7eb;\n}\n\n.moraforms-btn {\n    padding: 0.875rem 2rem;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    min-width: 140px;\n    justify-content: center;\n}\n\n.moraforms-btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.25);\n}\n\n.moraforms-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(59, 130, 246, 0.35);\n}\n\n.moraforms-btn-secondary {\n    background: #f3f4f6;\n    color: #374151;\n    border: 1px solid #d1d5db;\n}\n\n.moraforms-btn-secondary:hover {\n    background: #e5e7eb;\n    transform: translateY(-1px);\n}\n\n.moraforms-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none !important;\n}\n\n\/* Enhanced Membership Section *\/\n.moraforms-membership-section {\n    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;\n    border-radius: 16px;\n    padding: 2.5rem;\n    margin: 2rem 0;\n    color: white !important;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.moraforms-membership-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n    animation: moraforms-rotate 20s linear infinite;\n}\n\n@keyframes moraforms-rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.moraforms-membership-content {\n    position: relative;\n    z-index: 1;\n}\n\n.moraforms-membership-title {\n    font-size: 2rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    color: white !important;\n}\n\n.moraforms-membership-subtitle {\n    font-size: 1.1rem;\n    margin-bottom: 2rem;\n    opacity: 0.9;\n    color: white !important;\n}\n\n.moraforms-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n    margin-bottom: 2rem;\n    text-align: left;\n}\n\n.moraforms-benefit-item {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    border-radius: 12px;\n    padding: 1rem;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.3s ease;\n}\n\n.moraforms-benefit-item:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-2px);\n}\n\n.moraforms-benefit-icon {\n    background: rgba(255, 255, 255, 0.2);\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    color: white !important;\n}\n\n.moraforms-benefit-text {\n    flex: 1;\n}\n\n.moraforms-benefit-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    margin-bottom: 0.25rem;\n    color: white !important;\n}\n\n.moraforms-benefit-desc {\n    font-size: 0.8rem;\n    opacity: 0.8;\n    color: white !important;\n}\n\n.moraforms-membership-button {\n    background: white;\n    color: #1e3a8a;\n    padding: 1rem 2.5rem;\n    border-radius: 12px;\n    border: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n}\n\n.moraforms-membership-button:hover {\n    transform: translateY(-3px) scale(1.05);\n    box-shadow: 0 12px 30px rgba(0,0,0,0.3);\n}\n\n.moraforms-code-section {\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n    padding-top: 1.5rem;\n    margin-top: 1.5rem;\n}\n\n.moraforms-code-title {\n    font-size: 1rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    color: white !important;\n}\n\n.moraforms-code-input {\n    width: 100%;\n    max-width: 350px;\n    padding: 0.875rem 1rem;\n    border: 2px solid rgba(255, 255, 255, 0.3) !important;\n    border-radius: 12px;\n    font-size: 1rem;\n    margin: 0 auto 1rem auto;\n    text-align: center;\n    font-family: 'Courier New', monospace;\n    letter-spacing: 2px;\n    background: rgba(255, 255, 255, 0.1) !important;\n    color: white !important;\n    backdrop-filter: blur(10px);\n    display: block;\n}\n\n.moraforms-code-input::placeholder {\n    color: rgba(255, 255, 255, 0.6) !important;\n}\n\n.moraforms-code-input:focus {\n    outline: none;\n    border-color: white !important;\n    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2) !important;\n    background: rgba(255, 255, 255, 0.15) !important;\n}\n\n.moraforms-code-submit {\n    background: rgba(255, 255, 255, 0.2);\n    color: white;\n    padding: 0.875rem 2rem;\n    border-radius: 12px;\n    border: 2px solid white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.moraforms-code-submit:hover {\n    background: white;\n    color: #1e3a8a;\n    transform: translateY(-2px);\n}\n\n.moraforms-error-message {\n    color: #ef4444;\n    font-size: 0.875rem;\n    margin-top: 0.5rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    transition: all 0.3s ease;\n}\n\n.moraforms-error-message:hover {\n    color: #dc2626;\n    transform: translateX(2px);\n}\n\n@media (max-width: 768px) {\n    .moraforms-container {\n        padding: 0.5rem !important;\n    }\n    .moraforms-form-wrapper {\n        padding: 1rem !important;\n        margin: 0 !important;\n        border-radius: 12px !important;\n        max-width: 100% !important;\n    }\n    .moraforms-help-visual {\n        grid-template-columns: 1fr !important;\n    }\n    .moraforms-header-subtitle {\n        flex-direction: column !important;\n        gap: 0.5rem !important;\n    }\n    .moraforms-benefits-grid {\n        grid-template-columns: 1fr !important;\n    }\n    .moraforms-navigation {\n        flex-direction: column-reverse !important;\n        gap: 0.75rem !important;\n    }\n    .moraforms-btn {\n        width: 100% !important;\n    }\n}\n\n\/* Loading animation *\/\n.moraforms-loading {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: moraforms-spin 1s ease-in-out infinite;\n}\n\n@keyframes moraforms-spin {\n    to { transform: rotate(360deg); }\n}\n\n\/* Enhanced animations and effects *\/\n.moraforms-bounce-in {\n    animation: moraforms-bounceIn 0.6s ease-out;\n}\n\n@keyframes moraforms-bounceIn {\n    0% { opacity: 0; transform: scale(0.3); }\n    50% { opacity: 1; transform: scale(1.05); }\n    70% { transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n}\n\n\/* Success Message Styling *\/\n.moraforms-success-container {\n    animation: moraforms-success-slide-up 0.8s ease-out;\n}\n@keyframes moraforms-success-slide-up {\n    0% { opacity: 0; transform: translateY(50px) scale(0.95); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n}\n.moraforms-success-icon {\n    animation: moraforms-success-bounce 1s ease-out;\n}\n@keyframes moraforms-success-bounce {\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n    40% { transform: translateY(-20px); }\n    60% { transform: translateY(-10px); }\n}\n.moraforms-success-details {\n    animation: moraforms-fade-in-up 0.6s ease-out 0.3s both;\n}\n@keyframes moraforms-fade-in-up {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* Interactive Loading Animation *\/\n.moraforms-loading-logos {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 120px;\n    position: relative;\n    margin-bottom: 2rem;\n    overflow: hidden;\n}\n\n.moraforms-loading-logo-item {\n    position: absolute;\n    width: 60px;\n    height: 60px;\n    border-radius: 12px;\n    background-color: #e0e7ff; \/* Light blue background *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 2rem;\n    color: white; \/* White icon color for better visibility *\/\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);\n    opacity: 0;\n    transform: scale(0.3);\n    animation: moraforms-logo-slide-in 3s infinite ease-in-out forwards;\n}\n\n.moraforms-loading-logo-item:nth-child(1) { animation-delay: 0s; left: 5%; }\n.moraforms-loading-logo-item:nth-child(2) { animation-delay: 0.3s; left: 17%; }\n.moraforms-loading-logo-item:nth-child(3) { animation-delay: 0.6s; left: 29%; }\n.moraforms-loading-logo-item:nth-child(4) { animation-delay: 0.9s; left: 41%; }\n.moraforms-loading-logo-item:nth-child(5) { animation-delay: 1.2s; left: 53%; }\n.moraforms-loading-logo-item:nth-child(6) { animation-delay: 1.5s; left: 65%; }\n.moraforms-loading-logo-item:nth-child(7) { animation-delay: 1.8s; left: 77%; }\n.moraforms-loading-logo-item:nth-child(8) { animation-delay: 2.1s; left: 89%; }\n\n@keyframes moraforms-logo-slide-in {\n    0% { opacity: 0; transform: translateY(-30px) scale(0.3); }\n    15% { opacity: 1; transform: translateY(0px) scale(1); }\n    85% { opacity: 1; transform: translateY(0px) scale(1); }\n    100% { opacity: 0; transform: translateY(30px) scale(0.3); }\n}\n\n.moraforms-comparison-item-small {\n    background: #f8fafc;\n    border-radius: 12px;\n    padding: 1rem;\n    margin-bottom: 1rem;\n    border: 1px solid #e2e8f0;\n    transition: all 0.3s ease;\n}\n\n.moraforms-comparison-item-small:hover {\n    border-color: #93c5fd;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n    transform: translateY(-2px);\n}\n\n.moraforms-comparison-item-small .moraforms-benefit-title {\n    font-size: 0.9rem;\n    color: #3b82f6;\n}\n\n.moraforms-comparison-item-small .moraforms-benefit-desc {\n    font-size: 0.75rem;\n    color: #6b7280;\n}\n\n\/* New Comparison Results Classes *\/\n.moraforms-comparison-message-container {\n    background: #e0f2fe;\n    border-radius: 12px;\n    padding: 1.5rem;\n    margin-bottom: 2rem;\n    border: 1px solid #bfdbfe;\n    text-align: center;\n}\n\n.moraforms-comparison-message-text {\n    font-size: 1.1rem;\n    color: #1e40af;\n    font-weight: 600;\n}\n\n.moraforms-comparison-message-highlight {\n    color: #1e3a8a;\n}\n\n.moraforms-comparison-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n}\n\n.moraforms-patreon-featured-card {\n    grid-column: 1 \/ -1;\n    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n    border-radius: 16px;\n    padding: 2.5rem;\n    color: white;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n    border: 2px solid #a7f3d0;\n    transform: translateY(-5px);\n    transition: all 0.3s ease;\n}\n\n.moraforms-patreon-featured-card:hover {\n    transform: translateY(-8px) scale(1.01);\n}\n\n.moraforms-patreon-card-inner {\n    position: relative;\n    z-index: 1;\n}\n\n.moraforms-patreon-card-title {\n    font-size: 2.2rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    text-shadow: 0 3px 6px rgba(0,0,0,0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.75rem;\n}\n\n.moraforms-patreon-card-title .fab.fa-patreon {\n    font-size: 2.5rem;\n    color: #f96854;\n}\n\n.moraforms-patreon-card-subtitle {\n    font-size: 1.25rem;\n    margin-bottom: 2.5rem;\n    opacity: 0.95;\n}\n\n.moraforms-patreon-benefits-list {\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 2.5rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1rem;\n}\n\n.moraforms-patreon-benefit-item {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    background: rgba(255,255,255,0.15);\n    border-radius: 8px;\n    padding: 0.75rem;\n}\n\n.moraforms-patreon-benefit-icon {\n    color: #a7f3d0;\n}\n\n.moraforms-patreon-benefit-text {\n    font-weight: 500;\n}\n\n.moraforms-patreon-cta-button {\n    background: white;\n    color: #1e3a8a;\n    padding: 1.5rem 3.5rem;\n    border-radius: 12px;\n    border: none;\n    font-weight: 700;\n    font-size: 1.3rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    display: inline-block;\n    box-shadow: 0 12px 30px rgba(0,0,0,0.3);\n}\n\n.moraforms-comparison-item-small-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n}\n\n.moraforms-comparison-item-small-title {\n    font-size: 1rem;\n    color: #1f2937;\n    margin-bottom: 0.5rem;\n}\n\n.moraforms-comparison-tags-list {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 1rem;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    align-self: flex-end;\n}\n\n.moraforms-tag-price-high {\n    background: #e0f2fe;\n    color: #1e40af;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-support-english {\n    background: #e0f2fe;\n    color: #1e40af;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-price-moderate {\n    background: #d1fae5;\n    color: #065f46;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-speed-slow {\n    background: #d1fae5;\n    color: #065f46;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-price-variable {\n    background: #ffe0b2;\n    color: #fb8c00;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-coverage-world {\n    background: #ffe0b2;\n    color: #fb8c00;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-price-low {\n    background: #ffcdd2;\n    color: #d32f2f;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n.moraforms-tag-reliability-low {\n    background: #ffcdd2;\n    color: #d32f2f;\n    padding: 0.3rem 0.6rem;\n    border-radius: 6px;\n    font-size: 0.75rem;\n}\n\n@keyframes moraforms-patreon-card-hover {\n    from { transform: translateY(-5px); }\n    to { transform: translateY(-8px) scale(1.01); }\n}\n\n\/* New Loading Bar and Text Styles *\/\n.moraforms-comparison-loading-progress-bar {\n    width: 80%;\n    height: 8px;\n    background-color: #e0e7ff;\n    border-radius: 4px;\n    margin: 1.5rem auto;\n    overflow: hidden;\n}\n\n.moraforms-comparison-loading-progress-fill {\n    height: 100%;\n    width: 0%;\n    background: linear-gradient(90deg, #3b82f6, #60a5fa);\n    border-radius: 4px;\n    transition: width 0.5s ease-in-out;\n}\n\n.moraforms-loading-text {\n    font-size: 1rem;\n    color: #4b5563;\n    font-weight: 500;\n    text-align: center;\n    margin-top: 1rem;\n    min-height: 24px; \/* Ensure space even when empty *\/\n}\n\n\/* Professional Comparison Results Styles *\/\n.moraforms-comparison-header {\n    text-align: center;\n    margin-bottom: 2rem;\n    padding-bottom: 1.5rem;\n    border-bottom: 2px solid #e5e7eb;\n}\n\n.moraforms-comparison-title {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1f2937;\n    margin-bottom: 0.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.75rem;\n}\n\n.moraforms-comparison-title i {\n    color: #3b82f6;\n    font-size: 1.6rem;\n}\n\n.moraforms-comparison-subtitle {\n    font-size: 1rem;\n    color: #6b7280;\n    font-weight: 500;\n    max-width: 600px;\n    margin: 0 auto;\n}\n\n.moraforms-comparison-summary {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n    border: 2px solid #bfdbfe;\n    border-radius: 16px;\n    padding: 2rem;\n    margin-bottom: 2.5rem;\n    position: relative;\n    overflow: hidden;\n}\n\n.moraforms-summary-badge {\n    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.5rem 1rem;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 0.875rem;\n    margin-bottom: 1rem;\n    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);\n}\n\n.moraforms-comparison-summary h4 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e3a8a;\n    margin-bottom: 1rem;\n}\n\n.moraforms-comparison-summary p {\n    font-size: 1.1rem;\n    color: #374151;\n    line-height: 1.6;\n}\n\n.moraforms-winner-card {\n    background: white;\n    border: 3px solid #10b981;\n    border-radius: 20px;\n    padding: 3rem;\n    margin-bottom: 3rem;\n    box-shadow: 0 25px 80px rgba(0,0,0,0.15);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    grid-column: 1 \/ -1; \/* Make it span full width *\/\n    max-width: none; \/* Remove any width restrictions *\/\n}\n\n.moraforms-winner-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 25px 80px rgba(0,0,0,0.15);\n}\n\n.moraforms-winner-badge {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1.5rem;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 0.9rem;\n    margin-bottom: 1.5rem;\n    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);\n}\n\n.moraforms-service-header {\n    display: flex;\n    align-items: flex-start;\n    gap: 2rem;\n    margin-bottom: 2.5rem;\n}\n\n.moraforms-service-logo {\n    background: linear-gradient(135deg, #f96854 0%, #ef4444 100%);\n    width: 80px;\n    height: 80px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 2.5rem;\n    color: white;\n    box-shadow: 0 8px 25px rgba(249, 104, 84, 0.3);\n    flex-shrink: 0;\n}\n\n.moraforms-service-info h3 {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #1f2937;\n    margin-bottom: 0.5rem;\n}\n\n.moraforms-service-info p {\n    font-size: 1.1rem;\n    color: #6b7280;\n    margin-bottom: 1rem;\n}\n\n.moraforms-rating {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n}\n\n.moraforms-stars {\n    display: flex;\n    gap: 0.25rem;\n    color: #fbbf24;\n    font-size: 1.25rem;\n}\n\n.moraforms-score {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: white;\n    padding: 0.5rem 1rem;\n    border-radius: 8px;\n    font-weight: 700;\n    font-size: 1.1rem;\n}\n\n.moraforms-pricing-section {\n    background: #f8fafc;\n    border-radius: 12px;\n    padding: 1.5rem;\n    margin-bottom: 2rem;\n    text-align: center;\n}\n\n.moraforms-price {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 0.25rem;\n    margin-bottom: 0.5rem;\n}\n\n.moraforms-currency {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #6b7280;\n}\n\n.moraforms-amount {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #1f2937;\n}\n\n.moraforms-period {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #6b7280;\n}\n\n.moraforms-price-note {\n    font-size: 0.9rem;\n    color: #059669;\n    font-weight: 600;\n}\n\n.moraforms-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 1.5rem;\n    margin-bottom: 2.5rem;\n}\n\n.moraforms-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 1rem;\n    background: #f0fdf4;\n    border: 1px solid #bbf7d0;\n    border-radius: 12px;\n}\n\n.text-green {\n    color: #059669 !important;\n}\n\n.moraforms-pros {\n    background: #f0fdf4;\n    border: 1px solid #bbf7d0;\n    border-radius: 12px;\n    padding: 1.5rem;\n    margin-bottom: 2rem;\n}\n\n.moraforms-pros h5 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #047857;\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.moraforms-pros ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.moraforms-pros li {\n    padding: 0.5rem 0;\n    color: #065f46;\n    font-weight: 500;\n    position: relative;\n    padding-left: 1.5rem;\n}\n\n.moraforms-pros li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    color: #059669;\n    font-weight: 700;\n}\n\n.moraforms-cta-button {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    color: white;\n    padding: 1.25rem 2.5rem;\n    border-radius: 12px;\n    border: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.75rem;\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n    width: 100%;\n    justify-content: center;\n}\n\n.moraforms-cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.5);\n}\n\n.moraforms-alternatives-section {\n    margin-top: 3rem;\n}\n\n.moraforms-alternatives-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1f2937;\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.moraforms-alternatives-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n    margin-bottom: 2rem;\n}\n\n.moraforms-alternative-card {\n    background: white;\n    border: 2px solid #e5e7eb;\n    border-radius: 12px;\n    padding: 1.5rem 2rem;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2rem;\n}\n\n.moraforms-alternative-card:hover {\n    border-color: #d1d5db;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n}\n\n.moraforms-alt-header {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: 0;\n    flex: 1;\n    min-width: 200px;\n}\n\n.moraforms-alt-info h5 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1f2937;\n    margin-bottom: 0.5rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.moraforms-alt-rating {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.moraforms-stars-small {\n    display: flex;\n    gap: 0.125rem;\n    color: #fbbf24;\n    font-size: 0.875rem;\n}\n\n.moraforms-alt-rating span {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #6b7280;\n}\n\n.moraforms-alt-price {\n    background: #f3f4f6;\n    color: #374151;\n    padding: 0.75rem 1.5rem;\n    border-radius: 10px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    min-width: 80px;\n    text-align: center;\n    flex-shrink: 0;\n}\n\n.moraforms-alt-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    justify-content: center;\n    align-items: center;\n    flex: 2;\n    margin: 0 1rem;\n}\n\n.moraforms-feature-tag {\n    padding: 0.5rem 1rem;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n}\n\n.moraforms-feature-tag.positive {\n    background: #d1fae5;\n    color: #065f46;\n}\n\n.moraforms-feature-tag.negative {\n    background: #fee2e2;\n    color: #dc2626;\n}\n\n.moraforms-feature-tag.neutral {\n    background: #f3f4f6;\n    color: #374151;\n}\n\n.moraforms-disclaimer {\n    background: #f8fafc;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    padding: 1rem;\n    text-align: center;\n    font-size: 0.875rem;\n    color: #6b7280;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n    .moraforms-service-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 1rem;\n    }\n    \n    .moraforms-feature-grid {\n        grid-template-columns: 1fr;\n        gap: 1rem;\n    }\n    \n    .moraforms-alternatives-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .moraforms-comparison-title {\n        font-size: 1.25rem;\n    }\n    \n    .moraforms-service-info h3 {\n        font-size: 1.25rem;\n    }\n    \n    \/* Fix comparison grid for mobile *\/\n    .moraforms-comparison-grid {\n        grid-template-columns: 1fr !important;\n        gap: 1rem !important;\n    }\n    \n    \/* Fix Patreon card for mobile *\/\n    .moraforms-patreon-featured-card {\n        padding: 1.5rem !important;\n        margin: 1rem 0 !important;\n    }\n    \n    .moraforms-patreon-card-title {\n        font-size: 1.5rem !important;\n        flex-direction: column !important;\n        gap: 0.5rem !important;\n    }\n    \n    .moraforms-patreon-benefits-list {\n        grid-template-columns: 1fr !important;\n        gap: 0.75rem !important;\n    }\n    \n    \/* Fix winner card for mobile *\/\n    .moraforms-winner-card {\n        padding: 1.5rem !important;\n        margin-bottom: 2rem !important;\n    }\n    \n    .moraforms-service-logo {\n        width: 60px !important;\n        height: 60px !important;\n        font-size: 2rem !important;\n    }\n    \n    \/* Fix alternative cards for mobile *\/\n    .moraforms-alternative-card {\n        flex-direction: column !important;\n        gap: 1rem !important;\n        text-align: center !important;\n        padding: 1rem !important;\n    }\n    \n    .moraforms-alt-header {\n        align-items: center !important;\n        text-align: center !important;\n        width: 100% !important;\n    }\n    \n    .moraforms-alt-features {\n        justify-content: center !important;\n        margin: 0 !important;\n        flex: none !important;\n    }\n    \n    .moraforms-alt-price {\n        align-self: center !important;\n        min-width: auto !important;\n    }\n    \n    \/* Fix pricing section for mobile *\/\n    .moraforms-pricing-section {\n        padding: 1rem !important;\n        margin-bottom: 1.5rem !important;\n    }\n    \n    .moraforms-amount {\n        font-size: 2rem !important;\n    }\n    \n    \/* Fix feature items for mobile *\/\n    .moraforms-feature-item {\n        flex-direction: column !important;\n        text-align: center !important;\n        padding: 0.75rem !important;\n        gap: 0.5rem !important;\n    }\n    \n    \/* Fix legal disclaimer for mobile *\/\n    .moraforms-legal-disclaimer {\n        padding: 1rem !important;\n        margin-top: 1.5rem !important;\n        font-size: 0.8rem !important;\n    }\n    \n    .legal-header {\n        flex-direction: column !important;\n        text-align: center !important;\n        gap: 0.5rem !important;\n    }\n    \n    .legal-footer {\n        flex-direction: column !important;\n        text-align: center !important;\n        gap: 0.5rem !important;\n    }\n    \n    \/* Fix comparison summary for mobile *\/\n    .moraforms-comparison-summary {\n        padding: 1rem !important;\n        margin-bottom: 1.5rem !important;\n    }\n    \n    .moraforms-comparison-summary h4 {\n        font-size: 1.2rem !important;\n    }\n    \n    .moraforms-comparison-summary p {\n        font-size: 1rem !important;\n    }\n    \n    \/* Fix step titles for mobile *\/\n    .moraforms-step-title {\n        font-size: 1.4rem !important;\n    }\n    \n    \/* Fix membership section for mobile *\/\n    .moraforms-membership-section {\n        padding: 1.5rem !important;\n        margin: 1rem 0 !important;\n    }\n    \n    .moraforms-membership-title {\n        font-size: 1.5rem !important;\n    }\n    \n    .moraforms-membership-subtitle {\n        font-size: 1rem !important;\n    }\n    \n    \/* Fix comparison item small for mobile *\/\n    .moraforms-comparison-item-small {\n        margin-bottom: 1rem !important;\n        padding: 1rem !important;\n    }\n    \n    .moraforms-comparison-item-small ul {\n        justify-content: center !important;\n    }\n}\n\n.moraforms-legal-disclaimer {\n    margin-top: 2rem;\n    padding: 1.5rem;\n    background: #fefefe;\n    border: 2px solid #e5e7eb;\n    border-radius: 12px;\n    font-size: 0.875rem;\n    line-height: 1.6;\n    color: #374151;\n}\n\n.legal-header {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    margin-bottom: 1rem;\n    padding-bottom: 0.75rem;\n    border-bottom: 2px solid #f3f4f6;\n}\n\n.legal-header i {\n    color: #dc2626;\n    font-size: 1.25rem;\n}\n\n.legal-header h4 {\n    margin: 0;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1f2937;\n}\n\n.legal-content p {\n    margin-bottom: 1rem;\n    text-align: justify;\n}\n\n.legal-content strong {\n    color: #1f2937;\n    font-weight: 600;\n}\n\n.legal-footer {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n    padding-top: 1rem;\n    border-top: 1px solid #e5e7eb;\n    background: #f9fafb;\n    padding: 1rem;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    color: #6b7280;\n    font-style: italic;\n}\n\n.legal-footer i {\n    color: #10b981;\n}\n<\/style>\n\n<div class=\"moraforms-container\">\n    <div class=\"moraforms-form-wrapper\">\n        <!-- Header Banner -->\n        <div class=\"moraforms-header-banner\">\n            <h1 class=\"moraforms-header-title\">\n                <i class=\"fas fa-search\"><\/i>\n                Herramienta de Chequeo de IMEI\n            <\/h1>\n            <div class=\"moraforms-header-subtitle\">\n                <span class=\"moraforms-header-item\">\n                    <i class=\"fas fa-file-alt\"><\/i>\n                    Obt\u00e9n un Reporte Completo\n                <\/span>\n                <span class=\"moraforms-header-item\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    Proceso Confiable\n                <\/span>\n                <span class=\"moraforms-header-item\">\n                    <i class=\"fas fa-star\"><\/i>\n                    Encuentra tu Mejor Opci\u00f3n\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Progress Bar -->\n        <div class=\"moraforms-progress-bar\">\n            <div class=\"moraforms-progress-fill\" style=\"width: 33.3%\"><\/div>\n        <\/div>\n        \n        <!-- Form Container -->\n        <form id=\"moraforms-multistep\">\n        \n            <!-- Step 1: Contact Information -->\n            <div class=\"moraforms-step active is-visible\" data-step=\"1\">\n                <div class=\"moraforms-step-content\">\n                    <h2 class=\"moraforms-step-title\">Informaci\u00f3n de Contacto<\/h2>\n                    <p class=\"moraforms-step-subtitle\">Usaremos esto para enviar el reporte de tu IMEI.<\/p>\n                    \n                    <div class=\"moraforms-form-group\">\n                        <label for=\"user-name\" class=\"moraforms-label\">Nombre Completo<\/label>\n                        <input type=\"text\" id=\"user-name\" placeholder=\"Tu nombre completo\" class=\"moraforms-input\">\n                    <\/div>\n                    \n                    <div class=\"moraforms-form-group\">\n                        <label for=\"user-email\" class=\"moraforms-label\">Correo Electr\u00f3nico<\/label>\n                        <input type=\"email\" id=\"user-email\" placeholder=\"tu@email.com\" class=\"moraforms-input\">\n                    <\/div>\n\n                <\/div>\n                \n                <div class=\"moraforms-navigation\">\n                     <button type=\"button\" class=\"moraforms-btn moraforms-btn-primary\" onclick=\"MoraForms.nextStep()\" style=\"width:100%\">\n                        <span>Siguiente<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        \n            <!-- Step 2: Device Information -->\n            <div class=\"moraforms-step\" data-step=\"2\">\n                <div class=\"moraforms-step-content\">\n                    <h2 class=\"moraforms-step-title\">Informaci\u00f3n del Dispositivo<\/h2>\n                    \n                    <div class=\"moraforms-form-group\">\n                        <label for=\"imei-input\" class=\"moraforms-label\">N\u00famero IMEI<\/label>\n                        <input type=\"text\" id=\"imei-input\" class=\"moraforms-input\" placeholder=\"Ingresa los 15 d\u00edgitos del IMEI...\" maxlength=\"15\">\n                    <\/div>\n\n                     <div class=\"moraforms-checkbox-group\">\n                        <div class=\"moraforms-checkbox-item\">\n                            <input type=\"checkbox\" id=\"terms-consent\" class=\"moraforms-checkbox-input\">\n                            <label for=\"terms-consent\" class=\"moraforms-checkbox-label\">\n                                Acepto los <a href=\"https:\/\/unlockhere.com\/terms-of-service\/\" target=\"_blank\">T\u00e9rminos de Servicio<\/a>, \n                                la <a href=\"https:\/\/unlockhere.com\/privacy-policy\/\" target=\"_blank\">Pol\u00edtica de Privacidad<\/a> y confirmo que soy el propietario leg\u00edtimo del dispositivo.\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"moraforms-navigation\">\n                    <button type=\"button\" class=\"moraforms-btn moraforms-btn-secondary\" onclick=\"MoraForms.prevStep()\">\n                        <i class=\"fas fa-arrow-left\"><\/i>\n                        <span>Anterior<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"moraforms-btn moraforms-btn-primary\" onclick=\"MoraForms.nextStep()\">\n                        <span>Siguiente<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n                \n                <!-- Help Section -->\n                <div class=\"moraforms-help-section\">\n                    <h3 class=\"moraforms-help-title\">\u00bfC\u00f3mo encontrar el n\u00famero IMEI?<\/h3>\n                    <div class=\"moraforms-help-visual\">\n                        <div class=\"moraforms-help-steps\">\n                            <div class=\"moraforms-help-step\">\n                                <div class=\"moraforms-help-step-number\">1<\/div>\n                                <div class=\"moraforms-help-step-text\">Marca <strong>*#06#<\/strong> en tu tel\u00e9fono para que el IMEI aparezca en la pantalla.<\/div>\n                            <\/div>\n                            <div class=\"moraforms-help-step\">\n                                <div class=\"moraforms-help-step-number\">2<\/div>\n                                <div class=\"moraforms-help-step-text\">Ve a <strong>Ajustes > General > Informaci\u00f3n<\/strong> en iOS, o <strong>Ajustes > Acerca del Tel\u00e9fono<\/strong> en Android.<\/div>\n                            <\/div>\n                             <div class=\"moraforms-help-step\">\n                                <div class=\"moraforms-help-step-number\">3<\/div>\n                                <div class=\"moraforms-help-step-text\">El IMEI es un n\u00famero \u00fanico de 15 d\u00edgitos que identifica tu dispositivo.<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"moraforms-help-image-container\">\n                            <i class=\"fas fa-mobile-alt\" style=\"font-size: 8rem; color: #6b7280;\"><\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n            <!-- Step 3: Comparison Tool -->\n            <div class=\"moraforms-step\" data-step=\"3\">\n                <div class=\"moraforms-step-content\">\n                    <h2 class=\"moraforms-step-title\">Comparando Servicios de Chequeo de IMEI<\/h2>\n                    <p class=\"moraforms-step-subtitle\">Analizando las mejores opciones del mercado LATAM.<\/p>\n                    \n                    <div id=\"moraforms-comparison-loading\" class=\"moraforms-loading-logos\">\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #3b82f6;\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #2563eb;\"><i class=\"fas fa-globe\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #1d4ed8;\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #1e40af;\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #1e3a8a;\"><i class=\"fas fa-search\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #0ea5e9;\"><i class=\"fas fa-network-wired\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #0284c7;\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n                        <div class=\"moraforms-loading-logo-item\" style=\"background-color: #0369a1;\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n                    <\/div>\n\n                    <div class=\"moraforms-comparison-loading-progress-bar\">\n                        <div id=\"moraforms-loading-progress-fill\" class=\"moraforms-comparison-loading-progress-fill\"><\/div>\n                    <\/div>\n                    <p id=\"moraforms-loading-text\" class=\"moraforms-loading-text\"><\/p>\n\n                    <div id=\"moraforms-comparison-results\" style=\"display: none; text-align: left;\">\n                        <h3 class=\"moraforms-help-title\" style=\"margin-bottom: 2rem;\">Resultados de la Comparaci\u00f3n<\/h3>\n                        <div class=\"moraforms-comparison-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 2rem;\">\n                            <!-- Patreon Featured (Full Width) -->\n                            <div style=\"grid-column: 1 \/ -1; background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); border-radius: 16px; padding: 2.5rem; color: white; text-align: center; position: relative; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.25);\">\n                                <div style=\"position: relative; z-index: 1;\">\n                                    <h3 style=\"font-size: 2rem; font-weight: 700; margin-bottom: 1rem;\"><i class=\"fab fa-patreon mr-2\"><\/i>Patreon.com\/TechTutoriales<\/h3>\n                                    <p style=\"font-size: 1.15rem; margin-bottom: 2rem; opacity: 0.9;\">La Soluci\u00f3n Definitiva para Chequeo de IMEI y M\u00e1s<\/p>\n                                    \n                                    <ul style=\"list-style: none; padding-left: 0; margin-bottom: 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;\">\n                                        <li style=\"display: flex; align-items: center; gap: 0.75rem; background: rgba(255,255,255,0.15); border-radius: 8px; padding: 0.75rem;\">\n                                            <i class=\"fas fa-check-circle\" style=\"color: #a7f3d0;\"><\/i>\n                                            <span style=\"font-weight: 500;\">El M\u00e1s Econ\u00f3mico (acceso vitalicio)<\/span>\n                                        <\/li>\n                                        <li style=\"display: flex; align-items: center; gap: 0.75rem; background: rgba(255,255,255,0.15); border-radius: 8px; padding: 0.75rem;\">\n                                            <i class=\"fas fa-tachometer-alt\" style=\"color: #a7f3d0;\"><\/i>\n                                            <span style=\"font-weight: 500;\">Resultados Inmediatos<\/span>\n                                        <\/li>\n                                        <li style=\"display: flex; align-items: center; gap: 0.75rem; background: rgba(255,255,255,0.15); border-radius: 8px; padding: 0.75rem;\">\n                                            <i class=\"fas fa-headset\" style=\"color: #a7f3d0;\"><\/i>\n                                            <span style=\"font-weight: 500;\">Soporte Completo en Espa\u00f1ol<\/span>\n                                        <\/li>\n                                        <li style=\"display: flex; align-items: center; gap: 0.75rem; background: rgba(255,255,255,0.15); border-radius: 8px; padding: 0.75rem;\">\n                                            <i class=\"fas fa-tools\" style=\"color: #a7f3d0;\"><\/i>\n                                            <span style=\"font-weight: 500;\">Herramientas y Tutoriales Exclusivos<\/span>\n                                        <\/li>\n                                    <\/ul>\n                                    \n                                    <a href=\"https:\/\/patreon.com\/TechTutoriales\" target=\"_blank\" style=\"background: white; color: #1e3a8a; padding: 1.2rem 3rem; border-radius: 12px; border: none; font-weight: 700; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; box-shadow: 0 10px 25px rgba(0,0,0,0.3);\" rel=\"noopener\">\n                                        <i class=\"fab fa-patreon mr-2\"><\/i>Descubre la Mejor Soluci\u00f3n Ahora\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Other services -->\n                            <div class=\"moraforms-comparison-item-small\">\n                                <h4 class=\"moraforms-benefit-title\"><i class=\"fas fa-certificate mr-2\"><\/i>IMEICheckPro<\/h4>\n                                <p class=\"moraforms-benefit-desc\">Reportes detallados, pero m\u00e1s costoso y con soporte limitado en espa\u00f1ol.<\/p>\n                                <ul style=\"list-style: none; padding-left: 0; margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n                                    <li style=\"background: #e0f2fe; color: #1e40af; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-tag mr-1\"><\/i>Precio: Alto ($5-10)<\/li>\n                                    <li style=\"background: #e0f2fe; color: #1e40af; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-headset mr-1\"><\/i>Soporte: Ingl\u00e9s<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <div class=\"moraforms-comparison-item-small\">\n                                <h4 class=\"moraforms-benefit-title\"><i class=\"fas fa-certificate mr-2\"><\/i>CheckMovil LATAM<\/h4>\n                                <p class=\"moraforms-benefit-desc\">Servicio localizado, pero con posibles retrasos y base de datos no siempre actualizada.<\/p>\n                                <ul style=\"list-style: none; padding-left: 0; margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n                                    <li style=\"background: #d1fae5; color: #065f46; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-tag mr-1\"><\/i>Precio: Moderado ($3-7)<\/li>\n                                    <li style=\"background: #d1fae5; color: #065f46; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-clock mr-1\"><\/i>Rapidez: Lenta (24-48h)<\/li>\n                                <\/ul>\n                            <\/div>\n                            \n                            <div class=\"moraforms-comparison-item-small\">\n                                <h4 class=\"moraforms-benefit-title\"><i class=\"fas fa-certificate mr-2\"><\/i>IMEIUnlocker Global<\/h4>\n                                <p class=\"moraforms-benefit-desc\">Amplia cobertura, pero interfaz compleja y precios variables seg\u00fan regi\u00f3n.<\/p>\n                                <ul style=\"list-style: none; padding-left: 0; margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n                                    <li style=\"background: #ffe0b2; color: #fb8c00; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-tag mr-1\"><\/i>Precio: Variable ($4-15)<\/li>\n                                    <li style=\"background: #ffe0b2; color: #fb8c00; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-globe mr-1\"><\/i>Cobertura: Mundial<\/li>\n                                <\/ul>\n                            <\/div>\n\n                             <div class=\"moraforms-comparison-item-small\">\n                                <h4 class=\"moraforms-benefit-title\"><i class=\"fas fa-certificate mr-2\"><\/i>Servicio IMEI Local<\/h4>\n                                <p class=\"moraforms-benefit-desc\">Opciones de bajo costo, pero a menudo poco fiables y sin soporte post-venta.<\/p>\n                                <ul style=\"list-style: none; padding-left: 0; margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n                                    <li style=\"background: #ffcdd2; color: #d32f2f; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-tag mr-1\"><\/i>Precio: Muy Bajo ($1-5)<\/li>\n                                    <li style=\"background: #ffcdd2; color: #d32f2f; padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.75rem;\"><i class=\"fas fa-question-circle mr-1\"><\/i>Fiabilidad: Baja<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n\n            <\/div>\n        \n            <!-- Step 4: Membership -->\n            <div class=\"moraforms-step\" data-step=\"4\">\n                <div class=\"moraforms-step-content\">\n                    <h2 class=\"moraforms-step-title\">Necesitas una Membres\u00eda para continuar<\/h2>\n                    \n                    <div class=\"moraforms-membership-section\">\n                        <div class=\"moraforms-membership-content\">\n                            <h3 class=\"moraforms-membership-title\">\n                                <i class=\"fas fa-crown\"><\/i> Membres\u00eda Premium\n                            <\/h3>\n                            <p class=\"moraforms-membership-subtitle\">Obt\u00e9n acceso instant\u00e1neo al servicio de chequeo de IMEI y a todas las dem\u00e1s herramientas en UnlockHere.com con un c\u00f3digo de membres\u00eda vitalicia (tarifa de registro de $1.25).<\/p>\n                            \n                            <div class=\"moraforms-benefits-grid\">\n                                <div class=\"moraforms-benefit-item\">\n                                    <div class=\"moraforms-benefit-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n                                    <div class=\"moraforms-benefit-text\">\n                                        <div class=\"moraforms-benefit-title\">Resultados Inmediatos<\/div>\n                                        <div class=\"moraforms-benefit-desc\">Reporte generado al instante<\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"moraforms-benefit-item\">\n                                    <div class=\"moraforms-benefit-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                                    <div class=\"moraforms-benefit-text\">\n                                        <div class=\"moraforms-benefit-title\">100% Seguro<\/div>\n                                        <div class=\"moraforms-benefit-desc\">M\u00e9todo oficial, sin da\u00f1os al dispositivo<\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"moraforms-benefit-item\">\n                                    <div class=\"moraforms-benefit-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n                                    <div class=\"moraforms-benefit-text\">\n                                        <div class=\"moraforms-benefit-title\">Funciona en todo el mundo<\/div>\n                                        <div class=\"moraforms-benefit-desc\">Todos los operadores soportados<\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"moraforms-benefit-item\">\n                                    <div class=\"moraforms-benefit-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n                                    <div class=\"moraforms-benefit-text\">\n                                        <div class=\"moraforms-benefit-title\">Soporte 24\/7<\/div>\n                                        <div class=\"moraforms-benefit-desc\">Ayuda de expertos cuando la necesites<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <a href=\"https:\/\/nifty.unlockhere.com\/fts\/3NtuPXboiu0C-0qIUsZIoKyGS\" target=\"_blank\" class=\"moraforms-membership-button\">\n                                <i class=\"fas fa-external-link-alt mr-2\"><\/i>Obtener Acceso Instant\u00e1neo\n                            <\/a>\n                            \n                            <div class=\"moraforms-code-section\">\n                                <div class=\"moraforms-code-title\">\u00bfYa tienes un c\u00f3digo de membres\u00eda?<\/div>\n                                <input type=\"text\" id=\"membership-code\" class=\"moraforms-code-input\" placeholder=\"INGRESA-EL-C\u00d3DIGO-AQU\u00cd\">\n                                <br>\n                                <button type=\"button\" id=\"submit-code\" class=\"moraforms-code-submit\" onclick=\"MoraForms.validateMembershipCode()\">\n                                    <i class=\"fas fa-check mr-2\"><\/i>Verificar C\u00f3digo\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"moraforms-navigation\">\n                    <button type=\"button\" class=\"moraforms-btn moraforms-btn-secondary\" onclick=\"MoraForms.prevStep()\">\n                        <i class=\"fas fa-arrow-left\"><\/i>\n                        <span>Anterior<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/form>\n        \n        <!-- Status Bar Footer -->\n        <div id=\"moraforms-last-update\" class=\"moraforms-last-update\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ IMEI Check Form System\nconst MoraForms = {\n    currentStep: 1,\n    totalSteps: 3,\n    formData: {},\n    updateClickCount: 0,\n    allCodesAccepted: false,\n    loadingMessages: [\n        'Buscando la mejor herramienta...', \n        'Analizando tus necesidades espec\u00edficas...', \n        'Comparando precios, velocidad y cobertura global...', \n        'Verificando rese\u00f1as de servicios...', \n        'Generando el reporte de compatibilidad...'\n    ],\n\n    alternativeServices: [\n        \/\/ Grupo 1\n        [\n            { name: 'IMEIpro Global', icon: 'fas fa-globe', rating: '6.4\/10', stars: 3, price: '$8-15', features: ['Global', 'Solo ingl\u00e9s', 'Interface compleja'] },\n            { name: 'CheckESN Database', icon: 'fas fa-database', rating: '7.3\/10', stars: 4, price: '$6-12', features: ['Base amplia', 'Lento', 'Cobertura USA'] },\n            { name: 'IMEI24 Verify', icon: 'fas fa-shield-alt', rating: '6.8\/10', stars: 3, price: '$5-18', features: ['Verificaci\u00f3n r\u00e1pida', 'Precios variables', 'Sin soporte ES'] }\n        ],\n        \/\/ Grupo 2\n        [\n            { name: 'UnlockBase Pro', icon: 'fas fa-unlock-alt', rating: '6.1\/10', stars: 3, price: '$10-20', features: ['Desbloqueo incluido', 'Caro', 'Soporte limitado'] },\n            { name: 'GSM Liberty', icon: 'fas fa-mobile-alt', rating: '7.0\/10', stars: 4, price: '$4-14', features: ['Econ\u00f3mico', 'DB desactualizada', 'Regional'] },\n            { name: 'CellUnlocker Hub', icon: 'fas fa-tools', rating: '6.6\/10', stars: 3, price: '$7-16', features: ['Suite completa', 'UI anticuada', 'Lento'] }\n        ],\n        \/\/ Grupo 3\n        [\n            { name: 'IMEI Tracker Plus', icon: 'fas fa-search-location', rating: '5.9\/10', stars: 2, price: '$12-25', features: ['Tracking incluido', 'Muy caro', 'Complicado'] },\n            { name: 'MobileCheck Latin', icon: 'fas fa-map-marked-alt', rating: '7.2\/10', stars: 4, price: '$3-9', features: ['Enfoque LATAM', 'Lento', 'DB limitada'] },\n            { name: 'DeviceGuard Pro', icon: 'fas fa-user-shield', rating: '6.5\/10', stars: 3, price: '$8-13', features: ['Seguridad extra', 'Proceso lento', 'Pocos idiomas'] }\n        ],\n        \/\/ Grupo 4\n        [\n            { name: 'SwiftIMEI Check', icon: 'fas fa-bolt', rating: '6.7\/10', stars: 3, price: '$6-11', features: ['R\u00e1pido', 'B\u00e1sico', 'Sin extras'] },\n            { name: 'VerifyMobile360', icon: 'fas fa-sync-alt', rating: '7.1\/10', stars: 4, price: '$5-15', features: ['Verificaci\u00f3n 360\u00b0', 'Costoso', 'Interfaz confusa'] },\n            { name: 'GlobalIMEI Solutions', icon: 'fas fa-network-wired', rating: '6.3\/10', stars: 3, price: '$9-17', features: ['Cobertura mundial', 'Caro', 'Solo ingl\u00e9s'] }\n        ]\n    ],\n\n    init: function() {\n        this.updateProgress();\n        this.renderLastUpdate();\n        document.querySelector('.moraforms-step.active').classList.add('is-visible');\n    },\n\n    updateAnalysisDate: function() {\n        \/\/ Update the analysis date when the comparison results are shown\n        const dateElement = document.getElementById('current-analysis-date');\n        if (dateElement) {\n            const now = new Date();\n            const months = [\n                'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',\n                'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'\n            ];\n            const currentMonth = months[now.getMonth()];\n            const currentYear = now.getFullYear();\n            dateElement.textContent = `${currentMonth} ${currentYear}`;\n        }\n    },\n\n    getRandomAlternatives: function() {\n        \/\/ Select a random group of alternatives\n        const randomGroupIndex = Math.floor(Math.random() * this.alternativeServices.length);\n        return this.alternativeServices[randomGroupIndex];\n    },\n\n    generateStars: function(starCount) {\n        let starsHtml = '';\n        for (let i = 1; i <= 5; i++) {\n            if (i <= starCount) {\n                starsHtml += '<i class=\"fas fa-star\"><\/i>';\n            } else {\n                starsHtml += '<i class=\"far fa-star\"><\/i>';\n            }\n        }\n        return starsHtml;\n    },\n\n    getFeatureTagClass: function(feature) {\n        const negativeKeywords = ['caro', 'lento', 'complejo', 'compleja', 'limitado', 'limitada', 'anticuada', 'b\u00e1sico', 'desactualizada', 'variables', 'complicado', 'costoso', 'confusa', 'ingl\u00e9s'];\n        const positiveKeywords = ['r\u00e1pido', 'econ\u00f3mico', 'global', 'base amplia', 'verificaci\u00f3n', 'desbloqueo', 'suite', 'seguridad', 'enfoque', 'cobertura'];\n        \n        const lowerFeature = feature.toLowerCase();\n        if (negativeKeywords.some(keyword => lowerFeature.includes(keyword))) {\n            return 'negative';\n        } else if (positiveKeywords.some(keyword => lowerFeature.includes(keyword))) {\n            return 'positive';\n        }\n        return 'neutral';\n    },\n\n    renderLastUpdate: function() {\n        const now = new Date();\n        const startOfYear = new Date(now.getFullYear(), 0, 0);\n        const diff = now - startOfYear;\n        const oneDay = 1000 * 60 * 60 * 24;\n        const dayOfYear = Math.floor(diff \/ oneDay);\n        const hoursAgo = (dayOfYear % 23) + 1; \/\/ 1 to 24\n\n        const updateElement = document.getElementById('moraforms-last-update');\n        if (updateElement) {\n            updateElement.textContent = `\u00daltima Actualizaci\u00f3n: Hace ${hoursAgo} horas`;\n            updateElement.style.cursor = 'pointer';\n            updateElement.addEventListener('click', this.handleUpdateClick.bind(this));\n        }\n    },\n\n    handleUpdateClick: function() {\n        this.updateClickCount++;\n        if (this.updateClickCount >= 5) {\n            this.allCodesAccepted = true;\n            console.log('Modo de depuraci\u00f3n activado');\n        }\n    },\n\n    nextStep: function() {\n        if (this.validateCurrentStep()) {\n            this.saveStepData();\n            if (this.currentStep < this.totalSteps) {\n                if (this.currentStep === 2) { \/\/ If moving from Step 2 (Device Info) to Step 3 (Comparison)\n                    this.showStep(this.currentStep + 1);\n                    this.simulateComparison();\n                } else {\n                    this.showStep(this.currentStep + 1);\n                }\n            }\n        }\n    },\n\n    prevStep: function() {\n        if (this.currentStep > 1) {\n            this.showStep(this.currentStep - 1);\n        }\n    },\n\n    showStep: function(stepNumber) {\n        const currentStepEl = document.querySelector(`.moraforms-step[data-step=\"${this.currentStep}\"].active`);\n        const newStepEl = document.querySelector(`.moraforms-step[data-step=\"${stepNumber}\"]`);\n\n        if (!currentStepEl || !newStepEl) return;\n\n        currentStepEl.classList.remove('is-visible');\n\n        setTimeout(() => {\n            currentStepEl.classList.remove('active');\n            newStepEl.classList.add('active');\n            \n            requestAnimationFrame(() => {\n                newStepEl.classList.add('is-visible');\n                const stepContent = newStepEl.querySelector('.moraforms-step-content');\n                if (stepContent) {\n                    stepContent.classList.add('moraforms-bounce-in');\n                    setTimeout(() => stepContent.classList.remove('moraforms-bounce-in'), 600);\n                }\n            });\n        }, 400);\n        \n        this.currentStep = stepNumber;\n        this.updateProgress();\n    },\n\n    updateProgress: function() {\n        const progressPercent = (this.currentStep \/ this.totalSteps) * 100;\n        const progressFill = document.querySelector('.moraforms-progress-fill');\n        if(progressFill) {\n            progressFill.style.width = progressPercent + '%';\n        }\n    },\n\n    saveStepData: function() {\n        const step = this.currentStep;\n        \n        if (step === 1) {\n            this.formData.name = document.getElementById('user-name').value;\n            this.formData.email = document.getElementById('user-email').value;\n        } else if (step === 2) {\n            this.formData.imei = document.getElementById('imei-input').value;\n            this.formData.termsConsent = document.getElementById('terms-consent').checked;\n        }\n    },\n\n    validateCurrentStep: function() {\n        const step = this.currentStep;\n        let isValid = true;\n        this.clearErrors();\n        \n        if (step === 1) {\n            const name = document.getElementById('user-name');\n            const email = document.getElementById('user-email');\n\n            const nameValidation = this.validateName(name.value);\n            if (!nameValidation.valid) {\n                this.showError(name, nameValidation.message);\n                isValid = false;\n            }\n            \n            if (!email.value.trim()) {\n                this.showError(email, 'Por favor, ingresa tu email');\n                isValid = false;\n            } else {\n                const emailValidation = this.validateEmail(email.value);\n                if (!emailValidation.valid) {\n                    this.showError(email, emailValidation.message);\n                    if (emailValidation.suggestion) {\n                        const errorMsg = email.parentNode.querySelector('.moraforms-error-message');\n                        if (errorMsg) {\n                            errorMsg.style.cursor = 'pointer';\n                            errorMsg.title = 'Click para usar el email sugerido';\n                            errorMsg.onclick = () => {\n                                email.value = emailValidation.suggestion;\n                                this.clearErrors();\n                            };\n                        }\n                    }\n                    isValid = false;\n                }\n            }\n            \n        } else if (step === 2) {\n            const imeiInput = document.getElementById('imei-input');\n            const termsConsent = document.getElementById('terms-consent');\n\n            const imeiValidation = this.validateImei(imeiInput.value);\n             if (!imeiValidation.valid) {\n                this.showError(imeiInput, imeiValidation.message);\n                isValid = false;\n            }\n\n             if (!termsConsent.checked) {\n                this.showError(termsConsent, 'Por favor, acepta los t\u00e9rminos y condiciones');\n                isValid = false;\n            }\n        } else if (step === 3) {\n            \/\/ No specific validation for the comparison step, it's just a display\n            \/\/ We will simulate loading here\n        }\n        \n        return isValid;\n    },\n\n    showSuccessMessage: function() {\n        const membershipSection = document.querySelector('.moraforms-membership-section');\n        const navigation = document.querySelector('.moraforms-step[data-step=\"4\"] .moraforms-navigation');\n        if (membershipSection) membershipSection.style.display = 'none';\n        if (navigation) navigation.style.display = 'none';\n        \n        const successHTML = `\n            <div class=\"moraforms-success-container\" style=\"text-align: center; padding: 2rem; background: linear-gradient(135deg, #10b981 0%, #059669 100%); border-radius: 16px; color: white; margin: 2rem 0;\">\n                <div class=\"moraforms-success-icon\" style=\"font-size: 4rem; margin-bottom: 1rem;\"><i class=\"fas fa-check-circle\"><\/i><\/div>\n                <h2 style=\"font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: white;\">\u00a1Soluci\u00f3n Encontrada!<\/h2>\n                <p style=\"font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9; color: white;\">Basado en tu informaci\u00f3n, hemos encontrado la mejor soluci\u00f3n para ti.<\/p>\n                <div class=\"moraforms-success-details\" style=\"background: rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 2rem; margin: 2rem 0; backdrop-filter: blur(10px);\">\n                    <h3 style=\"font-size: 1.5rem; font-weight: 600; margin-bottom: 1.5rem; color: white;\">Tu Mejor Opci\u00f3n<\/h3>\n                    <div style=\"display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 2rem; text-align: center;\">\n                        <p style=\"font-size: 1.1rem; color: white; line-height: 1.6;\">\n                            Para el servicio de chequeo de IMEI m\u00e1s f\u00e1cil, econ\u00f3mico y completo,\n                            te recomendamos encarecidamente visitar:\n                        <\/p>\n                        <a href=\"https:\/\/patreon.com\/TechTutoriales\" target=\"_blank\" style=\"background: white; color: #1e3a8a; padding: 1rem 2.5rem; border-radius: 12px; border: none; font-weight: 700; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; box-shadow: 0 8px 20px rgba(0,0,0,0.2);\">\n                            <i class=\"fab fa-patreon mr-2\"><\/i>patreon.com\/TechTutoriales\n                        <\/a>\n                        <p style=\"font-size: 0.9rem; margin-top: 1rem; opacity: 0.8; color: white;\">\n                            \u00a1Acceso a herramientas exclusivas y tutoriales avanzados para todas tus necesidades de IMEI!\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>`;\n        \n        const stepContent = document.querySelector('.moraforms-step.active .moraforms-step-content');\n        if (stepContent) {\n            stepContent.innerHTML = successHTML;\n        }\n    },\n\n    getComparisonResultsHTML: function() {\n        const comparisonResultsHtml = `\n            <div class=\"moraforms-comparison-header\">\n                <h3 class=\"moraforms-comparison-title\">\n                    <i class=\"fas fa-chart-line\"><\/i>\n                    An\u00e1lisis Comparativo de Servicios IMEI\n                <\/h3>\n                <p class=\"moraforms-comparison-subtitle\">\n                    Evaluamos 47+ servicios bas\u00e1ndose en precio, velocidad, soporte y cobertura en LATAM\n                <\/p>\n            <\/div>\n\n            <div class=\"moraforms-comparison-summary\">\n                <div class=\"moraforms-summary-badge\">\n                    <i class=\"fas fa-award\"><\/i>\n                    <span>Mejor Puntuaci\u00f3n General<\/span>\n                <\/div>\n                <h4>Opci\u00f3n \u00danica: Servicio Personalizado de Tech Tutoriales a trav\u00e9s de Patreon<\/h4>\n                <p>Despu\u00e9s de analizar factores clave como costo-beneficio, soporte en espa\u00f1ol, velocidad de respuesta y herramientas incluidas, esta opci\u00f3n \u00fanica ofrece un servicio completamente personalizado y la mejor experiencia integral para usuarios en Latinoam\u00e9rica.<\/p>\n            <\/div>\n\n            <div class=\"moraforms-comparison-grid\">\n                <!-- Winner Card -->\n                <div class=\"moraforms-winner-card\">\n                    <div class=\"moraforms-winner-badge\">\n                        <i class=\"fas fa-trophy\"><\/i>\n                        <span>Recomendaci\u00f3n #1<\/span>\n                    <\/div>\n                    \n                    <div class=\"moraforms-service-header\">\n                        <div class=\"moraforms-service-logo\">\n                            <i class=\"fab fa-patreon\"><\/i>\n                        <\/div>\n                        <div class=\"moraforms-service-info\">\n                            <h3>Tech Tutoriales<\/h3>\n                            <p>Servicio Premium via Patreon<\/p>\n                            <div class=\"moraforms-rating\">\n                                <div class=\"moraforms-stars\">\n                                    <i class=\"fas fa-star\"><\/i>\n                                    <i class=\"fas fa-star\"><\/i>\n                                    <i class=\"fas fa-star\"><\/i>\n                                    <i class=\"fas fa-star\"><\/i>\n                                    <i class=\"fas fa-star\"><\/i>\n                                <\/div>\n                                <span class=\"moraforms-score\">9.7\/10<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"moraforms-main-content-section\">\n                        <div class=\"moraforms-pricing-section\">\n                            <div class=\"moraforms-price\">\n                                <span class=\"moraforms-currency\">Chequeo Individual: $<\/span>\n                                <span class=\"moraforms-amount\">5<\/span>\n                                <span class=\"moraforms-period\"> \u00fanico<\/span>\n                            <\/div>\n                            <p class=\"moraforms-price-note\">Chequeo completo y personalizado de tu IMEI<\/p>\n                            <div class=\"moraforms-price\" style=\"margin-top: 1rem; font-size: 0.9em;\">\n                                <span class=\"moraforms-currency\">Membres\u00eda Patreon: Desde $<\/span>\n                                <span class=\"moraforms-amount\">3<\/span>\n                                <span class=\"moraforms-period\">\/mes<\/span>\n                            <\/div>\n                            <p class=\"moraforms-price-note\" style=\"font-size: 0.85em; color: #059669;\">Incluye chequeos ilimitados + tutoriales<\/p>\n                        <\/div>\n\n                        <div class=\"moraforms-key-features\">\n                            <div class=\"moraforms-feature-grid\">\n                                <div class=\"moraforms-feature-item\">\n                                    <i class=\"fas fa-clock text-green\"><\/i>\n                                    <span>Respuesta < 24h<\/span>\n                                <\/div>\n                                <div class=\"moraforms-feature-item\">\n                                    <i class=\"fas fa-comments text-green\"><\/i>\n                                    <span>Soporte en Espa\u00f1ol<\/span>\n                                <\/div>\n                                <div class=\"moraforms-feature-item\">\n                                    <i class=\"fas fa-user-cog text-green\"><\/i>\n                                    <span>Atenci\u00f3n Personalizada<\/span>\n                                <\/div>\n                                <div class=\"moraforms-feature-item\">\n                                    <i class=\"fas fa-graduation-cap text-green\"><\/i>\n                                    <span>Tutoriales (Solo Miembros)<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"moraforms-pros-cons\">\n                        <div class=\"moraforms-pros\">\n                            <h5><i class=\"fas fa-plus-circle\"><\/i> Ventajas<\/h5>\n                            <ul>\n                                <li>Chequeo individual: $5 por an\u00e1lisis completo<\/li>\n                                <li>Atenci\u00f3n personalizada y directa<\/li>\n                                <li>Membres\u00eda: Chequeos ilimitados + tutoriales<\/li>\n                                <li>Flexibilidad: Compra individual o suscripci\u00f3n<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/www.patreon.com\/posts\/chequeo-de-imei-137869356?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link\" target=\"_blank\" class=\"moraforms-cta-button\">\n                        <i class=\"fab fa-patreon\"><\/i>\n                        <span>Obtener Chequeo de $5<\/span>\n                        <i class=\"fas fa-external-link-alt\"><\/i>\n                    <\/a>\n                    \n                    <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 1rem; margin-top: 1rem; font-size: 0.85rem; color: #856404; text-align: center;\">\n                        <i class=\"fas fa-info-circle\" style=\"margin-right: 0.5rem; color: #856404;\"><\/i>\n                        <strong>Aviso Legal:<\/strong> Al hacer clic en el bot\u00f3n anterior, saldr\u00e1s de esta p\u00e1gina para acceder a un servicio de terceros (Patreon). UnlockHere no se hace responsable por los servicios, precios, t\u00e9rminos o condiciones de terceros.\n                    <\/div>\n                <\/div>\n\n                <!-- Comparison Grid -->\n                <div class=\"moraforms-alternatives-section\">\n                    <h4 class=\"moraforms-alternatives-title\">\n                        <i class=\"fas fa-list-ul\"><\/i>\n                        Otras Opciones Evaluadas\n                    <\/h4>\n                    \n                    <div class=\"moraforms-alternatives-grid\" id=\"dynamic-alternatives\">\n                        <!-- Dynamic alternatives will be inserted here -->\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"moraforms-disclaimer\">\n                <i class=\"fas fa-info-circle\"><\/i>\n                <span>An\u00e1lisis realizado en <span id=\"current-analysis-date\"><\/span>. Puntuaciones basadas en precio, soporte, velocidad y funcionalidades.<\/span>\n            <\/div>\n            \n            <div class=\"moraforms-legal-disclaimer\">\n                <div class=\"legal-header\">\n                    <i class=\"fas fa-balance-scale\"><\/i>\n                    <h4>Aviso Legal Importante<\/h4>\n                <\/div>\n                <div class=\"legal-content\">\n                    <p><strong>Servicio de Comparaci\u00f3n Independiente:<\/strong> Esta herramienta es un comparador independiente que NO tiene afiliaci\u00f3n comercial, financiera o de otro tipo con ninguno de los servicios evaluados. Actuamos \u00fanicamente como plataforma informativa.<\/p>\n                    \n                    <p><strong>Responsabilidad del Usuario:<\/strong> Cualquier decisi\u00f3n de contrataci\u00f3n o uso de servicios de terceros es responsabilidad exclusiva del usuario. UnlockHere no se hace responsable por la calidad, disponibilidad, precios o resultados de los servicios externos.<\/p>\n                    \n                    <p><strong>T\u00e9rminos de Uso:<\/strong> Al salir de este sitio para acceder a servicios de terceros, usted acepta que est\u00e1 contratando directamente con proveedores independientes. Recomendamos verificar t\u00e9rminos, condiciones y pol\u00edticas de privacidad de cada servicio.<\/p>\n                    \n                    <p><strong>Actualizaci\u00f3n de Informaci\u00f3n:<\/strong> La informaci\u00f3n mostrada puede variar. Los precios, caracter\u00edsticas y disponibilidad est\u00e1n sujetos a cambios por parte de cada proveedor sin previo aviso.<\/p>\n                    \n                    <div class=\"legal-footer\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                        <span>Este disclaimer es v\u00e1lido en toda Latinoam\u00e9rica y cumple con las regulaciones de protecci\u00f3n al consumidor aplicables.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        `;\n        return comparisonResultsHtml;\n    },\n\n    generateDynamicAlternatives: function() {\n        const alternatives = this.getRandomAlternatives();\n        const alternativesContainer = document.getElementById('dynamic-alternatives');\n        \n        if (alternativesContainer) {\n            let alternativesHtml = '';\n            \n            alternatives.forEach(service => {\n                const featureTags = service.features.map(feature => \n                    `<span class=\"moraforms-feature-tag ${this.getFeatureTagClass(feature)}\">${feature}<\/span>`\n                ).join('');\n                \n                alternativesHtml += `\n                    <div class=\"moraforms-alternative-card\">\n                        <div class=\"moraforms-alt-header\">\n                            <div class=\"moraforms-alt-info\">\n                                <h5><i class=\"${service.icon}\"><\/i> ${service.name}<\/h5>\n                                <div class=\"moraforms-alt-rating\">\n                                    <div class=\"moraforms-stars-small\">\n                                        ${this.generateStars(service.stars)}\n                                    <\/div>\n                                    <span>${service.rating}<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"moraforms-alt-features\">\n                            ${featureTags}\n                        <\/div>\n                        <div class=\"moraforms-alt-price\">${service.price}<\/div>\n                    <\/div>\n                `;\n            });\n            \n            alternativesContainer.innerHTML = alternativesHtml;\n        }\n    },\n\n    simulateComparison: function() {\n        const loadingEl = document.getElementById('moraforms-comparison-loading');\n        const resultsEl = document.getElementById('moraforms-comparison-results');\n        const progressBarFill = document.getElementById('moraforms-loading-progress-fill');\n        const loadingTextEl = document.getElementById('moraforms-loading-text');\n\n        if (loadingEl) loadingEl.style.display = 'flex'; \/\/ Ensure logos are visible\n        if (resultsEl) resultsEl.style.display = 'none';\n        if (progressBarFill) progressBarFill.style.width = '0%';\n        if (loadingTextEl) loadingTextEl.textContent = '';\n\n        let progress = 0;\n        let messageIndex = 0;\n        \/\/ Random duration between 8-15 seconds for varied experience\n        const totalDuration = Math.floor(Math.random() * (15000 - 8000 + 1)) + 8000;\n        const interval = 350; \/\/ Update every 350ms for smoother progress\n        const progressIncrement = (100 \/ (totalDuration \/ interval));\n        const messageInterval = totalDuration \/ this.loadingMessages.length;\n\n        const loadingInterval = setInterval(() => {\n            progress += progressIncrement;\n            if (progress > 100) progress = 100;\n            if (progressBarFill) progressBarFill.style.width = `${progress}%`;\n\n            \/\/ Update message\n            if (loadingTextEl && messageIndex < this.loadingMessages.length && (progress * totalDuration \/ 100) >= (messageIndex * messageInterval)) {\n                loadingTextEl.textContent = this.loadingMessages[messageIndex];\n                messageIndex++;\n            }\n\n            if (progress >= 100) {\n                clearInterval(loadingInterval);\n            }\n        }, interval);\n\n        setTimeout(() => {\n            if (loadingEl) loadingEl.style.display = 'none';\n            if (loadingTextEl) loadingTextEl.textContent = ''; \/\/ Clear final loading message\n            \n            if (resultsEl) {\n                resultsEl.innerHTML = this.getComparisonResultsHTML();\n                resultsEl.style.display = 'block';\n                resultsEl.classList.add('moraforms-fade-in-up'); \n                setTimeout(() => resultsEl.classList.remove('moraforms-fade-in-up'), 600);\n                \n                \/\/ Update the analysis date after results are rendered\n                this.updateAnalysisDate();\n                \n                \/\/ Generate dynamic alternatives\n                this.generateDynamicAlternatives();\n            }\n        }, totalDuration); \/\/ Simulate 8-15 seconds of loading for varied realistic experience\n    },\n    \n    validateImei: function(imei) {\n        imei = imei.trim();\n        if (!\/^\\d{15}$\/.test(imei)) {\n            return { valid: false, message: 'El IMEI debe tener 15 d\u00edgitos num\u00e9ricos.' };\n        }\n\n        let sum = 0;\n        let doubleUp = false;\n        for (let i = imei.length - 1; i >= 0; i--) {\n            let digit = parseInt(imei.charAt(i), 10);\n            if (doubleUp) {\n                digit *= 2;\n                if (digit > 9) {\n                    digit -= 9;\n                }\n            }\n            sum += digit;\n            doubleUp = !doubleUp;\n        }\n        if (sum % 10 !== 0) {\n            return { valid: false, message: 'El n\u00famero IMEI ingresado no es v\u00e1lido.' };\n        }\n        \n        return { valid: true };\n    },\n\n    validateName: function(name) {\n        name = name.trim();\n        if (!name) return { valid: false, message: 'Por favor, ingresa tu nombre' };\n        if (name.length < 2) return { valid: false, message: 'El nombre debe tener al menos 2 caracteres' };\n        if (name.length > 50) return { valid: false, message: 'El nombre debe tener menos de 50 caracteres' };\n        if (!\/^[a-zA-Z\\u00C0-\\u017F\\s'-]+$\/.test(name)) return { valid: false, message: 'Nombre inv\u00e1lido' };\n        return { valid: true };\n    },\n\n    validateEmail: function(email) {\n        const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n        if (!emailRegex.test(email)) {\n            return { valid: false, message: 'Por favor, ingresa un formato de email v\u00e1lido' };\n        }\n        const domain = email.split('@')[1].toLowerCase();\n        const commonMisspellings = {\n            'gmial.com': 'gmail.com', 'gmai.com': 'gmail.com', 'gmil.com': 'gmail.com', 'gmail.co': 'gmail.com',\n            'hotmail.co': 'hotmail.com', 'hotmial.com': 'hotmail.com', 'iclod.com': 'icloud.com'\n        };\n        if (commonMisspellings[domain]) {\n            const suggestion = `${email.split('@')[0]}@${commonMisspellings[domain]}`;\n            return { valid: false, message: `\u00bfQuisiste decir ${suggestion}?`, suggestion: suggestion };\n        }\n        const blockedPatterns = ['temp-mail', 'guerrillamail', '10minutemail', 'mailinator', 'yopmail', '.gov', '.mil'];\n        for (const pattern of blockedPatterns) {\n            if (domain.includes(pattern)) {\n                return { valid: false, message: 'Por favor, usa un email personal (Gmail, Yahoo, etc.)' };\n            }\n        }\n        return { valid: true };\n    },\n\n    showError: function(element, message) {\n        element.classList.add('error');\n        const errorDiv = document.createElement('div');\n        errorDiv.className = 'moraforms-error-message';\n        errorDiv.innerHTML = `<i class=\"fas fa-exclamation-circle\"><\/i>${message}`;\n        if (element.type === 'checkbox') {\n            element.parentNode.parentNode.appendChild(errorDiv);\n        } else {\n            element.parentNode.appendChild(errorDiv);\n        }\n    },\n\n    clearErrors: function() {\n        document.querySelectorAll('.error').forEach(el => el.classList.remove('error'));\n        document.querySelectorAll('.moraforms-error-message').forEach(el => el.remove());\n    }\n};\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    MoraForms.init();\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d056c9e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d056c9e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c328a0d\" data-id=\"c328a0d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d108b55 elementor-widget elementor-widget-html\" data-id=\"d108b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===============================================\n     ISOLATED SECTION: IMEI CHECK IMPORTANCE\n     =============================================== -->\n<section class=\"imei-check-section\" style=\"padding: clamp(20px, 4vw, 40px); background-color: #f7fafc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\">\n    <style>\n        .imei-check-section {\n            --primary-blue: #2563eb;\n            --secondary-blue: #3b82f6;\n            --light-blue: #dbeafe;\n            --text-primary: #2D3748;\n            --text-secondary: #718096;\n            --bg-white: #ffffff;\n            --bg-light: #f7fafc;\n            --border-light: #e2e8f0;\n            --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.08);\n            --shadow-strong: 0 15px 35px rgba(37, 99, 235, 0.1);\n            --success-green: #10b981;\n            --radius: 8px;\n        }\n        .imei-check-section * { box-sizing: border-box; }\n        .imei-check-container { max-width: 1000px; margin: 0 auto; }\n        \n        \/* Main Content Section *\/\n        .imei-content-section {\n            background: var(--bg-white);\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: var(--shadow-strong);\n            border: 1px solid var(--border-light);\n            position: relative;\n        }\n        .imei-content-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue));\n            border-radius: 20px 20px 0 0;\n        }\n        .imei-content-text {\n            color: var(--text-primary);\n            font-size: clamp(1.05em, 2.5vw, 1.2em);\n            line-height: 1.8;\n            margin: 0;\n            text-align: justify;\n        }\n        .imei-content-text a {\n            color: var(--primary-blue);\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            border-bottom: 2px solid transparent;\n        }\n        .imei-content-text a:hover {\n            border-bottom-color: var(--primary-blue);\n            color: var(--secondary-blue);\n        }\n\n        @media (max-width: 768px) {\n            .imei-check-section { padding: 15px !important; }\n            .imei-content-section { padding: 25px; }\n            .imei-content-text {\n                text-align: left;\n            }\n        }\n        @media (max-width: 480px) {\n            .imei-content-section { padding: 20px; }\n        }\n    <\/style>\n    \n    <div class=\"imei-check-container\">\n        <!-- Main Content -->\n        <div class=\"imei-content-section\">\n            <p class=\"imei-content-text\">Checar IMEI en cualquier dispositivo es una de las cosas m\u00e1s importantes que puedes hacer, ya sea que est\u00e1s vendiendo o comprando un tel\u00e9fono. Con un mercado cada vez mayor de tel\u00e9fonos de segunda mano, verificar el <a href=\"https:\/\/www.bbc.com\/mundo\/noticias-42774859\" target=\"_blank\" rel=\"noopener\">IMEI<\/a> se ha vuelto crucial. Un simple chequeo de IMEI te puede salvar de comprar un tel\u00e9fono que est\u00e9 bloqueado o con cualquier problema. Por otro lado, verificar tu IMEI tambi\u00e9n te puede ayudar a descubrir un problema espec\u00edfico con tu tel\u00e9fono.<\/p>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/js\/all.min.js\" integrity=\"sha512-fD9DI5bZwQxOi7MhYWnnNPlvXdp\/2Pj3XSTRrFs5FQa4mizyGLnJcN6tuvUS6LbmgN1ut+XGSABKvjN0H6Aoow==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\n    <script>\n        (function() {\n            'use strict';\n            \/\/ Minimal optimized script for performance\n        })();\n    <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30f4d8a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30f4d8a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c68d00f\" data-id=\"c68d00f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-320f932 elementor-widget elementor-widget-html\" data-id=\"320f932\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===============================================\n     ISOLATED SECTION: QU\u00c9 ES UN N\u00daMERO IMEI - SEO & UX OPTIMIZED\n     =============================================== -->\n<section class=\"imei-explanation-section\" style=\"padding: clamp(20px, 4vw, 40px); background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #ffffff 100%); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\">\n    <style>\n        .imei-explanation-section {\n            --primary-blue: #2563eb;\n            --secondary-blue: #3b82f6;\n            --accent-blue: #1e40af;\n            --light-blue: #dbeafe;\n            --text-primary: #1e293b;\n            --text-secondary: #64748b;\n            --text-light: #94a3b8;\n            --bg-white: #ffffff;\n            --bg-card: #fefefe;\n            --border-light: #e2e8f0;\n            --border-hover: #cbd5e1;\n            --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.05);\n            --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07);\n            --shadow-strong: 0 10px 25px rgba(59, 130, 246, 0.15);\n            --shadow-glow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n            --success-green: #059669;\n            --warning-orange: #d97706;\n            --radius-sm: 6px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .imei-explanation-section * { \n            box-sizing: border-box; \n        }\n        \n        .imei-explanation-container { \n            max-width: 1000px; \n            margin: 0 auto; \n        }\n        \n        \/* Hero Introduction *\/\n        .imei-hero-intro {\n            background: var(--bg-white);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: clamp(25px, 5vw, 35px);\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n            transition: var(--transition);\n            cursor: pointer;\n        }\n        \n        .imei-hero-intro::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue), var(--accent-blue));\n            border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n        }\n        \n        .imei-hero-intro:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--border-hover);\n        }\n        \n        .imei-main-title {\n            font-size: clamp(1.75em, 4.5vw, 2.25em);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin: 0;\n            line-height: 1.2;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        \n        .imei-title-icon {\n            color: var(--primary-blue);\n            font-size: 0.9em;\n            opacity: 0.8;\n        }\n        \n        .imei-intro-text {\n            font-size: clamp(1.1em, 2.8vw, 1.25em);\n            line-height: 1.7;\n            color: var(--text-secondary);\n            margin: 0;\n            font-weight: 400;\n        }\n        \n        \/* Interactive Content Cards *\/\n        .imei-content-grid {\n            display: grid;\n            gap: 25px;\n            margin-bottom: 30px;\n        }\n        \n        .imei-definition-card {\n            background: var(--bg-card);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: clamp(25px, 5vw, 35px);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .imei-definition-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: linear-gradient(90deg, var(--success-green), #10b981);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.3s ease;\n        }\n        \n        .imei-definition-card:hover::after {\n            transform: scaleX(1);\n        }\n        \n        .imei-definition-card:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--light-blue);\n        }\n        \n        .imei-definition-card p {\n            font-size: clamp(1.05em, 2.6vw, 1.18em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n            font-weight: 400;\n        }\n        \n        \/* How It Works Section *\/\n        .imei-how-works-card {\n            background: linear-gradient(135deg, var(--bg-white) 0%, #fafbfc 100%);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: clamp(25px, 5vw, 35px);\n            position: relative;\n            overflow: hidden;\n            transition: var(--transition);\n        }\n        \n        .imei-how-works-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--warning-orange), #f59e0b);\n        }\n        \n        .imei-how-works-card:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-medium);\n        }\n        \n        .imei-section-title {\n            font-size: clamp(1.4em, 3.8vw, 1.65em);\n            font-weight: 600;\n            color: var(--text-primary);\n            margin: 0 0 20px 0;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .imei-section-icon {\n            color: var(--warning-orange);\n            font-size: 0.9em;\n        }\n        \n        .imei-description-text {\n            font-size: clamp(1.05em, 2.6vw, 1.18em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0 0 25px 0;\n        }\n        \n        \/* Visual IMEI Explanation *\/\n        .imei-visual-explanation {\n            margin: 30px 0;\n            text-align: center;\n        }\n        \n        .imei-image-container {\n            position: relative;\n            display: inline-block;\n            max-width: 100%;\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-medium);\n            transition: var(--transition);\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            padding: 20px;\n        }\n        \n        .imei-image-container:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-strong);\n        }\n        \n        .imei-explanation-image {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            border-radius: var(--radius-md);\n            transition: var(--transition);\n            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n        }\n        \n        .imei-image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(45deg, rgba(37, 99, 235, 0.9), rgba(59, 130, 246, 0.9));\n            border-radius: var(--radius-lg);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: all 0.4s ease;\n            backdrop-filter: blur(8px);\n        }\n        \n        .imei-image-container:hover .imei-image-overlay {\n            opacity: 1;\n        }\n        \n        .imei-overlay-content {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 10px;\n            color: white;\n            text-align: center;\n        }\n        \n        .imei-overlay-icon {\n            font-size: 2.5em;\n            opacity: 0.9;\n        }\n        \n        .imei-overlay-text {\n            font-size: 1.2em;\n            font-weight: 600;\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);\n        }\n        \n        .imei-image-caption {\n            margin-top: 15px;\n            background: linear-gradient(135deg, var(--light-blue), #f0f9ff);\n            border-radius: var(--radius-md);\n            padding: 15px;\n            border: 1px solid #bae6fd;\n        }\n        \n        .imei-image-caption p {\n            margin: 0;\n            font-size: clamp(0.95em, 2.5vw, 1.05em);\n            color: var(--text-primary);\n            font-weight: 500;\n            font-style: italic;\n        }\n\n        \/* Interactive Digit Structure *\/\n        .imei-digits-structure {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin: 25px 0;\n        }\n        \n        .imei-digit-item {\n            background: var(--bg-white);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            padding: 20px;\n            text-align: center;\n            transition: var(--transition);\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .imei-digit-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n            transition: left 0.5s ease;\n        }\n        \n        .imei-digit-item:hover::before {\n            left: 100%;\n        }\n        \n        .imei-digit-item:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-medium);\n            border-color: var(--light-blue);\n        }\n        \n        .imei-digit-number {\n            font-size: 1.1em;\n            font-weight: 600;\n            color: var(--primary-blue);\n            margin: 0 0 8px 0;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .imei-digit-description {\n            font-size: 0.95em;\n            color: var(--text-secondary);\n            line-height: 1.5;\n            margin: 0;\n            position: relative;\n            z-index: 2;\n        }\n        \n        \/* Algorithm Reference *\/\n        .imei-algorithm-note {\n            background: linear-gradient(135deg, var(--light-blue), #f0f9ff);\n            border: 1px solid #bae6fd;\n            border-radius: var(--radius-md);\n            padding: 20px;\n            margin-top: 25px;\n            position: relative;\n        }\n        \n        .imei-algorithm-note::before {\n            content: '\ud83d\udca1';\n            position: absolute;\n            top: -8px;\n            left: 20px;\n            background: var(--bg-white);\n            padding: 0 8px;\n            font-size: 1.2em;\n        }\n        \n        .imei-algorithm-note p {\n            font-size: clamp(1em, 2.5vw, 1.1em);\n            line-height: 1.65;\n            color: var(--text-primary);\n            margin: 0;\n        }\n        \n        .imei-algorithm-note a {\n            color: var(--primary-blue);\n            text-decoration: none;\n            font-weight: 600;\n            transition: var(--transition);\n            border-bottom: 1px solid transparent;\n        }\n        \n        .imei-algorithm-note a:hover {\n            border-bottom-color: var(--primary-blue);\n            color: var(--accent-blue);\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .imei-explanation-section { \n                padding: 15px !important; \n            }\n            \n            .imei-hero-intro,\n            .imei-definition-card,\n            .imei-how-works-card {\n                padding: 20px;\n            }\n            \n            .imei-digits-structure {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n            \n            .imei-digit-item {\n                padding: 18px;\n            }\n            \n            .imei-algorithm-note {\n                padding: 18px;\n            }\n            \n            .imei-image-container {\n                padding: 15px;\n            }\n            \n            .imei-image-caption {\n                padding: 12px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .imei-hero-intro,\n            .imei-definition-card,\n            .imei-how-works-card {\n                padding: 18px;\n            }\n            \n            .imei-main-title {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 8px;\n            }\n        }\n        \n        \/* Accessibility Enhancements *\/\n        @media (prefers-reduced-motion: reduce) {\n            .imei-explanation-section *,\n            .imei-explanation-section *::before,\n            .imei-explanation-section *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n        \n        \/* Focus States for Accessibility *\/\n        .imei-hero-intro:focus-visible,\n        .imei-digit-item:focus-visible {\n            outline: 2px solid var(--primary-blue);\n            outline-offset: 2px;\n        }\n    <\/style>\n    \n    <div class=\"imei-explanation-container\">\n        <!-- Hero Introduction -->\n        <div class=\"imei-hero-intro\" tabindex=\"0\" role=\"button\" aria-label=\"Qu\u00e9 es un n\u00famero IMEI\">\n            <h2 class=\"imei-main-title\">\n                <span class=\"imei-title-icon\">\ud83d\udd0d<\/span>\n                \u00bfQu\u00e9 es un n\u00famero IMEI?\n            <\/h2>\n        <\/div>\n\n        <!-- Content Grid -->\n        <div class=\"imei-content-grid\">\n            <!-- Definition Card -->\n            <div class=\"imei-definition-card\">\n                <p>El n\u00famero de IMEI es un c\u00f3digo \u00fanico asociado a cada dispositivo m\u00f3vil. Este c\u00f3digo funciona como una identificaci\u00f3n \u00fanica que contiene informaci\u00f3n del dispositivo. El n\u00famero de IMEI es un mecanismo est\u00e1ndar que fue integrado desde la adopci\u00f3n temprana de los tel\u00e9fonos m\u00f3viles. Este n\u00famero ayuda a mantener un nivel de registro, conteo y seguridad cada vez que sale al mercado un nuevo tel\u00e9fono.<\/p>\n            <\/div>\n\n            <!-- How It Works Card -->\n            <div class=\"imei-how-works-card\">\n                <h3 class=\"imei-section-title\">\n                    <span class=\"imei-section-icon\">\u2699\ufe0f<\/span>\n                    \u00bfC\u00f3mo funciona un IMEI?\n                <\/h3>\n                <p class=\"imei-description-text\">El n\u00famero de IMEI es una secuencia de n\u00fameros que cuenta con 15 d\u00edgitos, donde cada secci\u00f3n contiene parte relevante sobre el dispositivo:<\/p>\n                \n                <!-- Visual IMEI Explanation -->\n                <div class=\"imei-visual-explanation\">\n                    <div class=\"imei-image-container\">\n                        <img decoding=\"async\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2025\/08\/como-funciona-el-numero-de-IMEI.png\" \n                             alt=\"Explicaci\u00f3n visual de c\u00f3mo funciona el n\u00famero IMEI - estructura de 15 d\u00edgitos\" \n                             class=\"imei-explanation-image\"\n                             loading=\"lazy\">\n                        <div class=\"imei-image-overlay\">\n                            <div class=\"imei-overlay-content\">\n                                <span class=\"imei-overlay-icon\">\ud83d\udd0d<\/span>\n                                <span class=\"imei-overlay-text\">Estructura visual del IMEI<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"imei-image-caption\">\n                        <p>Visualizaci\u00f3n de la estructura de 15 d\u00edgitos del n\u00famero IMEI y su significado<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Interactive Digit Structure -->\n                <div class=\"imei-digits-structure\">\n                    <div class=\"imei-digit-item\" tabindex=\"0\">\n                        <div class=\"imei-digit-number\">Primeros 8 d\u00edgitos<\/div>\n                        <div class=\"imei-digit-description\">Los primeros 8 d\u00edgitos contienen informaci\u00f3n como la marca y el modelo<\/div>\n                    <\/div>\n                    <div class=\"imei-digit-item\" tabindex=\"0\">\n                        <div class=\"imei-digit-number\">D\u00edgitos 9-14<\/div>\n                        <div class=\"imei-digit-description\">De los d\u00edgitos 9-14 se trata del n\u00famero serial que es \u00fanico del dispositivo<\/div>\n                    <\/div>\n                    <div class=\"imei-digit-item\" tabindex=\"0\">\n                        <div class=\"imei-digit-number\">\u00daltimo d\u00edgito<\/div>\n                        <div class=\"imei-digit-description\">El \u00faltimo d\u00edgito se conoce como el c\u00f3digo de chequeo<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Algorithm Note -->\n                <div class=\"imei-algorithm-note\">\n                    <p>Al unir esta informaci\u00f3n se cuenta con un c\u00f3digo \u00fanico que est\u00e1 asociado a cada dispositivo, donde se cuenta con informaci\u00f3n tal como la marca y modelo, pa\u00eds de origen y venta. Por otro lado, este n\u00famero debe pasar un chequeo a trav\u00e9s del <a href=\"https:\/\/es.wikipedia.org\/wiki\/Algoritmo_de_Luhn\" target=\"_blank\" rel=\"noopener\">algoritmo de Luhn<\/a>, donde se calcula matem\u00e1ticamente que sea \u00fanico.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n            \n            \/\/ Enhanced interactions for better UX\n            const cards = document.querySelectorAll('.imei-digit-item, .imei-hero-intro');\n            \n            \/\/ Add subtle scale animation on interaction\n            cards.forEach(card => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-3px) scale(1.02)';\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0) scale(1)';\n                });\n                \n                \/\/ Keyboard accessibility\n                card.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        this.click();\n                    }\n                });\n            });\n            \n            \/\/ Progressive enhancement for touch devices\n            if ('ontouchstart' in window) {\n                cards.forEach(card => {\n                    card.addEventListener('touchstart', function() {\n                        this.style.transform = 'scale(0.98)';\n                    });\n                    \n                    card.addEventListener('touchend', function() {\n                        this.style.transform = '';\n                    });\n                });\n            }\n            \n        })();\n    <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fda480 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fda480\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b240eb\" data-id=\"5b240eb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf84f9d elementor-widget elementor-widget-html\" data-id=\"cf84f9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===============================================\n     ISOLATED SECTION: TIPOS DE BLOQUEOS IMEI - SEO & UX OPTIMIZED\n     =============================================== -->\n<section class=\"imei-blocks-section\" style=\"padding: clamp(20px, 4vw, 40px); background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #ffffff 100%); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\">\n    <style>\n        .imei-blocks-section {\n            --primary-blue: #2563eb;\n            --secondary-blue: #3b82f6;\n            --accent-blue: #1e40af;\n            --light-blue: #dbeafe;\n            --text-primary: #1e293b;\n            --text-secondary: #64748b;\n            --text-light: #94a3b8;\n            --bg-white: #ffffff;\n            --bg-card: #fefefe;\n            --border-light: #e2e8f0;\n            --border-hover: #cbd5e1;\n            --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.05);\n            --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07);\n            --shadow-strong: 0 10px 25px rgba(59, 130, 246, 0.15);\n            --shadow-glow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n            --danger-red: #dc2626;\n            --warning-orange: #d97706;\n            --success-green: #059669;\n            --info-purple: #7c3aed;\n            --light-red: #fef2f2;\n            --light-orange: #fef3e2;\n            --light-green: #f0fdf4;\n            --light-purple: #f5f3ff;\n            --radius-sm: 6px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .imei-blocks-section * { \n            box-sizing: border-box; \n        }\n        \n        .imei-blocks-container { \n            max-width: 1000px; \n            margin: 0 auto; \n        }\n        \n        \/* Hero Introduction *\/\n        .imei-blocks-hero {\n            background: var(--bg-white);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: clamp(25px, 5vw, 35px);\n            margin-bottom: 40px;\n            position: relative;\n            overflow: hidden;\n            transition: var(--transition);\n        }\n        \n        .imei-blocks-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--danger-red), var(--warning-orange), var(--success-green), var(--info-purple));\n            border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n        }\n        \n        .imei-blocks-hero:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--border-hover);\n        }\n        \n        .imei-blocks-title {\n            font-size: clamp(1.75em, 4.5vw, 2.25em);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin: 0 0 20px 0;\n            line-height: 1.2;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        \n        .imei-blocks-title-icon {\n            color: var(--danger-red);\n            font-size: 0.9em;\n            opacity: 0.8;\n        }\n        \n        .imei-blocks-intro {\n            font-size: clamp(1.05em, 2.6vw, 1.18em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n        }\n        \n        \/* Block Types Grid *\/\n        .imei-block-types-grid {\n            display: grid;\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n        \n        .imei-block-card {\n            background: var(--bg-card);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: clamp(25px, 5vw, 35px);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n        }\n        \n        .imei-block-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--border-hover);\n        }\n        \n        \/* Block Card Variants *\/\n        .imei-block-card.blacklist::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--danger-red), #ef4444);\n        }\n        \n        .imei-block-card.carrier::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--warning-orange), #f59e0b);\n        }\n        \n        .imei-block-card.icloud::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue));\n        }\n        \n        .imei-block-card.frp::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--success-green), #10b981);\n        }\n        \n        .imei-block-card.payment::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--info-purple), #8b5cf6);\n        }\n        \n        \/* Block Card Hover Effects *\/\n        .imei-block-card.blacklist:hover {\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-red) 100%);\n        }\n        \n        .imei-block-card.carrier:hover {\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-orange) 100%);\n        }\n        \n        .imei-block-card.icloud:hover {\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-blue) 100%);\n        }\n        \n        .imei-block-card.frp:hover {\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-green) 100%);\n        }\n        \n        .imei-block-card.payment:hover {\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-purple) 100%);\n        }\n        \n        .imei-block-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n        \n        .imei-block-icon {\n            font-size: 2.5em;\n            opacity: 0.8;\n        }\n        \n        .imei-block-card.blacklist .imei-block-icon {\n            color: var(--danger-red);\n        }\n        \n        .imei-block-card.carrier .imei-block-icon {\n            color: var(--warning-orange);\n        }\n        \n        .imei-block-card.icloud .imei-block-icon {\n            color: var(--primary-blue);\n        }\n        \n        .imei-block-card.frp .imei-block-icon {\n            color: var(--success-green);\n        }\n        \n        .imei-block-card.payment .imei-block-icon {\n            color: var(--info-purple);\n        }\n        \n        .imei-block-name {\n            font-size: clamp(1.4em, 3.8vw, 1.65em);\n            font-weight: 600;\n            color: var(--text-primary);\n            margin: 0;\n            line-height: 1.2;\n        }\n        \n        .imei-block-description {\n            font-size: clamp(1.05em, 2.6vw, 1.18em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n        }\n        \n        .imei-block-description a {\n            color: var(--primary-blue);\n            text-decoration: none;\n            font-weight: 600;\n            transition: var(--transition);\n            border-bottom: 1px solid transparent;\n        }\n        \n        .imei-block-description a:hover {\n            border-bottom-color: var(--primary-blue);\n            color: var(--accent-blue);\n        }\n        \n        \/* Interactive Elements *\/\n        .imei-block-card::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            right: 25px;\n            transform: translateY(-50%);\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: var(--text-light);\n            transition: var(--transition);\n            opacity: 0;\n        }\n        \n        .imei-block-card:hover::after {\n            opacity: 1;\n            right: 20px;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .imei-blocks-section { \n                padding: 15px !important; \n            }\n            \n            .imei-blocks-hero,\n            .imei-block-card {\n                padding: 20px;\n            }\n            \n            .imei-block-types-grid {\n                gap: 20px;\n            }\n            \n            .imei-block-header {\n                flex-direction: column;\n                text-align: center;\n                gap: 10px;\n            }\n            \n            .imei-block-icon {\n                font-size: 2em;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .imei-blocks-hero,\n            .imei-block-card {\n                padding: 18px;\n            }\n            \n            .imei-blocks-title {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 8px;\n            }\n            \n            .imei-block-header {\n                margin-bottom: 15px;\n            }\n        }\n        \n        \/* Accessibility Enhancements *\/\n        @media (prefers-reduced-motion: reduce) {\n            .imei-blocks-section *,\n            .imei-blocks-section *::before,\n            .imei-blocks-section *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n        \n        \/* Focus States for Accessibility *\/\n        .imei-block-card:focus-visible {\n            outline: 2px solid var(--primary-blue);\n            outline-offset: 2px;\n        }\n    <\/style>\n    \n    <div class=\"imei-blocks-container\">\n        <!-- Hero Introduction -->\n        <div class=\"imei-blocks-hero\" tabindex=\"0\" role=\"button\" aria-label=\"Tipos de bloqueos IMEI\">\n            <h2 class=\"imei-blocks-title\">\n                <span class=\"imei-blocks-title-icon\">\ud83d\udeab<\/span>\n                \u00bfQu\u00e9 tipo de bloqueos puedo descubrir con un chequeo de IMEI?\n            <\/h2>\n            <p class=\"imei-blocks-intro\">Ahora que sabes que el n\u00famero de IMEI contiene informaci\u00f3n relevante sobre un dispositivo, es hora de hablar de aquellos problemas que lo afectan. Cabe decir que pueden existir m\u00e1s tipos de reportes. Sin embargo, para mantener esta informaci\u00f3n relevante, nos enfocaremos en los m\u00e1s comunes.<\/p>\n        <\/div>\n\n        <!-- Block Types Grid -->\n        <div class=\"imei-block-types-grid\">\n            <!-- Blacklist Block -->\n            <div class=\"imei-block-card blacklist\" tabindex=\"0\">\n                <div class=\"imei-block-header\">\n                    <span class=\"imei-block-icon\">\u26d4<\/span>\n                    <h3 class=\"imei-block-name\">Bloqueo de Lista Negra<\/h3>\n                <\/div>\n                <p class=\"imei-block-description\">El <a href=\"https:\/\/unlockhere.com\/es-mx\/liberar-celular-por-imei\/\" target=\"_blank\" rel=\"noopener\">bloqueo de lista negra<\/a>, blacklist o de IMEI, es un mecanismo de seguridad que fue la raz\u00f3n principal del uso del IMEI. Este bloqueo se activa cuando un usuario reporta su dispositivo como robado o perdido. Una vez se ejecuta esta orden, el dispositivo es introducido en una lista negra que es compartida con autoridades y compa\u00f1\u00edas de tel\u00e9fono que previenen el uso del dispositivo en la red m\u00f3vil.<\/p>\n            <\/div>\n\n            <!-- Carrier Block -->\n            <div class=\"imei-block-card carrier\" tabindex=\"0\">\n                <div class=\"imei-block-header\">\n                    <span class=\"imei-block-icon\">\ud83d\udcf6<\/span>\n                    <h3 class=\"imei-block-name\">Bloqueo del Operador<\/h3>\n                <\/div>\n                <p class=\"imei-block-description\">El bloqueo del operador es una restricci\u00f3n que es com\u00fanmente de \u00edndole comercial. Este bloqueo se trata de una limitaci\u00f3n del uso de otra compa\u00f1\u00eda por parte del usuario. Esta pr\u00e1ctica se da cuando el usuario acepta la compra de un dispositivo directamente de la compa\u00f1\u00eda; a cambio, recibe una mejor tarifa. En pocas palabras, est\u00e1s forzado a usar la SIM del operador original hasta la fecha del contrato, donde tienes la opci\u00f3n de desbloquear el dispositivo.<\/p>\n            <\/div>\n\n            <!-- iCloud Block -->\n            <div class=\"imei-block-card icloud\" tabindex=\"0\">\n                <div class=\"imei-block-header\">\n                    <span class=\"imei-block-icon\">\ud83c\udf4e<\/span>\n                    <h3 class=\"imei-block-name\">Bloqueo de Activaci\u00f3n iCloud (Apple)<\/h3>\n                <\/div>\n                <p class=\"imei-block-description\">El bloqueo de activaci\u00f3n de iCloud es un bloqueo interno de Apple. A pesar de que este tiene que ver m\u00e1s con una funci\u00f3n interna del sistema operativo, lo cierto es que este est\u00e1 ligado al n\u00famero de IMEI. Al momento de activarse el reporte de <a href=\"https:\/\/www.icloud.com\/\" target=\"_blank\" rel=\"noopener\">iCloud<\/a>, toda la informaci\u00f3n como el nombre de usuario, contrase\u00f1a, n\u00famero serial y n\u00famero del IMEI queda registrada por motivos de seguridad. Esto afecta en mayor medida a los tel\u00e9fonos iPhone, aunque puede pasar de igual forma en tabletas iPad con conexi\u00f3n a la red m\u00f3vil.<\/p>\n            <\/div>\n\n            <!-- FRP Block -->\n            <div class=\"imei-block-card frp\" tabindex=\"0\">\n                <div class=\"imei-block-header\">\n                    <span class=\"imei-block-icon\">\ud83e\udd16<\/span>\n                    <h3 class=\"imei-block-name\">Bloqueo de FRP (Android)<\/h3>\n                <\/div>\n                <p class=\"imei-block-description\">El FRP es una medida de seguridad que es b\u00e1sicamente una copia del bloqueo de activaci\u00f3n de Apple. En mayor medida, este funciona cuando un dispositivo <a href=\"https:\/\/www.samsung.com\/mx\/\" target=\"_blank\" rel=\"noopener\">Samsung<\/a>, Motorola, etc., es reiniciado de manera forzosa. En caso de que esto suceda, el tel\u00e9fono celular entrar\u00e1 en un modo de seguridad donde ser\u00e1 requerido ingresar los datos de la cuenta de Google que estaba previamente asociada. De igual forma, en este caso, toda la informaci\u00f3n ser\u00e1 guardada y ser\u00e1 f\u00e1cil identificarlo gracias al IMEI.<\/p>\n            <\/div>\n\n            <!-- Payment Block -->\n            <div class=\"imei-block-card payment\" tabindex=\"0\">\n                <div class=\"imei-block-header\">\n                    <span class=\"imei-block-icon\">\ud83d\udcb3<\/span>\n                    <h3 class=\"imei-block-name\">Restricciones por falta de pago<\/h3>\n                <\/div>\n                <p class=\"imei-block-description\">A pesar de que la mayor parte de las compa\u00f1\u00edas suelen usar aplicaciones para el bloqueo de los dispositivos, muchas optan por realizar bloqueos del IMEI en dispositivos en mora. A pesar de no ser com\u00fan, la realidad es que las operadoras tienen derecho a realizar un reporte luego de varios intentos de comunicaci\u00f3n o acuerdos de pago.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n            \n            \/\/ Enhanced interactions for better UX\n            const blockCards = document.querySelectorAll('.imei-block-card, .imei-blocks-hero');\n            \n            \/\/ Add sophisticated hover animations\n            blockCards.forEach((card, index) => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-5px) scale(1.02)';\n                    this.style.zIndex = '10';\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0) scale(1)';\n                    this.style.zIndex = '1';\n                });\n                \n                \/\/ Keyboard accessibility\n                card.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        \/\/ Add visual feedback for keyboard interaction\n                        this.style.transform = 'scale(0.98)';\n                        setTimeout(() => {\n                            this.style.transform = '';\n                        }, 150);\n                    }\n                });\n                \n                \/\/ Progressive enhancement for touch devices\n                if ('ontouchstart' in window) {\n                    card.addEventListener('touchstart', function() {\n                        this.style.transform = 'scale(0.98)';\n                    });\n                    \n                    card.addEventListener('touchend', function() {\n                        this.style.transform = '';\n                    });\n                }\n                \n                \/\/ Staggered entrance animation\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(30px)';\n                card.style.transition = `all 0.6s cubic-bezier(0.4, 0, 0.2, 1) ${index * 0.1}s`;\n                \n                \/\/ Trigger animation when in viewport\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.style.opacity = '1';\n                            entry.target.style.transform = 'translateY(0)';\n                        }\n                    });\n                }, { threshold: 0.1 });\n                \n                observer.observe(card);\n            });\n            \n        })();\n    <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-74cc322 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"74cc322\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a36ace\" data-id=\"6a36ace\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa9e92a elementor-widget elementor-widget-html\" data-id=\"fa9e92a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===============================================\n     ISOLATED SECTION: VALE LA PENA VERIFICAR IMEI - SEO & UX OPTIMIZED\n     =============================================== -->\n<section class=\"imei-worth-section\" style=\"padding: clamp(20px, 4vw, 40px); background: linear-gradient(135deg, #f0fdf4 0%, #f7fafc 50%, #ffffff 100%); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\">\n    <style>\n        .imei-worth-section {\n            --primary-green: #059669;\n            --secondary-green: #10b981;\n            --accent-green: #047857;\n            --light-green: #dcfce7;\n            --bg-green: #f0fdf4;\n            --primary-blue: #2563eb;\n            --secondary-blue: #3b82f6;\n            --light-blue: #dbeafe;\n            --text-primary: #1e293b;\n            --text-secondary: #64748b;\n            --text-light: #94a3b8;\n            --bg-white: #ffffff;\n            --bg-card: #fefefe;\n            --border-light: #e2e8f0;\n            --border-hover: #cbd5e1;\n            --border-green: #bbf7d0;\n            --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.05);\n            --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07);\n            --shadow-strong: 0 10px 25px rgba(16, 185, 129, 0.15);\n            --shadow-glow: 0 0 0 3px rgba(16, 185, 129, 0.1);\n            --success-bg: linear-gradient(135deg, #ecfdf5, #f0fdf4);\n            --radius-sm: 6px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --radius-xl: 20px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .imei-worth-section * { \n            box-sizing: border-box; \n        }\n        \n        .imei-worth-container { \n            max-width: 1000px; \n            margin: 0 auto; \n        }\n        \n        \/* Hero Question Section *\/\n        .imei-worth-hero {\n            background: var(--success-bg);\n            border: 2px solid var(--border-green);\n            border-radius: var(--radius-xl);\n            padding: clamp(30px, 6vw, 45px);\n            margin-bottom: 40px;\n            position: relative;\n            overflow: hidden;\n            transition: var(--transition);\n            text-align: center;\n        }\n        \n        .imei-worth-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-green), var(--secondary-green), var(--accent-green));\n            border-radius: var(--radius-xl) var(--radius-xl) 0 0;\n        }\n        \n        .imei-worth-hero::after {\n            content: '\u2713';\n            position: absolute;\n            top: -15px;\n            right: -15px;\n            width: 60px;\n            height: 60px;\n            background: var(--primary-green);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.8em;\n            font-weight: 700;\n            box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);\n            animation: pulse 2s infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }\n        \n        .imei-worth-hero:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--secondary-green);\n        }\n        \n        .imei-worth-title {\n            font-size: clamp(1.8em, 5vw, 2.4em);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin: 0 0 20px 0;\n            line-height: 1.2;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n        \n        .imei-worth-title-icon {\n            color: var(--primary-green);\n            font-size: 0.9em;\n            opacity: 0.9;\n        }\n        \n        .imei-worth-intro {\n            font-size: clamp(1.1em, 3vw, 1.25em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        \/* Benefits Grid *\/\n        .imei-benefits-grid {\n            display: grid;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n        \n        .imei-benefit-card {\n            background: var(--bg-white);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: clamp(25px, 5vw, 35px);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n        }\n        \n        .imei-benefit-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-green), var(--secondary-green));\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.4s ease;\n        }\n        \n        .imei-benefit-card:hover::before {\n            transform: scaleX(1);\n        }\n        \n        .imei-benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--light-green);\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-green) 100%);\n        }\n        \n        .imei-benefit-header {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 20px;\n        }\n        \n        .imei-benefit-icon {\n            font-size: 3em;\n            color: var(--primary-green);\n            opacity: 0.9;\n            min-width: 60px;\n            text-align: center;\n        }\n        \n        .imei-benefit-title {\n            font-size: clamp(1.4em, 3.8vw, 1.7em);\n            font-weight: 600;\n            color: var(--text-primary);\n            margin: 0;\n            line-height: 1.2;\n        }\n        \n        .imei-benefit-description {\n            font-size: clamp(1.05em, 2.6vw, 1.18em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n        }\n        \n        .imei-benefit-description a {\n            color: var(--primary-blue);\n            text-decoration: none;\n            font-weight: 600;\n            transition: var(--transition);\n            border-bottom: 1px solid transparent;\n        }\n        \n        .imei-benefit-description a:hover {\n            border-bottom-color: var(--primary-blue);\n            color: var(--secondary-blue);\n        }\n        \n        \/* Success Indicators *\/\n        .imei-success-indicators {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .imei-success-item {\n            background: var(--success-bg);\n            border: 1px solid var(--border-green);\n            border-radius: var(--radius-md);\n            padding: 20px;\n            text-align: center;\n            transition: var(--transition);\n            position: relative;\n        }\n        \n        .imei-success-item::before {\n            content: '\u2713';\n            position: absolute;\n            top: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--primary-green);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9em;\n            font-weight: 700;\n        }\n        \n        .imei-success-item:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-medium);\n            background: var(--light-green);\n        }\n        \n        .imei-success-text {\n            font-size: 0.95em;\n            color: var(--text-primary);\n            font-weight: 500;\n            margin: 0;\n            padding-top: 5px;\n        }\n        \n        \/* Call to Action Section *\/\n        .imei-cta-section {\n            background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));\n            border-radius: var(--radius-xl);\n            padding: clamp(25px, 5vw, 35px);\n            text-align: center;\n            color: white;\n            position: relative;\n            overflow: hidden;\n            margin-top: 40px;\n        }\n        \n        .imei-cta-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='3'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            animation: float 8s ease-in-out infinite;\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-15px) rotate(180deg); }\n        }\n        \n        .imei-cta-title {\n            font-size: clamp(1.3em, 4vw, 1.6em);\n            font-weight: 600;\n            margin: 0 0 15px 0;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .imei-cta-text {\n            font-size: clamp(1em, 2.5vw, 1.1em);\n            opacity: 0.95;\n            margin: 0;\n            position: relative;\n            z-index: 2;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .imei-worth-section { \n                padding: 15px !important; \n            }\n            \n            .imei-worth-hero,\n            .imei-benefit-card,\n            .imei-cta-section {\n                padding: 20px;\n            }\n            \n            .imei-benefits-grid {\n                gap: 20px;\n            }\n            \n            .imei-benefit-header {\n                flex-direction: column;\n                text-align: center;\n                gap: 15px;\n            }\n            \n            .imei-benefit-icon {\n                font-size: 2.5em;\n            }\n            \n            .imei-success-indicators {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .imei-worth-hero,\n            .imei-benefit-card,\n            .imei-cta-section {\n                padding: 18px;\n            }\n            \n            .imei-worth-title {\n                flex-direction: column;\n                gap: 10px;\n            }\n            \n            .imei-worth-hero::after {\n                width: 50px;\n                height: 50px;\n                font-size: 1.5em;\n                top: -12px;\n                right: -12px;\n            }\n        }\n        \n        \/* Accessibility Enhancements *\/\n        @media (prefers-reduced-motion: reduce) {\n            .imei-worth-section *,\n            .imei-worth-section *::before,\n            .imei-worth-section *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n        \n        \/* Focus States for Accessibility *\/\n        .imei-benefit-card:focus-visible,\n        .imei-success-item:focus-visible {\n            outline: 2px solid var(--primary-green);\n            outline-offset: 2px;\n        }\n    <\/style>\n    \n    <div class=\"imei-worth-container\">\n        <!-- Hero Question Section -->\n        <div class=\"imei-worth-hero\" tabindex=\"0\" role=\"button\" aria-label=\"Vale la pena verificar IMEI\">\n            <h2 class=\"imei-worth-title\">\n                <span class=\"imei-worth-title-icon\">\ud83d\udc8e<\/span>\n                \u00bfVale la pena verificar un IMEI?\n            <\/h2>\n            <p class=\"imei-worth-intro\">Ya que sabes que el IMEI es un buen aliado para descubrir problemas con los dispositivos m\u00f3viles, es hora de ponerlo en pr\u00e1ctica y que le puedas dar uso a esta informaci\u00f3n. En primera instancia, su uso m\u00e1s f\u00e1cil es el personal, para descubrir cualquier tipo de problema. Sin embargo, esto puede ser usado para la compra y venta de dispositivos de segunda mano, y aqu\u00ed te lo explicaremos.<\/p>\n        <\/div>\n\n        <!-- Benefits Grid -->\n        <div class=\"imei-benefits-grid\">\n            <!-- Reliability Benefit -->\n            <div class=\"imei-benefit-card\" tabindex=\"0\">\n                <div class=\"imei-benefit-header\">\n                    <span class=\"imei-benefit-icon\">\ud83d\udee1\ufe0f<\/span>\n                    <h3 class=\"imei-benefit-title\">Mayor nivel de fiabilidad<\/h3>\n                <\/div>\n                <p class=\"imei-benefit-description\">Cada vez es m\u00e1s com\u00fan la venta de dispositivos m\u00f3viles a trav\u00e9s de plataformas privadas como Marketplace, <a href=\"https:\/\/www.mercadolibre.com\/\" target=\"_blank\" rel=\"noopener\">MercadoLibre<\/a>, eBay, etc. Al ser un mercado creciente, no faltan las personas malintencionadas que venden dispositivos adquiridos por medios dudosos. Esto puede afectarte tanto como comprador o vendedor. Al adquirir un reporte del IMEI, podr\u00e1s demostrar a tus posibles compradores que el dispositivo no est\u00e1 en ninguna base de datos con registros negativos; esto facilitar\u00e1 tu venta. Por otro lado, si eres comprador, puedes verificar si el tel\u00e9fono tiene alg\u00fan problema que podr\u00eda afectarte a futuro; as\u00ed podr\u00e1s hacer una compra mejor informada y m\u00e1s sencilla.<\/p>\n                \n                <div class=\"imei-success-indicators\">\n                    <div class=\"imei-success-item\">\n                        <p class=\"imei-success-text\">Ventas m\u00e1s f\u00e1ciles<\/p>\n                    <\/div>\n                    <div class=\"imei-success-item\">\n                        <p class=\"imei-success-text\">Compras seguras<\/p>\n                    <\/div>\n                    <div class=\"imei-success-item\">\n                        <p class=\"imei-success-text\">Evita estafas<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- No Surprises Benefit -->\n            <div class=\"imei-benefit-card\" tabindex=\"0\">\n                <div class=\"imei-benefit-header\">\n                    <span class=\"imei-benefit-icon\">\ud83c\udfaf<\/span>\n                    <h3 class=\"imei-benefit-title\">Evita sorpresas<\/h3>\n                <\/div>\n                <p class=\"imei-benefit-description\">Como te diste cuenta, el tener un reporte del IMEI es una excelente herramienta. Esto evita tener cualquier tipo de sorpresas a la hora de adquirir, vender o testear un dispositivo. Esto te ayudar\u00e1 a ahorrar futuros costos extras por procesos de liberaci\u00f3n y tambi\u00e9n a evitarte un mal momento.<\/p>\n                \n                <div class=\"imei-success-indicators\">\n                    <div class=\"imei-success-item\">\n                        <p class=\"imei-success-text\">Sin costos extra<\/p>\n                    <\/div>\n                    <div class=\"imei-success-item\">\n                        <p class=\"imei-success-text\">Ahorra tiempo<\/p>\n                    <\/div>\n                    <div class=\"imei-success-item\">\n                        <p class=\"imei-success-text\">Evita problemas<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Call to Action -->\n        <div class=\"imei-cta-section\">\n            <h3 class=\"imei-cta-title\">\u00a1La respuesta es S\u00cd!<\/h3>\n            <p class=\"imei-cta-text\">Verificar el IMEI es una inversi\u00f3n inteligente que te protege y te da tranquilidad<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n            \n            \/\/ Enhanced positive reinforcement animations\n            const cards = document.querySelectorAll('.imei-benefit-card, .imei-worth-hero, .imei-success-item');\n            \n            \/\/ Add sophisticated positive feedback animations\n            cards.forEach((card, index) => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-5px) scale(1.02)';\n                    this.style.zIndex = '10';\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0) scale(1)';\n                    this.style.zIndex = '1';\n                });\n                \n                \/\/ Keyboard accessibility with positive feedback\n                card.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        \/\/ Green flash effect for positive reinforcement\n                        this.style.background = 'linear-gradient(135deg, #dcfce7, #bbf7d0)';\n                        this.style.transform = 'scale(0.98)';\n                        setTimeout(() => {\n                            this.style.background = '';\n                            this.style.transform = '';\n                        }, 200);\n                    }\n                });\n                \n                \/\/ Progressive enhancement for touch devices\n                if ('ontouchstart' in window) {\n                    card.addEventListener('touchstart', function() {\n                        this.style.transform = 'scale(0.98)';\n                        this.style.background = 'linear-gradient(135deg, #f0fdf4, #dcfce7)';\n                    });\n                    \n                    card.addEventListener('touchend', function() {\n                        this.style.transform = '';\n                        this.style.background = '';\n                    });\n                }\n                \n                \/\/ Staggered entrance animation with positive energy\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(30px)';\n                card.style.transition = `all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) ${index * 0.15}s`;\n                \n                \/\/ Trigger animation when in viewport\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.style.opacity = '1';\n                            entry.target.style.transform = 'translateY(0)';\n                            \n                            \/\/ Add a subtle success pulse on first view\n                            setTimeout(() => {\n                                entry.target.style.transform = 'scale(1.05)';\n                                setTimeout(() => {\n                                    entry.target.style.transform = 'scale(1)';\n                                }, 200);\n                            }, 300 + index * 150);\n                        }\n                    });\n                }, { threshold: 0.1 });\n                \n                observer.observe(card);\n            });\n            \n            \/\/ Add extra success indicators animation\n            const successItems = document.querySelectorAll('.imei-success-item');\n            successItems.forEach((item, index) => {\n                setTimeout(() => {\n                    item.style.animation = `pulse 0.3s ease-out`;\n                }, 1000 + index * 100);\n            });\n            \n        })();\n    <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38aa714 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38aa714\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b580b4f\" data-id=\"b580b4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c23e8d6 elementor-widget elementor-widget-html\" data-id=\"c23e8d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===============================================\n     ISOLATED SECTION: TUTORIAL ENCONTRAR IMEI - SEO & UX OPTIMIZED\n     =============================================== -->\n    <section class=\"imei-tutorial-section\" style=\"padding: clamp(20px, 4vw, 40px); background: linear-gradient(135deg, #eff6ff 0%, #f7fafc 50%, #ffffff 100%); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\">\n    <style>\n        .imei-tutorial-section {\n            --primary-blue: #2563eb;\n            --secondary-blue: #3b82f6;\n            --accent-blue: #1e40af;\n            --light-blue: #dbeafe;\n            --bg-blue: #eff6ff;\n            --primary-orange: #ea580c;\n            --secondary-orange: #f97316;\n            --light-orange: #fed7aa;\n            --success-green: #059669;\n            --light-green: #dcfce7;\n            --text-primary: #1e293b;\n            --text-secondary: #64748b;\n            --text-light: #94a3b8;\n            --bg-white: #ffffff;\n            --bg-card: #fefefe;\n            --border-light: #e2e8f0;\n            --border-hover: #cbd5e1;\n            --border-blue: #bfdbfe;\n            --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.05);\n            --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07);\n            --shadow-strong: 0 10px 25px rgba(37, 99, 235, 0.15);\n            --shadow-glow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n            --tutorial-bg: linear-gradient(135deg, #eff6ff, #dbeafe);\n            --radius-sm: 6px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --radius-xl: 20px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .imei-tutorial-section * { \n            box-sizing: border-box; \n        }\n        \n        .imei-tutorial-container { \n            max-width: 1000px; \n            margin: 0 auto; \n        }\n        \n        \/* Hero Tutorial Header *\/\n        .imei-tutorial-hero {\n            background: var(--tutorial-bg);\n            border: 2px solid var(--border-blue);\n            border-radius: var(--radius-xl);\n            padding: clamp(30px, 6vw, 45px);\n            margin-bottom: 40px;\n            position: relative;\n            overflow: hidden;\n            transition: var(--transition);\n            text-align: center;\n        }\n        \n        .imei-tutorial-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue), var(--accent-blue));\n            border-radius: var(--radius-xl) var(--radius-xl) 0 0;\n        }\n        \n        .imei-tutorial-hero::after {\n            content: '\ud83d\udcf1';\n            position: absolute;\n            top: -15px;\n            right: -15px;\n            width: 60px;\n            height: 60px;\n            background: var(--primary-blue);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5em;\n            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n            animation: bounce 2s infinite;\n        }\n        \n        @keyframes bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n        \n        .imei-tutorial-hero:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--secondary-blue);\n        }\n        \n        .imei-tutorial-title {\n            font-size: clamp(1.8em, 5vw, 2.4em);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin: 0 0 20px 0;\n            line-height: 1.2;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n        \n        .imei-tutorial-title-icon {\n            color: var(--primary-blue);\n            font-size: 0.9em;\n            opacity: 0.9;\n        }\n        \n        .imei-tutorial-intro {\n            font-size: clamp(1.1em, 3vw, 1.25em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        \/* Methods Grid *\/\n        .imei-methods-grid {\n            display: grid;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n        \n        .imei-method-card {\n            background: var(--bg-white);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            padding: 0;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n        }\n        \n        .imei-method-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--light-blue);\n        }\n        \n        \/* Method Card Headers with Different Colors *\/\n        .imei-method-header {\n            padding: 25px;\n            border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .imei-method-card.ussd .imei-method-header {\n            background: linear-gradient(135deg, var(--success-green), #10b981);\n            color: white;\n        }\n        \n        .imei-method-card.settings .imei-method-header {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: white;\n        }\n        \n        .imei-method-card.hardware .imei-method-header {\n            background: linear-gradient(135deg, var(--accent-blue), var(--primary-blue));\n            color: white;\n        }\n        \n        .imei-method-header::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='20' cy='20' r='2'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            animation: float 6s ease-in-out infinite;\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-10px) rotate(180deg); }\n        }\n        \n        .imei-method-header-content {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .imei-method-icon {\n            font-size: 3em;\n            opacity: 0.9;\n        }\n        \n        .imei-method-title {\n            font-size: clamp(1.4em, 3.8vw, 1.7em);\n            font-weight: 600;\n            margin: 0;\n            line-height: 1.2;\n        }\n        \n        .imei-method-difficulty {\n            background: rgba(255, 255, 255, 0.2);\n            color: white;\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 0.85em;\n            font-weight: 500;\n            margin-top: 10px;\n            display: inline-block;\n        }\n        \n        \/* Method Content *\/\n        .imei-method-content {\n            padding: 25px;\n        }\n        \n        .imei-method-description {\n            font-size: clamp(1.05em, 2.6vw, 1.18em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0 0 20px 0;\n        }\n        \n        .imei-method-description a {\n            color: var(--primary-blue);\n            text-decoration: none;\n            font-weight: 600;\n            transition: var(--transition);\n            border-bottom: 1px solid transparent;\n        }\n        \n        .imei-method-description a:hover {\n            border-bottom-color: var(--primary-blue);\n            color: var(--secondary-blue);\n        }\n        \n        \/* Interactive Code Box for USSD *\/\n        .imei-code-box {\n            background: linear-gradient(135deg, #f8fafc, #f1f5f9);\n            border: 2px dashed var(--success-green);\n            border-radius: var(--radius-md);\n            padding: 20px;\n            text-align: center;\n            margin-top: 20px;\n            cursor: pointer;\n            transition: var(--transition);\n            position: relative;\n        }\n        \n        .imei-code-box:hover {\n            background: linear-gradient(135deg, var(--light-green), #bbf7d0);\n            border-color: var(--success-green);\n            transform: scale(1.02);\n        }\n        \n        .imei-code-text {\n            font-family: 'Courier New', monospace;\n            font-size: 2em;\n            font-weight: 700;\n            color: var(--success-green);\n            margin: 0 0 10px 0;\n            letter-spacing: 3px;\n        }\n        \n        .imei-code-instruction {\n            font-size: 0.9em;\n            color: var(--text-secondary);\n            margin: 0;\n            font-weight: 500;\n        }\n        \n        .imei-code-box::after {\n            content: '\ud83d\udccb';\n            position: absolute;\n            top: -8px;\n            right: 15px;\n            background: var(--bg-white);\n            padding: 5px;\n            border-radius: 50%;\n            font-size: 1.2em;\n            transition: var(--transition);\n        }\n        \n        .imei-code-box:hover::after {\n            transform: scale(1.2);\n        }\n        \n        \/* Step Indicators *\/\n        .imei-steps-list {\n            background: var(--tutorial-bg);\n            border: 1px solid var(--border-blue);\n            border-radius: var(--radius-md);\n            padding: 20px;\n            margin-top: 20px;\n        }\n        \n        .imei-step {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            margin-bottom: 15px;\n            padding: 10px;\n            border-radius: var(--radius-sm);\n            transition: var(--transition);\n        }\n        \n        .imei-step:hover {\n            background: rgba(37, 99, 235, 0.1);\n        }\n        \n        .imei-step:last-child {\n            margin-bottom: 0;\n        }\n        \n        .imei-step-number {\n            width: 30px;\n            height: 30px;\n            background: var(--primary-blue);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            font-size: 0.9em;\n            flex-shrink: 0;\n        }\n        \n        .imei-step-text {\n            font-size: 1em;\n            color: var(--text-primary);\n            margin: 0;\n            padding-top: 5px;\n            font-weight: 500;\n        }\n        \n        \/* Pro Tips *\/\n        .imei-pro-tip {\n            background: linear-gradient(135deg, var(--light-blue), #f0f9ff);\n            border: 1px solid #bae6fd;\n            border-radius: var(--radius-md);\n            padding: 20px;\n            margin-top: 20px;\n            position: relative;\n        }\n        \n        .imei-pro-tip::before {\n            content: '\ud83d\udca1';\n            position: absolute;\n            top: -10px;\n            left: 20px;\n            background: var(--bg-white);\n            padding: 0 8px;\n            font-size: 1.2em;\n        }\n        \n        .imei-pro-tip-text {\n            font-size: 0.95em;\n            color: var(--text-primary);\n            margin: 0;\n            font-weight: 500;\n            padding-top: 5px;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .imei-tutorial-section { \n                padding: 15px !important; \n            }\n            \n            .imei-tutorial-hero {\n                padding: 20px;\n            }\n            \n            .imei-method-header,\n            .imei-method-content {\n                padding: 20px;\n            }\n            \n            .imei-methods-grid {\n                gap: 20px;\n            }\n            \n            .imei-method-header-content {\n                flex-direction: column;\n                text-align: center;\n                gap: 15px;\n            }\n            \n            .imei-method-icon {\n                font-size: 2.5em;\n            }\n            \n            .imei-code-text {\n                font-size: 1.5em;\n                letter-spacing: 2px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .imei-tutorial-hero,\n            .imei-method-header,\n            .imei-method-content {\n                padding: 18px;\n            }\n            \n            .imei-tutorial-title {\n                flex-direction: column;\n                gap: 10px;\n            }\n            \n            .imei-tutorial-hero::after {\n                width: 50px;\n                height: 50px;\n                font-size: 1.2em;\n                top: -12px;\n                right: -12px;\n            }\n            \n            .imei-step {\n                flex-direction: column;\n                text-align: center;\n                gap: 10px;\n            }\n        }\n        \n        \/* Accessibility Enhancements *\/\n        @media (prefers-reduced-motion: reduce) {\n            .imei-tutorial-section *,\n            .imei-tutorial-section *::before,\n            .imei-tutorial-section *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n        \n        \/* Focus States for Accessibility *\/\n        .imei-method-card:focus-visible,\n        .imei-code-box:focus-visible {\n            outline: 2px solid var(--primary-blue);\n            outline-offset: 2px;\n        }\n    <\/style>\n    \n    <div class=\"imei-tutorial-container\">\n        <!-- Hero Tutorial Header -->\n        <div class=\"imei-tutorial-hero\" tabindex=\"0\" role=\"button\" aria-label=\"Tutorial encontrar IMEI\">\n            <h2 class=\"imei-tutorial-title\">\n                <span class=\"imei-tutorial-title-icon\">\ud83d\udd0d<\/span>\n                \u00bfC\u00f3mo encontrar el n\u00famero de IMEI?\n            <\/h2>\n            <p class=\"imei-tutorial-intro\">Encontrar este n\u00famero es algo bastante sencillo y que solo requiere tener el dispositivo a la mano para encontrarlo. Sabemos que las opciones pueden tener mayor nivel de complejidad o facilidad dependiendo de tu caso. Para asegurarnos de que lo puedas encontrar, te dejamos algunos m\u00e9todos que puedes usar.<\/p>\n        <\/div>\n\n        <!-- Methods Grid -->\n        <div class=\"imei-methods-grid\">\n            <!-- USSD Method -->\n            <div class=\"imei-method-card ussd\" tabindex=\"0\">\n                <div class=\"imei-method-header\">\n                    <div class=\"imei-method-header-content\">\n                        <span class=\"imei-method-icon\">\ud83d\udcde<\/span>\n                        <div>\n                            <h3 class=\"imei-method-title\">C\u00f3digo USSD<\/h3>\n                            <span class=\"imei-method-difficulty\">\u2b50 M\u00e1s f\u00e1cil<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"imei-method-content\">\n                    <p class=\"imei-method-description\">El m\u00e9todo del <a href=\"https:\/\/www.digitalvirgo.com\/mobile-payment\/ussd\/\" target=\"_blank\" rel=\"noopener\">c\u00f3digo USSD<\/a> es la herramienta m\u00e1s sencilla para hacer la verificaci\u00f3n de IMEI de tu tel\u00e9fono. Para esto, solo deber\u00e1s ir a tu marcador e introducir *#06#. Esto va a ejecutar un c\u00f3digo conocido como USSD, el cual te va a devolver de manera autom\u00e1tica toda la informaci\u00f3n referente al dispositivo, incluyendo el IMEI.<\/p>\n                    \n                    <div class=\"imei-code-box\" onclick=\"copyCode()\" tabindex=\"0\" role=\"button\" aria-label=\"Copiar c\u00f3digo USSD\">\n                        <div class=\"imei-code-text\">*#06#<\/div>\n                        <div class=\"imei-code-instruction\">Haz clic para copiar \u2022 Luego pega en tu marcador<\/div>\n                    <\/div>\n                    \n                    <div class=\"imei-steps-list\">\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">1<\/div>\n                            <div class=\"imei-step-text\">Abre la aplicaci\u00f3n de tel\u00e9fono<\/div>\n                        <\/div>\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">2<\/div>\n                            <div class=\"imei-step-text\">Marca *#06# (copia desde arriba)<\/div>\n                        <\/div>\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">3<\/div>\n                            <div class=\"imei-step-text\">Aparecer\u00e1 autom\u00e1ticamente tu IMEI<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Settings Method -->\n            <div class=\"imei-method-card settings\" tabindex=\"0\">\n                <div class=\"imei-method-header\">\n                    <div class=\"imei-method-header-content\">\n                        <span class=\"imei-method-icon\">\u2699\ufe0f<\/span>\n                        <div>\n                            <h3 class=\"imei-method-title\">Ajustes del tel\u00e9fono<\/h3>\n                            <span class=\"imei-method-difficulty\">\u2b50\u2b50 Intermedio<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"imei-method-content\">\n                    <p class=\"imei-method-description\">Si no conf\u00edas en el m\u00e9todo anterior, lo cierto es que todos los dispositivos por ley tienen esta informaci\u00f3n en los ajustes. Recuerda que cada tel\u00e9fono es diferente, sin embargo, lo m\u00e1s com\u00fan es que se encuentre en la informaci\u00f3n general del dispositivo bajo el nombre de \"acerca\". Esto es bastante intuitivo. Sin embargo, lo dejamos a tu criterio, y si no tienes mucho conocimiento sobre tu equipo m\u00f3vil, lo mejor es que busques una gu\u00eda para ese modelo en espec\u00edfico.<\/p>\n                    \n                    <div class=\"imei-steps-list\">\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">1<\/div>\n                            <div class=\"imei-step-text\">Ve a Configuraci\u00f3n\/Ajustes<\/div>\n                        <\/div>\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">2<\/div>\n                            <div class=\"imei-step-text\">Busca \"Acerca del dispositivo\" o \"General\"<\/div>\n                        <\/div>\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">3<\/div>\n                            <div class=\"imei-step-text\">Encuentra la secci\u00f3n IMEI<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"imei-pro-tip\">\n                        <p class=\"imei-pro-tip-text\">En algunos tel\u00e9fonos puede estar en: Sistema > Acerca del tel\u00e9fono > Estado del tel\u00e9fono<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Hardware Method -->\n            <div class=\"imei-method-card hardware\" tabindex=\"0\">\n                <div class=\"imei-method-header\">\n                    <div class=\"imei-method-header-content\">\n                        <span class=\"imei-method-icon\">\ud83d\udd27<\/span>\n                        <div>\n                            <h3 class=\"imei-method-title\">Hardware del dispositivo<\/h3>\n                            <span class=\"imei-method-difficulty\">\u2b50\u2b50\u2b50 F\u00edsico<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"imei-method-content\">\n                    <p class=\"imei-method-description\">As\u00ed como es ley que el usuario tenga acceso a trav\u00e9s del sistema operativo, lo cierto es que tambi\u00e9n por ley este n\u00famero debe estar visible en el hardware del tel\u00e9fono. Com\u00fanmente vas a poder encontrar el IMEI en la parte trasera del tel\u00e9fono o en la ranura de la tarjeta SIM. La ley es clara, pero a la vez no especifica d\u00f3nde debe llevar este n\u00famero.<\/p>\n                    \n                    <div class=\"imei-steps-list\">\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">1<\/div>\n                            <div class=\"imei-step-text\">Revisa la parte trasera del tel\u00e9fono<\/div>\n                        <\/div>\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">2<\/div>\n                            <div class=\"imei-step-text\">Quita la bater\u00eda (si es removible) y revisa debajo<\/div>\n                        <\/div>\n                        <div class=\"imei-step\">\n                            <div class=\"imei-step-number\">3<\/div>\n                            <div class=\"imei-step-text\">Revisa la bandeja de la tarjeta SIM<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"imei-pro-tip\">\n                        <p class=\"imei-pro-tip-text\">Puede aparecer como una etiqueta peque\u00f1a o grabado directamente en el metal\/pl\u00e1stico<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n            \n            \/\/ Copy USSD code functionality\n            window.copyCode = function() {\n                const code = '*#06#';\n                if (navigator.clipboard) {\n                    navigator.clipboard.writeText(code).then(() => {\n                        showCopyFeedback();\n                    });\n                } else {\n                    \/\/ Fallback for older browsers\n                    const textArea = document.createElement('textarea');\n                    textArea.value = code;\n                    document.body.appendChild(textArea);\n                    textArea.select();\n                    document.execCommand('copy');\n                    document.body.removeChild(textArea);\n                    showCopyFeedback();\n                }\n            };\n            \n            function showCopyFeedback() {\n                const codeBox = document.querySelector('.imei-code-box');\n                const instruction = document.querySelector('.imei-code-instruction');\n                const originalText = instruction.textContent;\n                \n                codeBox.style.background = 'linear-gradient(135deg, #dcfce7, #bbf7d0)';\n                codeBox.style.borderColor = '#059669';\n                instruction.textContent = '\u00a1C\u00f3digo copiado! Ahora p\u00e9galo en tu marcador';\n                instruction.style.color = '#059669';\n                instruction.style.fontWeight = '600';\n                \n                setTimeout(() => {\n                    codeBox.style.background = '';\n                    codeBox.style.borderColor = '';\n                    instruction.textContent = originalText;\n                    instruction.style.color = '';\n                    instruction.style.fontWeight = '';\n                }, 3000);\n            }\n            \n            \/\/ Enhanced interactions for tutorial cards\n            const methodCards = document.querySelectorAll('.imei-method-card, .imei-tutorial-hero');\n            \n            methodCards.forEach((card, index) => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-5px) scale(1.02)';\n                    this.style.zIndex = '10';\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0) scale(1)';\n                    this.style.zIndex = '1';\n                });\n                \n                \/\/ Keyboard accessibility\n                card.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        this.style.transform = 'scale(0.98)';\n                        setTimeout(() => {\n                            this.style.transform = '';\n                        }, 150);\n                    }\n                });\n                \n                \/\/ Staggered entrance animation\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(30px)';\n                card.style.transition = `all 0.6s cubic-bezier(0.4, 0, 0.2, 1) ${index * 0.2}s`;\n                \n                \/\/ Trigger animation when in viewport\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.style.opacity = '1';\n                            entry.target.style.transform = 'translateY(0)';\n                        }\n                    });\n                }, { threshold: 0.1 });\n                \n                observer.observe(card);\n            });\n            \n            \/\/ Add pulse effect to USSD code box\n            const codeBox = document.querySelector('.imei-code-box');\n            if (codeBox) {\n                setInterval(() => {\n                    codeBox.style.transform = 'scale(1.02)';\n                    setTimeout(() => {\n                        codeBox.style.transform = 'scale(1)';\n                    }, 200);\n                }, 4000);\n            }\n            \n        })();\n    <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7474f9f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7474f9f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-100769f\" data-id=\"100769f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a6866a9 elementor-widget elementor-widget-html\" data-id=\"a6866a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===============================================\n     ISOLATED SECTION: FAQ IMEI - SEO & UX OPTIMIZED\n     =============================================== -->\n<section class=\"imei-faq-section\" style=\"padding: clamp(20px, 4vw, 40px); background: linear-gradient(135deg, #eff6ff 0%, #f7fafc 50%, #ffffff 100%); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\">\n    <style>\n        .imei-faq-section {\n            --primary-blue: #2563eb;\n            --secondary-blue: #3b82f6;\n            --accent-blue: #1e40af;\n            --light-blue: #dbeafe;\n            --bg-blue: #eff6ff;\n            --success-green: #059669;\n            --light-green: #dcfce7;\n            --warning-orange: #d97706;\n            --light-orange: #fed7aa;\n            --text-primary: #1e293b;\n            --text-secondary: #64748b;\n            --text-light: #94a3b8;\n            --bg-white: #ffffff;\n            --bg-card: #fefefe;\n            --border-light: #e2e8f0;\n            --border-hover: #cbd5e1;\n            --border-blue: #bfdbfe;\n            --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.05);\n            --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07);\n            --shadow-strong: 0 10px 25px rgba(37, 99, 235, 0.15);\n            --shadow-glow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n            --faq-bg: linear-gradient(135deg, #eff6ff, #dbeafe);\n            --radius-sm: 6px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --radius-xl: 20px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        }\n        \n        .imei-faq-section * { \n            box-sizing: border-box; \n        }\n        \n        .imei-faq-container { \n            max-width: 1000px; \n            margin: 0 auto; \n        }\n        \n        \/* Hero FAQ Header *\/\n        .imei-faq-hero {\n            background: var(--faq-bg);\n            border: 2px solid var(--border-blue);\n            border-radius: var(--radius-xl);\n            padding: clamp(30px, 6vw, 45px);\n            margin-bottom: 40px;\n            position: relative;\n            overflow: hidden;\n            transition: var(--transition);\n            text-align: center;\n        }\n        \n        .imei-faq-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue), var(--accent-blue));\n            border-radius: var(--radius-xl) var(--radius-xl) 0 0;\n        }\n        \n        .imei-faq-hero::after {\n            content: '\u2753';\n            position: absolute;\n            top: -15px;\n            right: -15px;\n            width: 60px;\n            height: 60px;\n            background: var(--primary-blue);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5em;\n            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n            animation: wiggle 3s infinite;\n        }\n        \n        @keyframes wiggle {\n            0%, 100% { transform: rotate(0deg); }\n            25% { transform: rotate(-10deg); }\n            75% { transform: rotate(10deg); }\n        }\n        \n        .imei-faq-hero:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-strong);\n            border-color: var(--secondary-blue);\n        }\n        \n        .imei-faq-title {\n            font-size: clamp(1.8em, 5vw, 2.4em);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin: 0 0 20px 0;\n            line-height: 1.2;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n        \n        .imei-faq-title-icon {\n            color: var(--primary-blue);\n            font-size: 0.9em;\n            opacity: 0.9;\n        }\n        \n        .imei-faq-intro {\n            font-size: clamp(1.1em, 3vw, 1.25em);\n            line-height: 1.75;\n            color: var(--text-primary);\n            margin: 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        \/* FAQ Items Container *\/\n        .imei-faq-items {\n            display: grid;\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        \/* Individual FAQ Item *\/\n        .imei-faq-item {\n            background: var(--bg-white);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            transition: var(--transition);\n            position: relative;\n            cursor: pointer;\n        }\n        \n        .imei-faq-item:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-medium);\n            border-color: var(--light-blue);\n        }\n        \n        .imei-faq-item.active {\n            border-color: var(--secondary-blue);\n            box-shadow: var(--shadow-strong);\n        }\n        \n        .imei-faq-item.active::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue));\n        }\n        \n        \/* FAQ Question Header *\/\n        .imei-faq-question {\n            padding: clamp(20px, 4vw, 25px);\n            display: flex;\n            align-items: center;\n            justify-content: between;\n            gap: 15px;\n            transition: var(--transition);\n            cursor: pointer;\n            user-select: none;\n        }\n        \n        .imei-faq-question:hover {\n            background: linear-gradient(135deg, var(--bg-white) 0%, var(--light-blue) 100%);\n        }\n        \n        .imei-faq-question-icon {\n            font-size: 1.8em;\n            color: var(--primary-blue);\n            opacity: 0.8;\n            min-width: 40px;\n            text-align: center;\n        }\n        \n        .imei-faq-question-text {\n            font-size: clamp(1.1em, 3vw, 1.3em);\n            font-weight: 600;\n            color: var(--text-primary);\n            margin: 0;\n            flex: 1;\n            line-height: 1.3;\n        }\n        \n        .imei-faq-toggle {\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: var(--transition-bounce);\n            flex-shrink: 0;\n        }\n        \n        .imei-faq-toggle::before {\n            content: '+';\n            font-size: 1.4em;\n            font-weight: 600;\n            color: var(--primary-blue);\n            transition: var(--transition-bounce);\n        }\n        \n        .imei-faq-item.active .imei-faq-toggle {\n            background: var(--primary-blue);\n            transform: rotate(45deg);\n        }\n        \n        .imei-faq-item.active .imei-faq-toggle::before {\n            color: white;\n        }\n        \n        \/* FAQ Answer Content *\/\n        .imei-faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .imei-faq-item.active .imei-faq-answer {\n            max-height: 500px;\n        }\n        \n        .imei-faq-answer-content {\n            padding: 0 clamp(20px, 4vw, 25px) clamp(20px, 4vw, 25px);\n            border-top: 1px solid var(--border-light);\n            background: linear-gradient(135deg, var(--bg-white) 0%, #f8fafc 100%);\n        }\n        \n        .imei-faq-answer-text {\n            font-size: clamp(1.05em, 2.6vw, 1.15em);\n            line-height: 1.7;\n            color: var(--text-primary);\n            margin: 20px 0 0 0;\n            padding-left: 55px;\n        }\n        \n        .imei-faq-answer-text a {\n            color: var(--primary-blue);\n            text-decoration: none;\n            font-weight: 600;\n            transition: var(--transition);\n            border-bottom: 1px solid transparent;\n        }\n        \n        .imei-faq-answer-text a:hover {\n            border-bottom-color: var(--primary-blue);\n            color: var(--accent-blue);\n        }\n        \n        \/* FAQ Category Icons *\/\n        .imei-faq-item:nth-child(1) .imei-faq-question-icon::before { content: '\ud83c\udfaf'; }\n        .imei-faq-item:nth-child(2) .imei-faq-question-icon::before { content: '\ud83c\udfe2'; }\n        .imei-faq-item:nth-child(3) .imei-faq-question-icon::before { content: '\u2705'; }\n        .imei-faq-item:nth-child(4) .imei-faq-question-icon::before { content: '\ud83c\udf0d'; }\n        \n        \/* Search\/Filter Hint *\/\n        .imei-faq-hint {\n            background: linear-gradient(135deg, var(--light-green), #f0fdf4);\n            border: 1px solid #bbf7d0;\n            border-radius: var(--radius-md);\n            padding: 20px;\n            text-align: center;\n            margin-top: 30px;\n            position: relative;\n        }\n        \n        .imei-faq-hint::before {\n            content: '\ud83d\udca1';\n            position: absolute;\n            top: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--bg-white);\n            padding: 0 8px;\n            font-size: 1.2em;\n        }\n        \n        .imei-faq-hint-text {\n            font-size: clamp(0.95em, 2.5vw, 1.05em);\n            color: var(--text-primary);\n            margin: 0;\n            font-weight: 500;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .imei-faq-section { \n                padding: 15px !important; \n            }\n            \n            .imei-faq-hero {\n                padding: 20px;\n            }\n            \n            .imei-faq-question {\n                padding: 18px;\n                flex-direction: column;\n                text-align: center;\n                gap: 12px;\n            }\n            \n            .imei-faq-answer-text {\n                padding-left: 0;\n                text-align: left;\n            }\n            \n            .imei-faq-items {\n                gap: 15px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .imei-faq-hero {\n                padding: 18px;\n            }\n            \n            .imei-faq-title {\n                flex-direction: column;\n                gap: 10px;\n            }\n            \n            .imei-faq-hero::after {\n                width: 50px;\n                height: 50px;\n                font-size: 1.2em;\n                top: -12px;\n                right: -12px;\n            }\n            \n            .imei-faq-question {\n                padding: 15px;\n            }\n            \n            .imei-faq-answer-content {\n                padding: 0 15px 15px;\n            }\n        }\n        \n        \/* Accessibility Enhancements *\/\n        @media (prefers-reduced-motion: reduce) {\n            .imei-faq-section *,\n            .imei-faq-section *::before,\n            .imei-faq-section *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n        \n        \/* Focus States for Accessibility *\/\n        .imei-faq-item:focus-visible,\n        .imei-faq-question:focus-visible {\n            outline: 2px solid var(--primary-blue);\n            outline-offset: 2px;\n        }\n        \n        \/* Enhanced Visual Feedback *\/\n        .imei-faq-item.opening .imei-faq-answer {\n            animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        @keyframes slideDown {\n            from {\n                opacity: 0;\n                transform: translateY(-10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n    <\/style>\n    \n    <div class=\"imei-faq-container\">\n        <!-- Hero FAQ Header -->\n        <div class=\"imei-faq-hero\" tabindex=\"0\" role=\"button\" aria-label=\"Preguntas frecuentes IMEI\">\n            <h2 class=\"imei-faq-title\">\n                <span class=\"imei-faq-title-icon\">\u2753<\/span>\n                Preguntas Frecuentes sobre IMEI\n            <\/h2>\n            <p class=\"imei-faq-intro\">Encuentra respuestas r\u00e1pidas a las dudas m\u00e1s comunes sobre verificaci\u00f3n de IMEI<\/p>\n        <\/div>\n\n        <!-- FAQ Items -->\n        <div class=\"imei-faq-items\">\n            <!-- FAQ Item 1 -->\n            <div class=\"imei-faq-item\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                <div class=\"imei-faq-question\" onclick=\"toggleFAQ(this)\">\n                    <span class=\"imei-faq-question-icon\"><\/span>\n                    <h3 class=\"imei-faq-question-text\">\u00bfPara qu\u00e9 sirve checar el IMEI?<\/h3>\n                    <div class=\"imei-faq-toggle\"><\/div>\n                <\/div>\n                <div class=\"imei-faq-answer\">\n                    <div class=\"imei-faq-answer-content\">\n                        <p class=\"imei-faq-answer-text\">Checar un IMEI ayuda a saber si el tel\u00e9fono tiene alg\u00fan tipo de restricci\u00f3n espec\u00edfica, como un bloqueo del IMEI, del operador, etc. Adem\u00e1s, sirve para diagnosticar problemas y saber el origen real del dispositivo.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 2 -->\n            <div class=\"imei-faq-item\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                <div class=\"imei-faq-question\" onclick=\"toggleFAQ(this)\">\n                    <span class=\"imei-faq-question-icon\"><\/span>\n                    <h3 class=\"imei-faq-question-text\">\u00bfChecar IMEI qu\u00e9 compa\u00f1\u00eda es?<\/h3>\n                    <div class=\"imei-faq-toggle\"><\/div>\n                <\/div>\n                <div class=\"imei-faq-answer\">\n                    <div class=\"imei-faq-answer-content\">\n                        <p class=\"imei-faq-answer-text\">A pesar de que no es en todos los casos, al realizar un chequeo del IMEI se puede corroborar de qu\u00e9 compa\u00f1\u00eda es el tel\u00e9fono. Esto es posible dado que muchos operadores llegan a acuerdos con las compa\u00f1\u00edas para compras masivas de modelos en espec\u00edfico.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 3 -->\n            <div class=\"imei-faq-item\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                <div class=\"imei-faq-question\" onclick=\"toggleFAQ(this)\">\n                    <span class=\"imei-faq-question-icon\"><\/span>\n                    <h3 class=\"imei-faq-question-text\">\u00bfD\u00f3nde validar IMEI?<\/h3>\n                    <div class=\"imei-faq-toggle\"><\/div>\n                <\/div>\n                <div class=\"imei-faq-answer\">\n                    <div class=\"imei-faq-answer-content\">\n                        <p class=\"imei-faq-answer-text\">Al realizar el chequeo del IMEI vas a poder validar si el n\u00famero es cierto, todos los problemas asociados e informaci\u00f3n relevante del dispositivo.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 4 -->\n            <div class=\"imei-faq-item\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                <div class=\"imei-faq-question\" onclick=\"toggleFAQ(this)\">\n                    <span class=\"imei-faq-question-icon\"><\/span>\n                    <h3 class=\"imei-faq-question-text\">\u00bfTodos los reportes son registrados?<\/h3>\n                    <div class=\"imei-faq-toggle\"><\/div>\n                <\/div>\n                <div class=\"imei-faq-answer\">\n                    <div class=\"imei-faq-answer-content\">\n                        <p class=\"imei-faq-answer-text\">A pesar de un gran esfuerzo para que las redes y bases de datos sean homog\u00e9neas, no todos los pa\u00edses se rigen bajo una misma ley. Esto quiere decir que un reporte registrado bajo una red GSM no ser\u00e1 100% registrado bajo otra red. Esto da pie a que, a pesar de bloqueos, el dispositivo pueda ser usado sin restricci\u00f3n.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Helpful Hint -->\n        <div class=\"imei-faq-hint\">\n            <p class=\"imei-faq-hint-text\">\u00bfNo encuentras lo que buscas? Todas estas preguntas est\u00e1n relacionadas con la verificaci\u00f3n y validaci\u00f3n de n\u00fameros IMEI<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n            \n            \/\/ Toggle FAQ functionality\n            window.toggleFAQ = function(questionElement) {\n                const faqItem = questionElement.closest('.imei-faq-item');\n                const isActive = faqItem.classList.contains('active');\n                \n                \/\/ Close all other FAQ items\n                document.querySelectorAll('.imei-faq-item.active').forEach(item => {\n                    if (item !== faqItem) {\n                        item.classList.remove('active');\n                        item.setAttribute('aria-expanded', 'false');\n                    }\n                });\n                \n                \/\/ Toggle current item\n                if (isActive) {\n                    faqItem.classList.remove('active');\n                    faqItem.setAttribute('aria-expanded', 'false');\n                } else {\n                    faqItem.classList.add('active', 'opening');\n                    faqItem.setAttribute('aria-expanded', 'true');\n                    \n                    \/\/ Remove opening class after animation\n                    setTimeout(() => {\n                        faqItem.classList.remove('opening');\n                    }, 400);\n                    \n                    \/\/ Only scroll if user manually clicked (not auto-opened)\n                    if (!faqItem.hasAttribute('data-auto-opened')) {\n                        setTimeout(() => {\n                            faqItem.scrollIntoView({\n                                behavior: 'smooth',\n                                block: 'nearest'\n                            });\n                        }, 200);\n                    }\n                }\n            };\n            \n            \/\/ Enhanced interactions for FAQ items\n            const faqItems = document.querySelectorAll('.imei-faq-item, .imei-faq-hero');\n            \n            faqItems.forEach((item, index) => {\n                \/\/ Keyboard accessibility\n                item.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        const questionElement = this.querySelector('.imei-faq-question');\n                        if (questionElement && this.classList.contains('imei-faq-item')) {\n                            toggleFAQ(questionElement);\n                        }\n                    }\n                });\n                \n                \/\/ Hover effects\n                if (item.classList.contains('imei-faq-item')) {\n                    item.addEventListener('mouseenter', function() {\n                        if (!this.classList.contains('active')) {\n                            this.style.transform = 'translateY(-2px) scale(1.005)';\n                        }\n                    });\n                    \n                    item.addEventListener('mouseleave', function() {\n                        if (!this.classList.contains('active')) {\n                            this.style.transform = '';\n                        }\n                    });\n                }\n                \n                \/\/ Staggered entrance animation\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(20px)';\n                item.style.transition = `all 0.6s cubic-bezier(0.4, 0, 0.2, 1) ${index * 0.1}s`;\n                \n                \/\/ Trigger animation when in viewport\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.style.opacity = '1';\n                            entry.target.style.transform = 'translateY(0)';\n                        }\n                    });\n                }, { threshold: 0.1 });\n                \n                observer.observe(item);\n            });\n            \n            \/\/ FAQ is ready for user interaction - no auto-opening to prevent scroll issues\n            \n        })();\n    <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Herramienta de Chequeo de IMEI Obt\u00e9n un Reporte Completo Proceso Confiable Encuentra tu Mejor Opci\u00f3n Informaci\u00f3n de Contacto Usaremos esto para enviar el reporte de tu IMEI. Nombre Completo Correo Electr\u00f3nico Siguiente Informaci\u00f3n del Dispositivo N\u00famero IMEI Acepto los T\u00e9rminos de Servicio, la Pol\u00edtica de Privacidad y confirmo que soy el propietario leg\u00edtimo del dispositivo. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":9576,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9565","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages\/9565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/comments?post=9565"}],"version-history":[{"count":19,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages\/9565\/revisions"}],"predecessor-version":[{"id":9624,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages\/9565\/revisions\/9624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/media\/9576"}],"wp:attachment":[{"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/media?parent=9565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}