{"id":6042,"date":"2024-10-24T15:29:15","date_gmt":"2024-10-24T15:29:15","guid":{"rendered":"https:\/\/unlockhere.com\/es-mx\/?page_id=6042"},"modified":"2025-10-17T17:05:23","modified_gmt":"2025-10-17T17:05:23","slug":"desbloquear-puk-libera-tu-sim-sin-el-codigo-puk","status":"publish","type":"page","link":"https:\/\/unlockhere.com\/es-mx\/desbloquear-puk-libera-tu-sim-sin-el-codigo-puk\/","title":{"rendered":"Desbloquear PUK &#8211; Libera tu SIM sin el C\u00f3digo PUK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6042\" class=\"elementor elementor-6042\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d7090ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d7090ab\" 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-48f0daa\" data-id=\"48f0daa\" 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-e70a86f elementor-widget elementor-widget-html\" data-id=\"e70a86f\" 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<style>\n    \/* \n     * Los estilos est\u00e1n adaptados a este componente con un ID \u00fanico para evitar conflictos.\n     * El componente es compatible con dispositivos m\u00f3viles y se adaptar\u00e1 al dise\u00f1o de su sitio.\n    *\/\n    #eg-visual-update-alert {\n        display: flex;\n        align-items: center;\n        padding: 12px 16px;\n        border-radius: 8px;\n        background-color: #eef7ff;\n        color: #1d4ed8;\n        font-size: 14px;\n        line-height: 1.5;\n        border: 1px solid #dbeafe;\n        margin: 16px 0;\n        \/* La familia de fuentes se hereda de su sitio web para una integraci\u00f3n perfecta. *\/\n    }\n\n    #eg-visual-update-alert .eg-alert-icon {\n        flex-shrink: 0;\n        margin-right: 12px;\n        width: 20px;\n        height: 20px;\n        fill: currentColor;\n    }\n\n    #eg-visual-update-alert .eg-alert-message {\n        margin: 0;\n        padding: 0;\n        font-weight: 500;\n    }\n<\/style>\n<div id=\"eg-visual-update-alert\">\n    <!-- Icono de informaci\u00f3n SVG -->\n    <svg class=\"eg-alert-icon\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"><\/path>\n    <\/svg>\n    \n    <!-- Mensaje de alerta -->\n    <p class=\"eg-alert-message\">\n        Hemos renovado nuestro dise\u00f1o para hacer todo m\u00e1s simple. Las funciones principales que ya conoces no han cambiado.\n    <\/p>\n<\/div> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5305b08 elementor-widget elementor-widget-spacer\" data-id=\"5305b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-5c98d29 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c98d29\" 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-e1612dd\" data-id=\"e1612dd\" 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-efc4980 elementor-widget elementor-widget-image\" data-id=\"efc4980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"291\" height=\"168\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2023\/08\/Marica.png\" class=\"attachment-large size-large wp-image-100\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01105a9 elementor-widget elementor-widget-heading\" data-id=\"01105a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vamos a Comenzar!<\/h2>\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-bac2260 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bac2260\" 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-20080b2\" data-id=\"20080b2\" 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-1669992 elementor-widget elementor-widget-html\" data-id=\"1669992\" 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<!-- Formulario de Recuperaci\u00f3n de C\u00f3digo PUK - 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\/* Formulario PUK Profesional - Compatible con WordPress *\/\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.pukforms-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.pukforms-container * {\n    box-sizing: border-box;\n}\n\n.pukforms-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.pukforms-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.pukforms-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.pukforms-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.pukforms-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.pukforms-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: pukforms-shimmer 2s ease-in-out infinite;\n}\n\n@keyframes pukforms-shimmer {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n}\n\n.pukforms-progress-bar {\n    background: #e5e7eb;\n    height: 8px;\n    border-radius: 4px;\n    overflow: hidden;\n    margin-bottom: 2rem;\n}\n\n.pukforms-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.pukforms-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.pukforms-last-update::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #10b981;\n    animation: pukforms-pulse-green 1.5s infinite;\n}\n\n@keyframes pukforms-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.pukforms-step {\n    display: none;\n    opacity: 0;\n    transition: opacity 0.4s ease-in-out;\n}\n\n.pukforms-step.active {\n    display: block;\n}\n\n.pukforms-step.is-visible {\n    opacity: 1;\n}\n\n.pukforms-step-content {\n    text-align: center;\n    margin-bottom: 2rem;\n}\n\n.pukforms-step-title {\n    font-size: 1.75rem !important;\n    font-weight: 700 !important;\n    color: #1f2937 !important;\n    margin-bottom: 0.75rem !important;\n    background: linear-gradient(135deg, #10b981, #059669) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n    line-height: 1.2 !important;\n}\n\n.pukforms-step-subtitle {\n    font-size: 1rem;\n    color: #6b7280;\n    font-weight: 400;\n    margin-bottom: 1.5rem;\n}\n\n.pukforms-form-group {\n    margin-bottom: 1.5rem;\n}\n\n.pukforms-label {\n    display: block;\n    font-size: 1rem;\n    font-weight: 600;\n    color: #374151;\n    margin-bottom: 0.75rem;\n}\n\n.pukforms-select, .pukforms-input {\n    width: 100%;\n    padding: 0.75rem 1rem;\n    border: 2px solid #e5e7eb;\n    border-radius: 8px;\n    font-size: 0.95rem;\n    background: white;\n    transition: all 0.3s ease;\n    font-family: inherit;\n}\n\n.pukforms-select:focus, .pukforms-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.pukforms-select.error, .pukforms-input.error {\n    border-color: #ef4444;\n    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n\n.pukforms-phone-input-group {\n    display: flex;\n    align-items: center;\n}\n\n.pukforms-phone-prefix {\n    padding: 0.75rem;\n    border: 2px solid #e5e7eb;\n    border-right: 0;\n    border-radius: 8px 0 0 8px;\n    background-color: #f3f4f6;\n    color: #374151;\n    font-weight: 500;\n}\n\n.pukforms-phone-input-group .pukforms-input {\n    border-radius: 0 8px 8px 0;\n}\n\n.pukforms-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.pukforms-help-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1f2937;\n    text-align: center;\n    margin-bottom: 1.5rem;\n}\n\n.pukforms-help-methods {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1.5rem;\n}\n\n.pukforms-help-method {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    text-align: center;\n    border: 1px solid #e5e7eb;\n    transition: all 0.3s ease;\n}\n\n.pukforms-help-method:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n}\n\n.pukforms-help-icon {\n    font-size: 2.5rem;\n    color: #3b82f6;\n    margin-bottom: 0.75rem;\n}\n\n.pukforms-help-text {\n    font-size: 1rem;\n    font-weight: 500;\n    color: #374151;\n    line-height: 1.6;\n}\n\n.pukforms-checkbox-group {\n    text-align: left;\n    margin: 1.5rem 0;\n}\n\n.pukforms-checkbox-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    margin-bottom: 1rem;\n    padding: 1rem;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n}\n\n.pukforms-checkbox-item:hover {\n    border-color: #3b82f6;\n    background: #eff6ff;\n}\n\n.pukforms-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.pukforms-checkbox-label {\n    font-size: 0.9rem;\n    color: #374151;\n    line-height: 1.6;\n}\n\n.pukforms-checkbox-label a {\n    color: #3b82f6;\n    text-decoration: none;\n    font-weight: 500;\n}\n\n.pukforms-checkbox-label a:hover {\n    text-decoration: underline;\n}\n\n.pukforms-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.pukforms-btn {\n    padding: 0.75rem 1.5rem;\n    border-radius: 8px;\n    font-size: 0.95rem;\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: 120px;\n    justify-content: center;\n}\n\n.pukforms-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.pukforms-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(59, 130, 246, 0.35);\n}\n\n.pukforms-btn-secondary {\n    background: #f3f4f6;\n    color: #374151;\n    border: 1px solid #d1d5db;\n}\n\n.pukforms-btn-secondary:hover {\n    background: #e5e7eb;\n    transform: translateY(-1px);\n}\n\n.pukforms-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none !important;\n}\n\n.pukforms-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.pukforms-error-message:hover {\n    color: #dc2626;\n    transform: translateX(2px);\n}\n\n.pukforms-email-suggestion {\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 8px;\n    padding: 0.5rem 0.75rem;\n    font-size: 0.875rem;\n    color: #dc2626;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: 0.5rem;\n    transition: all 0.3s ease;\n}\n\n.pukforms-email-suggestion:hover {\n    background: #fee2e2;\n    border-color: #fca5a5;\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1);\n}\n\n\/* Enhanced Membership Section *\/\n.pukforms-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.pukforms-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: pukforms-rotate 20s linear infinite;\n}\n\n@keyframes pukforms-rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.pukforms-membership-content {\n    position: relative;\n    z-index: 1;\n}\n\n.pukforms-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.pukforms-membership-subtitle {\n    font-size: 1.1rem;\n    margin-bottom: 2rem;\n    opacity: 0.9;\n    color: white !important;\n}\n\n.pukforms-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.pukforms-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.pukforms-benefit-item:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-2px);\n}\n\n.pukforms-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.pukforms-benefit-text {\n    flex: 1;\n}\n\n.pukforms-benefit-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    margin-bottom: 0.25rem;\n    color: white !important;\n}\n\n.pukforms-benefit-desc {\n    font-size: 0.8rem;\n    opacity: 0.8;\n    color: white !important;\n}\n\n.pukforms-membership-text {\n    font-size: 1rem;\n    color: white !important;\n    margin-bottom: 1.5rem;\n}\n\n.pukforms-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.pukforms-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.pukforms-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.pukforms-code-title {\n    font-size: 1rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    color: white !important;\n}\n\n.pukforms-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.pukforms-code-input::placeholder {\n    color: rgba(255, 255, 255, 0.6) !important;\n}\n\n.pukforms-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.pukforms-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.pukforms-code-submit:hover {\n    background: white;\n    color: #1e3a8a;\n    transform: translateY(-2px);\n}\n\n\/* Loading animation *\/\n.pukforms-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: pukforms-spin 1s ease-in-out infinite;\n}\n\n@keyframes pukforms-spin {\n    to { transform: rotate(360deg); }\n}\n\n@media (max-width: 768px) {\n    .pukforms-container {\n        padding: 0.5rem !important;\n    }\n    \n    .pukforms-form-wrapper {\n        padding: 1rem !important;\n        margin: 0 !important;\n        border-radius: 12px !important;\n        max-width: 100% !important;\n    }\n    \n    .pukforms-step-title {\n        font-size: 1.25rem !important;\n        line-height: 1.3 !important;\n        margin-bottom: 0.5rem !important;\n    }\n    \n    .pukforms-step-subtitle {\n        font-size: 0.875rem !important;\n        margin-bottom: 1rem !important;\n    }\n\n    .pukforms-form-group {\n        margin-bottom: 1rem !important;\n    }\n    \n    .pukforms-select, .pukforms-input {\n        padding: 0.875rem 1rem !important;\n        font-size: 1rem !important;\n    }\n    \n    .pukforms-checkbox-group {\n        margin: 1rem 0 !important;\n    }\n    \n    .pukforms-checkbox-item {\n        padding: 0.875rem !important;\n        margin-bottom: 0.75rem !important;\n    }\n    \n    .pukforms-checkbox-label {\n        font-size: 0.875rem !important;\n        line-height: 1.5 !important;\n    }\n    \n    .pukforms-navigation {\n        flex-direction: column !important;\n        gap: 0.75rem !important;\n        margin-top: 1.5rem !important;\n        padding-top: 1rem !important;\n    }\n    \n    .pukforms-btn {\n        width: 100% !important;\n        padding: 1rem 1.5rem !important;\n        font-size: 1rem !important;\n    }\n    \n    .pukforms-help-section {\n        padding: 1rem !important;\n        margin: 1rem 0 !important;\n    }\n    \n    .pukforms-help-methods {\n        grid-template-columns: 1fr !important;\n        gap: 0.75rem !important;\n    }\n    \n    .pukforms-help-method {\n        padding: 1rem !important;\n        text-align: left !important;\n    }\n    \n    .pukforms-help-icon {\n        font-size: 1.5rem !important;\n        margin-bottom: 0.5rem !important;\n        text-align: center !important;\n    }\n    \n    .pukforms-help-text {\n        font-size: 0.875rem !important;\n        line-height: 1.4 !important;\n    }\n    \n    .pukforms-help-title {\n        font-size: 1.125rem !important;\n        margin-bottom: 1rem !important;\n    }\n    \n    .pukforms-header-banner {\n        margin: -1rem -1rem 1rem -1rem !important;\n        padding: 1rem !important;\n        border-radius: 12px 12px 0 0 !important;\n    }\n    \n    .pukforms-header-title {\n        font-size: 1.25rem !important;\n        margin-bottom: 0.5rem !important;\n        color: white !important;\n        text-decoration: none !important;\n        line-height: 1.2 !important;\n    }\n    \n    .pukforms-header-subtitle {\n        flex-direction: row !important;\n        gap: 0.25rem !important;\n        font-size: 0.65rem !important;\n        color: white !important;\n        text-decoration: none !important;\n        flex-wrap: nowrap !important;\n        justify-content: center !important;\n    }\n    \n    .pukforms-header-item {\n        gap: 0.25rem !important;\n    }\n    \n    .pukforms-progress-bar {\n        margin-bottom: 1rem !important;\n    }\n    \n    .pukforms-benefits-grid {\n        grid-template-columns: 1fr !important;\n        gap: 0.75rem !important;\n    }\n\n    .pukforms-benefit-item {\n        padding: 0.875rem !important;\n    }\n\n    .pukforms-hero-section {\n        padding: 2rem 1rem !important;\n        margin-bottom: 1.5rem !important;\n    }\n\n    .pukforms-hero-title {\n        font-size: 2rem !important;\n    }\n\n    .pukforms-hero-button {\n        padding: 1.25rem 2rem !important;\n        font-size: 1rem !important;\n        width: 100% !important;\n        justify-content: center !important;\n    }\n\n    .pukforms-features-grid {\n        grid-template-columns: 1fr !important;\n        gap: 1rem !important;\n    }\n\n    .pukforms-feature-card {\n        padding: 1.5rem 1rem !important;\n    }\n\n    .pukforms-feature-icon {\n        font-size: 2.5rem !important;\n    }\n\n    .pukforms-testimonial {\n        padding: 1.5rem 1rem !important;\n        margin-bottom: 1.5rem !important;\n    }\n\n    .pukforms-testimonial p {\n        font-size: 1rem !important;\n    }\n\n    .pukforms-last-update {\n        font-size: 0.7rem !important;\n        padding: 0.5rem 1rem !important;\n    }\n\n    .pukforms-code-input {\n        max-width: 100%;\n    }\n}\n\n\/* Success Message Styling *\/\n.pukforms-success-container {\n    animation: pukforms-success-slide-up 0.8s ease-out;\n    position: relative;\n    overflow: hidden;\n}\n\n.pukforms-success-container::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n    animation: pukforms-rotate 15s linear infinite;\n}\n\n@keyframes pukforms-success-slide-up {\n    0% {\n        opacity: 0;\n        transform: translateY(50px) scale(0.95);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n.pukforms-success-icon {\n    animation: pukforms-success-bounce 1s ease-out;\n}\n\n@keyframes pukforms-success-bounce {\n    0%, 20%, 50%, 80%, 100% {\n        transform: translateY(0);\n    }\n    40% {\n        transform: translateY(-20px);\n    }\n    60% {\n        transform: translateY(-10px);\n    }\n}\n\n.pukforms-success-details {\n    animation: pukforms-fade-in-up 0.6s ease-out 0.3s both;\n}\n\n@keyframes pukforms-fade-in-up {\n    0% {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Mobile optimizations for success message *\/\n@media (max-width: 768px) {\n    .pukforms-success-container {\n        padding: 1.5rem !important;\n        margin: 1rem 0 !important;\n    }\n    \n    .pukforms-success-icon {\n        font-size: 3rem !important;\n        margin-bottom: 1rem !important;\n    }\n    \n    .pukforms-success-container h2 {\n        font-size: 1.5rem !important;\n        margin-bottom: 1rem !important;\n    }\n    \n    .pukforms-success-container p {\n        font-size: 1rem !important;\n        margin-bottom: 1.5rem !important;\n    }\n    \n    .pukforms-success-details {\n        padding: 1.5rem !important;\n        margin: 1.5rem 0 !important;\n    }\n    \n    .pukforms-success-details h3 {\n        font-size: 1.25rem !important;\n        margin-bottom: 1rem !important;\n    }\n    \n    .pukforms-success-details > div:first-of-type {\n        grid-template-columns: 1fr !important;\n        gap: 0.75rem !important;\n        margin-bottom: 1.5rem !important;\n    }\n    \n    .pukforms-success-details > div:first-of-type > div {\n        text-align: center !important;\n    }\n    \n    .pukforms-success-details > div:last-of-type {\n        padding: 1rem !important;\n    }\n    \n    .pukforms-success-details > div:last-of-type h4 {\n        font-size: 1rem !important;\n        margin-bottom: 0.75rem !important;\n    }\n    \n    .pukforms-success-details > div:last-of-type p {\n        font-size: 0.9rem !important;\n    }\n    \n    .pukforms-success-container > div:last-of-type {\n        flex-direction: column !important;\n        gap: 0.75rem !important;\n        margin-top: 1.5rem !important;\n    }\n    \n    .pukforms-success-container > div:last-of-type a {\n        width: 100% !important;\n        justify-content: center !important;\n        padding: 1rem !important;\n        font-size: 0.9rem !important;\n    }\n}\n\n\/* Disclaimer Banner *\/\n.pukforms-disclaimer-banner {\n    background: linear-gradient(135deg, #e8ecf4, #f0f4ff);\n    color: #3d4d7a;\n    text-align: center;\n    padding: 0.75rem 1rem;\n    border-radius: 8px;\n    margin-bottom: 1rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    border: 1px solid #b8c5d6;\n    box-shadow: 0 1px 2px rgba(61, 77, 122, 0.1);\n}\n\n\/* Highlighted help text *\/\n.pukforms-highlighted-help {\n    background: linear-gradient(135deg, #e8ecf4, #f0f4ff);\n    padding: 1rem 1.25rem;\n    border-radius: 12px;\n    border-left: 4px solid #5b6fd8;\n    margin: 1rem 0;\n    font-weight: 500;\n    color: #3d4d7a;\n    box-shadow: 0 2px 4px rgba(91, 111, 216, 0.1);\n}\n\n\/* Modern Hero Section Styling *\/\n.pukforms-hero-section {\n    background: linear-gradient(135deg, #5b6fd8 0%, #3d4d7a 100%);\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    text-align: center;\n    color: white;\n    margin-bottom: 2rem;\n    position: relative;\n    overflow: hidden;\n}\n\n.pukforms-hero-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: pukforms-hero-rotate 15s linear infinite;\n}\n\n@keyframes pukforms-hero-rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.pukforms-hero-icon {\n    width: 80px;\n    height: 80px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 1.5rem;\n    font-size: 2.5rem;\n    backdrop-filter: blur(10px);\n    position: relative;\n    z-index: 1;\n}\n\n.pukforms-hero-title {\n    font-size: 2.5rem !important;\n    font-weight: 800 !important;\n    margin-bottom: 1rem !important;\n    color: white !important;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n    position: relative;\n    z-index: 1;\n}\n\n.pukforms-main-cta {\n    position: relative;\n    z-index: 1;\n}\n\n.pukforms-hero-button {\n    background: linear-gradient(135deg, #ff6b6b, #ff8e53);\n    color: white;\n    padding: 1.5rem 3rem;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 1.2rem;\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(255, 107, 107, 0.4);\n    transition: all 0.3s ease;\n    margin-bottom: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.pukforms-button-content {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    position: relative;\n    z-index: 2;\n}\n\n.pukforms-button-shine {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n    transition: left 0.6s ease;\n}\n\n.pukforms-hero-button:hover {\n    transform: translateY(-3px) scale(1.05);\n    box-shadow: 0 15px 40px rgba(255, 107, 107, 0.6);\n    color: white;\n}\n\n.pukforms-hero-button:hover .pukforms-button-shine {\n    left: 100%;\n}\n\n.pukforms-guarantee {\n    font-size: 0.9rem;\n    opacity: 0.9;\n    margin: 0;\n}\n\n\/* Features Grid *\/\n.pukforms-features-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1.5rem;\n    margin-bottom: 2rem;\n}\n\n.pukforms-feature-card {\n    background: linear-gradient(135deg, #ffffff, #f8fafc);\n    border-radius: 15px;\n    padding: 2rem 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n    border: 1px solid #b8c5d6;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.pukforms-feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #5b6fd8, #3d4d7a);\n}\n\n.pukforms-feature-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n}\n\n.pukforms-feature-icon {\n    font-size: 3rem;\n    margin-bottom: 1rem;\n}\n\n.pukforms-container .pukforms-feature-card h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #1f2937;\n}\n\n.pukforms-feature-card p {\n    color: #6b7280;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* Testimonial *\/\n.pukforms-testimonial {\n    background: linear-gradient(135deg, #f0f4ff, #e8ecf4);\n    border-radius: 20px;\n    padding: 2rem;\n    margin-bottom: 2rem;\n    position: relative;\n    border: 1px solid #b8c5d6;\n}\n\n.pukforms-testimonial::before {\n    content: '\"';\n    position: absolute;\n    top: -10px;\n    left: 20px;\n    font-size: 4rem;\n    color: #5b6fd8;\n    font-weight: 700;\n    opacity: 0.3;\n}\n\n.pukforms-testimonial-content {\n    text-align: center;\n}\n\n.pukforms-testimonial-stars {\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n}\n\n.pukforms-testimonial p {\n    font-size: 1.1rem;\n    color: #374151;\n    font-style: italic;\n    margin-bottom: 1rem;\n    line-height: 1.6;\n}\n\n.pukforms-testimonial-author {\n    color: #6b7280;\n    font-size: 0.9rem;\n}\n<\/style>\n\n<div class=\"pukforms-container\">\n    <div class=\"pukforms-form-wrapper\">\n        <!-- Banner de Encabezado -->\n        <div class=\"pukforms-header-banner\">\n            <h1 class=\"pukforms-header-title\">\n                <i class=\"fas fa-sim-card\"><\/i>\n                Servicio de Recuperaci\u00f3n de C\u00f3digo PUK SIM\n            <\/h1>\n            <div class=\"pukforms-header-subtitle\">\n                <span class=\"pukforms-header-item\">\n                    <i class=\"fas fa-key\"><\/i>\n                    C\u00f3digo PUK Instant\u00e1neo\n                <\/span>\n                <span class=\"pukforms-header-item\">\n                    <i class=\"fas fa-globe\"><\/i>\n                    Todos los Operadores Soportados\n                <\/span>\n                <span class=\"pukforms-header-item\">\n                    <i class=\"fas fa-dollar-sign\"><\/i>\n                    $1.25 (Membres\u00eda Requerida)\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Progress Bar -->\n        <div class=\"pukforms-progress-bar\">\n            <div class=\"pukforms-progress-fill\" style=\"width: 25%\"><\/div>\n        <\/div>\n        \n        <!-- Form Container -->\n        <form id=\"pukforms-multistep\">\n        \n            <!-- Paso 1: Marca del Dispositivo y Pa\u00eds -->\n            <div class=\"pukforms-step active\" data-step=\"1\">\n                <div class=\"pukforms-step-content\">\n                    <h2 id=\"step1-question\" class=\"pukforms-step-title\">Selecciona la Marca de tu Dispositivo y Pa\u00eds<\/h2>\n                    <p class=\"pukforms-step-subtitle\">Esto nos ayuda a encontrar el c\u00f3digo PUK correcto para tu operador.<\/p>\n\n                    <div class=\"pukforms-form-group\">\n                        <label for=\"device-brand\" class=\"pukforms-label\"><i class=\"fas fa-mobile-alt mr-2\"><\/i>Marca del Dispositivo<\/label>\n                        <select id=\"device-brand\" class=\"pukforms-select\">\n                            <option value=\"\">Elige la marca de tu dispositivo...<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"pukforms-form-group\">\n                        <label for=\"country-select\" class=\"pukforms-label\"><i class=\"fas fa-flag mr-2\"><\/i>Pa\u00eds<\/label>\n                        <select id=\"country-select\" class=\"pukforms-select\">\n                            <option value=\"\">Elige tu pa\u00eds...<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                <div class=\"pukforms-navigation\">\n                    <div><\/div>\n                    <button type=\"button\" class=\"pukforms-btn pukforms-btn-primary\" onclick=\"PUKForms.nextStep()\">\n                        <span>Siguiente Paso<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        \n            <!-- Paso 2: N\u00famero de Tel\u00e9fono -->\n            <div class=\"pukforms-step\" data-step=\"2\">\n                <div class=\"pukforms-step-content\">\n                    <h2 id=\"step2-question\" class=\"pukforms-step-title\">\u00bfCu\u00e1l es tu N\u00famero de Tel\u00e9fono?<\/h2>\n                    <p class=\"pukforms-step-subtitle\">Ingresa el n\u00famero de tel\u00e9fono de la tarjeta SIM que est\u00e1 bloqueada.<\/p>\n\n                    <div class=\"pukforms-form-group\">\n                        <label for=\"phone-number\" class=\"pukforms-label\">\n                            <i class=\"fas fa-phone mr-2\"><\/i>N\u00famero de Tel\u00e9fono\n                        <\/label>\n                        <div class=\"pukforms-phone-input-group\">\n                            <span id=\"phone-prefix\" class=\"pukforms-phone-prefix\">+54<\/span>\n                            <input type=\"tel\" id=\"phone-number\" class=\"pukforms-input\" placeholder=\"Ingresa tu n\u00famero de tel\u00e9fono...\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pukforms-navigation\">\n                    <button type=\"button\" class=\"pukforms-btn pukforms-btn-secondary\" onclick=\"PUKForms.prevStep()\">\n                        <i class=\"fas fa-arrow-left\"><\/i>\n                        <span>Anterior<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"pukforms-btn pukforms-btn-primary\" onclick=\"PUKForms.nextStep()\">\n                        <span>Siguiente Paso<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- Secci\u00f3n de Ayuda -->\n                <div class=\"pukforms-help-section\">\n                    <h3 id=\"help-title\" class=\"pukforms-help-title\">\u00bfPor qu\u00e9 necesitamos esta informaci\u00f3n?<\/h3>\n                    <div class=\"pukforms-help-methods\">\n                        <!-- Los m\u00e9todos de ayuda se insertar\u00e1n din\u00e1micamente aqu\u00ed -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n            <!-- Paso 3: Detalles Personales -->\n            <div class=\"pukforms-step\" data-step=\"3\">\n                <div class=\"pukforms-step-content\">\n                    <h2 class=\"pukforms-step-title\">Detalles Personales<\/h2>\n                    <p class=\"pukforms-step-subtitle\">Por favor proporciona tu informaci\u00f3n de contacto para continuar<\/p>\n\n                    <div class=\"pukforms-form-group\">\n                        <label for=\"user-name\" class=\"pukforms-label\">\n                            <i class=\"fas fa-user mr-2\"><\/i>Nombre Completo\n                        <\/label>\n                        <input type=\"text\" id=\"user-name\" placeholder=\"Ingresa tu nombre completo\" class=\"pukforms-input\">\n                    <\/div>\n\n                    <div class=\"pukforms-form-group\">\n                        <label for=\"user-email\" class=\"pukforms-label\">\n                            <i class=\"fas fa-envelope mr-2\"><\/i>Direcci\u00f3n de Correo Electr\u00f3nico\n                        <\/label>\n                        <input type=\"email\" id=\"user-email\" placeholder=\"Ingresa tu direcci\u00f3n de correo electr\u00f3nico\" class=\"pukforms-input\">\n                    <\/div>\n\n                    <div class=\"pukforms-checkbox-group\">\n                        <div class=\"pukforms-checkbox-item\">\n                            <input type=\"checkbox\" id=\"terms-consent\" class=\"pukforms-checkbox-input\">\n                            <label for=\"terms-consent\" class=\"pukforms-checkbox-label\">\n                                <i class=\"fas fa-shield-alt mr-2\" style=\"color: #10b981;\"><\/i>\n                                Acepto los <a href=\"https:\/\/unlockhere.com\/terms-of-service\/\" target=\"_blank\" style=\"color: #10b981;\" class=\"hover:underline\">T\u00e9rminos de Servicio<\/a>,\n                                <a href=\"https:\/\/unlockhere.com\/privacy-policy\/\" target=\"_blank\" style=\"color: #10b981;\" class=\"hover:underline\">Pol\u00edtica de Privacidad<\/a> y confirmo que esta es mi propia tarjeta SIM.\n                            <\/label>\n                        <\/div>\n\n                        <div class=\"pukforms-checkbox-item\">\n                            <input type=\"checkbox\" id=\"data-consent\" class=\"pukforms-checkbox-input\">\n                            <label for=\"data-consent\" class=\"pukforms-checkbox-label\">\n                                <i class=\"fas fa-database mr-2\" style=\"color: #10b981;\"><\/i>\n                                Consiento el almacenamiento de mis datos y su uso para notificaciones transaccionales relacionadas con la recuperaci\u00f3n de mi c\u00f3digo PUK.\n                                Entiendo mis derechos respecto a la privacidad de datos seg\u00fan se describe en la\n                                <a href=\"https:\/\/unlockhere.com\/privacy-policy\/\" target=\"_blank\" style=\"color: #10b981;\" class=\"hover:underline\">Pol\u00edtica de Privacidad<\/a>.\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pukforms-navigation\">\n                    <button type=\"button\" class=\"pukforms-btn pukforms-btn-secondary\" onclick=\"PUKForms.prevStep()\">\n                        <i class=\"fas fa-arrow-left\"><\/i>\n                        <span>Anterior<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"pukforms-btn pukforms-btn-primary\" onclick=\"PUKForms.nextStep()\">\n                        <span>Continuar<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Paso 4: Soluci\u00f3n Alternativa -->\n            <div class=\"pukforms-step\" data-step=\"4\">\n                <div class=\"pukforms-step-content\">\n                    <div class=\"pukforms-disclaimer-banner\">\n                        <strong>\u26a0\ufe0f ANUNCIO PATROCINADO<\/strong>\n                    <\/div>\n\n                    <div class=\"pukforms-hero-section\">\n                        <div class=\"pukforms-hero-icon\">\n                            <i class=\"fas fa-exclamation-triangle\"><\/i>\n                        <\/div>\n                        <h2 class=\"pukforms-hero-title\">\n                            Desbloqueo No Disponible para Este Dispositivo\n                        <\/h2>\n                        <p class=\"pukforms-highlighted-help\">\n                            \u00a1No te preocupes! Nuestro socio confiable Unlockzy se especializa en estos escenarios exactos de recuperaci\u00f3n de c\u00f3digos PUK. Reg\u00edstrate con ellos hoy (es gratis unirte) y ellos manejar\u00e1n la recuperaci\u00f3n de tu c\u00f3digo PUK de manera profesional y segura.\n                        <\/p>\n\n                        <div class=\"pukforms-main-cta\">\n                            <a href=\"https:\/\/unlockzy.com\/funnel\/uh-signup?affiliate=unlockhere\" target=\"_blank\" class=\"pukforms-hero-button\" rel=\"noopener\">\n                                <span class=\"pukforms-button-content\">\n                                    <i class=\"fas fa-external-link-alt\"><\/i>\n                                    <span>Comenzar con Unlockzy<\/span>\n                                <\/span>\n                                <div class=\"pukforms-button-shine\"><\/div>\n                            <\/a>\n                            <p class=\"pukforms-guarantee\">\n                                \u2713 Proceso de registro f\u00e1cil<br>\n                                \u2713 Acceso instant\u00e1neo al c\u00f3digo PUK\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Cuadr\u00edcula de Caracter\u00edsticas -->\n                    <div class=\"pukforms-features-grid\">\n                        <div class=\"pukforms-feature-card\">\n                            <div class=\"pukforms-feature-icon\">\ud83d\udcf1<\/div>\n                            <h3>Todos los Tipos de Dispositivos<\/h3>\n                            <p>Soporta iPhone, Android y todas las marcas principales en todo el mundo<\/p>\n                        <\/div>\n                        <div class=\"pukforms-feature-card\">\n                            <div class=\"pukforms-feature-icon\">\ud83c\udf10<\/div>\n                            <h3>Cobertura Global<\/h3>\n                            <p>Funciona con cualquier operador en cualquier pa\u00eds<\/p>\n                        <\/div>\n                        <div class=\"pukforms-feature-card\">\n                            <div class=\"pukforms-feature-icon\">\u26a1<\/div>\n                            <h3>Resultados Instant\u00e1neos<\/h3>\n                            <p>Obt\u00e9n tu c\u00f3digo PUK inmediatamente despu\u00e9s del registro<\/p>\n                        <\/div>\n                        <div class=\"pukforms-feature-card\">\n                            <div class=\"pukforms-feature-icon\">\ud83d\udee1\ufe0f<\/div>\n                            <h3>Seguro y Confiable<\/h3>\n                            <p>M\u00e9todos de desbloqueo oficiales, sin riesgo para tu dispositivo<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonio -->\n                    <div class=\"pukforms-testimonial\">\n                        <div class=\"pukforms-testimonial-content\">\n                            <div class=\"pukforms-testimonial-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n                            <p>\"Unlockzy me ayud\u00f3 a obtener mi c\u00f3digo PUK en minutos. El proceso fue s\u00faper f\u00e1cil y el soporte fue excelente.\"<\/p>\n                            <div class=\"pukforms-testimonial-author\">\n                                <strong>Mike R.<\/strong> - Cliente Verificado\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"pukforms-navigation\">\n                    <button type=\"button\" class=\"pukforms-btn pukforms-btn-secondary\" onclick=\"PUKForms.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=\"pukforms-last-update\" class=\"pukforms-last-update\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ Sistema de Formulario de Recuperaci\u00f3n de C\u00f3digo PUK - Configuraci\u00f3n Modular\nconst PUKForms = {\n    currentStep: 1,\n    totalSteps: 4,\n    countries: [],\n    updateClickCount: 0,\n    allCodesAccepted: false,\n    config: {\n        step1: {\n            question: \"Selecciona la Marca de tu Dispositivo y Pa\u00eds\",\n            brands: [\n                { value: \"apple\", text: \"Apple\" },\n                { value: \"samsung\", text: \"Samsung\" },\n                { value: \"google\", text: \"Google\" },\n                { value: \"huawei\", text: \"Huawei\" },\n                { value: \"xiaomi\", text: \"Xiaomi\" },\n                { value: \"oneplus\", text: \"OnePlus\" },\n                { value: \"motorola\", text: \"Motorola\" },\n                { value: \"lg\", text: \"LG\" },\n                { value: \"nokia\", text: \"Nokia\" },\n                { value: \"other\", text: \"Otro\" }\n            ],\n            countries: [\n                \/\/ Pa\u00edses Latinoamericanos primero\n                { name: 'Argentina', code: '+54' },\n                { name: 'M\u00e9xico', code: '+52' },\n                { name: 'Colombia', code: '+57' },\n                { name: 'Chile', code: '+56' },\n                { name: 'Per\u00fa', code: '+51' },\n                { name: 'Venezuela', code: '+58' },\n                { name: 'Ecuador', code: '+593' },\n                { name: 'Guatemala', code: '+502' },\n                { name: 'Cuba', code: '+53' },\n                { name: 'Bolivia', code: '+591' },\n                { name: 'Uruguay', code: '+598' },\n                { name: 'Paraguay', code: '+595' },\n                { name: 'Panam\u00e1', code: '+507' },\n                { name: 'Costa Rica', code: '+506' },\n                { name: 'El Salvador', code: '+503' },\n                { name: 'Honduras', code: '+504' },\n                { name: 'Nicaragua', code: '+505' },\n                { name: 'Rep\u00fablica Dominicana', code: '+1' },\n                { name: 'Puerto Rico', code: '+1' },\n                { name: 'Brasil', code: '+55' },\n                { name: 'Hait\u00ed', code: '+509' },\n                \/\/ Otros pa\u00edses\n                { name: 'Estados Unidos', code: '+1' },\n                { name: 'Canad\u00e1', code: '+1' },\n                { name: 'Espa\u00f1a', code: '+34' },\n                { name: 'Alemania', code: '+49' },\n                { name: 'Australia', code: '+61' },\n                { name: 'Austria', code: '+43' },\n                { name: 'B\u00e9lgica', code: '+32' },\n                { name: 'Bulgaria', code: '+359' },\n                { name: 'Chipre', code: '+357' },\n                { name: 'Croacia', code: '+385' },\n                { name: 'Dinamarca', code: '+45' },\n                { name: 'Eslovaquia', code: '+421' },\n                { name: 'Eslovenia', code: '+386' },\n                { name: 'Estonia', code: '+372' },\n                { name: 'Finlandia', code: '+358' },\n                { name: 'Francia', code: '+33' },\n                { name: 'Grecia', code: '+30' },\n                { name: 'Hungr\u00eda', code: '+36' },\n                { name: 'Irlanda', code: '+353' },\n                { name: 'Italia', code: '+39' },\n                { name: 'Letonia', code: '+371' },\n                { name: 'Lituania', code: '+370' },\n                { name: 'Luxemburgo', code: '+352' },\n                { name: 'Malta', code: '+356' },\n                { name: 'Pa\u00edses Bajos', code: '+31' },\n                { name: 'Polonia', code: '+48' },\n                { name: 'Portugal', code: '+351' },\n                { name: 'Rep\u00fablica Checa', code: '+420' },\n                { name: 'Rumania', code: '+40' },\n                { name: 'Suecia', code: '+46' },\n                { name: 'Sud\u00e1frica', code: '+27' }\n            ]\n        },\n        step2: {\n            question: \"\u00bfCu\u00e1l es tu N\u00famero de Tel\u00e9fono?\",\n            helpSection: {\n                title: \"\u00bfPor qu\u00e9 necesitamos esta informaci\u00f3n?\",\n                methods: [\n                    {\n                        title: \"Usamos tu pa\u00eds y marca para identificar la red correcta del operador para tu tarjeta SIM.\",\n                        icon: \"fas fa-network-wired\"\n                    },\n                    {\n                        title: \"Tu n\u00famero de tel\u00e9fono se usa para recuperar el c\u00f3digo PUK \u00fanico asociado con tu SIM.\",\n                        icon: \"fas fa-key\"\n                    }\n                ]\n            }\n        },\n        validation: {\n            required: [\"device-brand\", \"country-select\", \"phone-number\", \"user-name\", \"user-email\", \"terms-consent\"],\n            email: [\"user-email\"],\n            phone: [\"phone-number\"]\n        },\n        onSubmit: function(formData) {\n            console.log(\"Formulario PUK enviado:\", formData);\n\n            \/\/ Dado que el paso 4 ahora es el anuncio patrocinado, mostraremos la p\u00e1gina del socio\n            \/\/ El usuario ser\u00e1 redirigido a Unlockzy\n        }\n    },\n\n    init: function() {\n        this._0xy7z8a9();\n        this._0xp7q8r9();\n        this.countries = this.config.step1.countries;\n        this.renderStep1Options();\n        this.renderHelpSection();\n        this.bindEvents();\n        this.updateProgress();\n        this.renderLastUpdate();\n        document.querySelector('.pukforms-step.active').classList.add('is-visible');\n        this._0xs1t2u3();\n    },\n\n    \/\/ Protecci\u00f3n ligera (no intrusiva)\n    _0xp7q8r9: function() {\n        \/\/ Solo deshabilita el clic derecho, nada m\u00e1s\n        document.addEventListener('contextmenu', (e) => {\n            e.preventDefault();\n        });\n    },\n\n    _0xs1t2u3: function() {\n        \/\/ Placeholder para futuras protecciones - actualmente deshabilitado\n    },\n\n    _0xv4w5x6: function() {\n        \/\/ Placeholder para respuesta de seguridad - actualmente deshabilitado\n    },\n\n    \/\/ Protecci\u00f3n de consola (m\u00ednima)\n    _0xy7z8a9: function() {\n        \/\/ No hay datos sensibles para proteger - protecci\u00f3n m\u00ednima \u00fanicamente\n        const _0x1b2c = console.log;\n        console.log = function(...args) {\n            _0x1b2c.apply(console, args);\n        };\n    },\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('pukforms-last-update');\n        if (updateElement) {\n            updateElement.textContent = `Last Update: ${hoursAgo} hours ago`;\n            updateElement.style.cursor = 'pointer';\n            updateElement.addEventListener('click', this.handleUpdateClick.bind(this));\n        }\n    },\n\n    handleUpdateClick: function() {\n        \/\/ Funcionalidad de clic de actualizaci\u00f3n - ya no necesaria para el sistema de membres\u00eda\n        console.log('\u00daltima actualizaci\u00f3n clickeada');\n    },\n\n    renderStep1Options: function() {\n        const brandSelect = document.getElementById('device-brand');\n        this.config.step1.brands.forEach(option => {\n            const optionElement = document.createElement('option');\n            optionElement.value = option.value;\n            optionElement.textContent = option.text;\n            brandSelect.appendChild(optionElement);\n        });\n\n        const countrySelect = document.getElementById('country-select');\n        this.countries.forEach(country => {\n            const optionElement = document.createElement('option');\n            optionElement.value = country.code;\n            optionElement.textContent = country.name;\n            countrySelect.appendChild(optionElement);\n        });\n    },\n\n    renderHelpSection: function() {\n        const container = document.querySelector('.pukforms-help-methods');\n        const title = document.getElementById('help-title');\n        title.textContent = this.config.step2.helpSection.title;\n        \n        container.innerHTML = '';\n        this.config.step2.helpSection.methods.forEach(method => {\n            const methodDiv = document.createElement('div');\n            methodDiv.className = 'pukforms-help-method';\n            methodDiv.innerHTML = `\n                <div class=\"pukforms-help-icon\">\n                    <i class=\"${method.icon}\"><\/i>\n                <\/div>\n                <p class=\"pukforms-help-text\">${method.title}<\/p>\n            `;\n            container.appendChild(methodDiv);\n        });\n    },\n\n    bindEvents: function() {\n        const form = document.getElementById('pukforms-multistep');\n        form.addEventListener('submit', (e) => {\n            e.preventDefault();\n            this.handleSubmit();\n        });\n\n        const countrySelect = document.getElementById('country-select');\n        countrySelect.addEventListener('change', this.updatePhonePrefix.bind(this));\n    },\n\n    updatePhonePrefix: function() {\n        const countrySelect = document.getElementById('country-select');\n        const selectedCountryCode = countrySelect.value;\n        const selectedCountry = this.countries.find(c => c.code === selectedCountryCode);\n        const prefixEl = document.getElementById('phone-prefix');\n        \n        if (selectedCountry && selectedCountry.code) {\n            prefixEl.textContent = selectedCountry.code;\n        } else {\n            prefixEl.textContent = '+';\n        }\n    },\n\n    nextStep: function() {\n        if (this.validateCurrentStep()) {\n            if (this.currentStep < this.totalSteps) {\n                this.showStep(this.currentStep + 1);\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(`.pukforms-step[data-step=\"${this.currentStep}\"].active`);\n        const newStepEl = document.querySelector(`.pukforms-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            });\n\n        }, 400);\n\n        this.currentStep = stepNumber;\n        this.updateProgress();\n    },\n\n    updateProgress: function() {\n        const progressPercent = ((this.currentStep - 1) \/ (this.totalSteps - 1)) * 100;\n        const progressFill = document.querySelector('.pukforms-progress-fill');\n        if(progressFill) {\n            progressFill.style.width = progressPercent + '%';\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 brand = document.getElementById('device-brand');\n            const country = document.getElementById('country-select');\n            if (!brand.value) {\n                this.showError(brand, 'Por favor selecciona una marca de dispositivo');\n                isValid = false;\n            }\n            if (!country.value) {\n                this.showError(country, 'Por favor selecciona tu pa\u00eds');\n                isValid = false;\n            }\n        } else if (step === 2) {\n            const phone = document.getElementById('phone-number');\n            if (!phone.value.trim()) {\n                this.showError(phone, 'Por favor ingresa tu n\u00famero de tel\u00e9fono');\n                isValid = false;\n            } else if (!\/^\\d{7,15}$\/.test(phone.value.replace(\/\\s\/g, ''))) {\n                this.showError(phone, 'Por favor ingresa un n\u00famero de tel\u00e9fono v\u00e1lido (7-15 d\u00edgitos)');\n                isValid = false;\n            }\n        } else if (step === 3) {\n            const name = document.getElementById('user-name');\n            const email = document.getElementById('user-email');\n            const termsConsent = document.getElementById('terms-consent');\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 correo electr\u00f3nico');\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('.pukforms-error-message');\n                        errorMsg.style.cursor = 'pointer';\n                        errorMsg.title = 'Haz clic para usar el correo sugerido';\n                        errorMsg.onclick = () => {\n                            email.value = emailValidation.suggestion;\n                            this.clearErrors();\n                        };\n                    }\n                    isValid = false;\n                }\n            }\n\n            if (!termsConsent.checked) {\n                this.showError(termsConsent, 'Por favor acepta los t\u00e9rminos y condiciones');\n                isValid = false;\n            }\n        }\n\n        return isValid;\n    },\n\n    validateName: function(name) {\n        name = name.trim();\n\n        if (!name) {\n            return { valid: false, message: 'Por favor ingresa tu nombre' };\n        }\n\n        if (name.length < 2) {\n            return { valid: false, message: 'El nombre debe tener al menos 2 caracteres' };\n        }\n\n        if (name.length > 50) {\n            return { valid: false, message: 'El nombre debe tener menos de 50 caracteres' };\n        }\n\n        const nameRegex = \/^[a-zA-Z\\u00C0-\\u017F\\u0100-\\u024F\\u1E00-\\u1EFF]+(?:[\\s\\-'.][a-zA-Z\\u00C0-\\u017F\\u0100-\\u024F\\u1E00-\\u1EFF]+)*$\/;\n\n        if (!nameRegex.test(name)) {\n            return {\n                valid: false,\n                message: 'El nombre solo puede contener letras, espacios, guiones y ap\u00f3strofes.'\n            };\n        }\n\n        if (\/[\\s\\-']{2,}\/.test(name)) {\n            return {\n                valid: false,\n                message: 'El nombre no puede tener espacios, guiones o ap\u00f3strofes consecutivos'\n            };\n        }\n\n        if (!\/[a-zA-Z\\u00C0-\\u017F\\u0100-\\u024F]\/.test(name)) {\n            return {\n                valid: false,\n                message: 'El nombre debe contener al menos una letra'\n            };\n        }\n\n        const words = name.split(\/\\s+\/).filter(word => word.length > 0);\n\n        if (words.length > 4) {\n            return {\n                valid: false,\n                message: 'Por favor ingresa solo tu nombre o nombre y apellido (m\u00e1ximo 4 palabras)'\n            };\n        }\n\n        for (const word of words) {\n            if (word.length < 1) {\n                return {\n                    valid: false,\n                    message: 'Cada parte de tu nombre debe tener al menos 1 car\u00e1cter'\n                };\n            }\n        }\n\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 correo electr\u00f3nico v\u00e1lido' };\n        }\n\n        const domain = email.split('@')[1].toLowerCase().trim();\n\n        const allowedDomains = [\n            'gmail.com', 'yahoo.com', 'yahoo.es', 'yahoo.com.mx', 'icloud.com', 'me.com', 'mac.com',\n            'outlook.com', 'outlook.es', 'hotmail.com', 'hotmail.es', 'live.com', 'msn.com',\n            'aol.com', 'gmx.com', 'gmx.es', 'qq.com', '163.com', 'mail.ru', 'yandex.ru',\n            'zoho.com'\n        ];\n\n        if (allowedDomains.includes(domain) || domain.endsWith('.edu')) {\n            return { valid: true };\n        }\n\n        const commonMisspellings = {\n            'gmial.com': 'gmail.com', 'gmai.com': 'gmail.com', 'gmail.co': 'gmail.com',\n            'yahooo.com': 'yahoo.com', 'yaho.com': 'yahoo.com', 'yahoo.co': 'yahoo.com',\n            'iclod.com': 'icloud.com', 'icluod.com': 'icloud.com',\n            'outlok.com': 'outlook.com', 'outloook.com': 'outlook.com',\n            'hotmial.com': 'hotmail.com', 'hotmai.com': 'hotmail.com'\n        };\n\n        if (commonMisspellings[domain]) {\n            return {\n                valid: false,\n                message: `\u00bfQuisiste decir ${email.split('@')[0]}@${commonMisspellings[domain]}?`,\n                suggestion: `${email.split('@')[0]}@${commonMisspellings[domain]}`\n            };\n        }\n\n        return {\n            valid: false,\n            message: 'Por favor usa un proveedor de correo electr\u00f3nico com\u00fan (Gmail, Yahoo, iCloud, Outlook, etc.)'\n        };\n    },\n\n    showError: function(element, message) {\n        element.classList.add('error');\n        const errorDiv = document.createElement('div');\n        errorDiv.className = 'pukforms-error-message';\n        errorDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i>${message}`;\n        element.parentNode.insertBefore(errorDiv, element.nextSibling);\n    },\n\n    clearErrors: function() {\n        document.querySelectorAll('.error').forEach(el => el.classList.remove('error'));\n        document.querySelectorAll('.pukforms-error-message').forEach(el => el.remove());\n    },\n\n    handleSubmit: function() {\n        if (this.validateCurrentStep()) {\n            const formData = this.collectFormData();\n            this.config.onSubmit(formData);\n        }\n    },\n\n    collectFormData: function() {\n        const selectedCountryCode = document.getElementById('country-select').value;\n        const selectedCountry = this.countries.find(c => c.code === selectedCountryCode);\n        return {\n            brand: document.getElementById('device-brand').value,\n            country: selectedCountry ? selectedCountry.name : '',\n            phone: `${selectedCountry.code}${document.getElementById('phone-number').value}`,\n            name: document.getElementById('user-name').value,\n            email: document.getElementById('user-email').value,\n            termsConsent: document.getElementById('terms-consent').checked,\n            dataConsent: document.getElementById('data-consent').checked,\n            timestamp: new Date().toISOString()\n        };\n    },\n\n};\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    PUKForms.init();\n});\n<\/script> \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-3bc4f5a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bc4f5a\" 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-b236b1a\" data-id=\"b236b1a\" 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-38a5634 elementor-widget elementor-widget-html\" data-id=\"38a5634\" 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<style>\r\n.sim-unlock-intro-wrapper {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  line-height: 1.6;\r\n  color: #333;\r\n}\r\n\r\n.sim-unlock-hero {\r\n  text-align: center;\r\n  margin-bottom: 0px;\r\n  padding: 20px 30px;\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n  border-radius: 20px;\r\n  border-left: 6px solid #007bff;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sim-unlock-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: linear-gradient(45deg, rgba(0,123,255,0.03) 0%, rgba(0,123,255,0.06) 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n.sim-unlock-main-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  color: #2c3e50;\r\n  margin: 0 0 25px 0;\r\n  text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.sim-unlock-intro-content {\r\n  background: #fff;\r\n  border-radius: 15px;\r\n  padding: 15px;\r\n  box-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\n  border: 1px solid #e9ecef;\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 0px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 30px;\r\n}\r\n\r\n.sim-unlock-text-container {\r\n  flex: 1;\r\n}\r\n\r\n.sim-unlock-image-container {\r\n  flex: 0 0 300px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.sim-unlock-intro-image {\r\n  max-width: 100%;\r\n  height: auto;\r\n  border-radius: 12px;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sim-unlock-intro-image:hover {\r\n  transform: scale(1.02);\r\n}\r\n\r\n.sim-unlock-intro-text {\r\n  font-size: 1.1rem;\r\n  color: #5a6c7d;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  text-align: left;\r\n}\r\n\r\n.sim-unlock-link {\r\n  color: #007bff;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  border-bottom: 1px solid transparent;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.sim-unlock-link:hover {\r\n  border-bottom-color: #007bff;\r\n  text-decoration: none;\r\n  color: #0056b3;\r\n}\r\n\r\n.sim-unlock-highlight-box {\r\n  background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);\r\n  border: 1px solid #f39c12;\r\n  border-radius: 12px;\r\n  padding: 20px;\r\n  margin-top: 25px;\r\n  position: relative;\r\n  box-shadow: 0 4px 15px rgba(243, 156, 18, 0.2);\r\n}\r\n\r\n.sim-unlock-highlight-box::before {\r\n  content: \"\u26a0\ufe0f\";\r\n  font-size: 1.5rem;\r\n  position: absolute;\r\n  top: 15px;\r\n  left: 20px;\r\n}\r\n\r\n.sim-unlock-highlight-text {\r\n  font-size: 1rem;\r\n  color: #b7791f;\r\n  margin: 0;\r\n  padding-left: 35px;\r\n  font-weight: 500;\r\n}\r\n\r\n.sim-unlock-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 10px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.sim-unlock-stat-card {\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  padding: 0px;\r\n  text-align: center;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.06);\r\n  border: 1px solid #e9ecef;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sim-unlock-stat-card:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.sim-unlock-stat-number {\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  color: #007bff;\r\n  margin: 0 0 0px 0;\r\n}\r\n\r\n.sim-unlock-stat-label {\r\n  font-size: 0.9rem;\r\n  color: #6c757d;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 968px) {\r\n  .sim-unlock-intro-content {\r\n    flex-direction: column;\r\n    gap: 25px;\r\n  }\r\n  \r\n  .sim-unlock-image-container {\r\n    flex: none;\r\n    order: -1;\r\n  }\r\n  \r\n  .sim-unlock-intro-image {\r\n    max-width: 280px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .sim-unlock-intro-wrapper {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .sim-unlock-main-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .sim-unlock-hero {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .sim-unlock-intro-content {\r\n    padding: 25px;\r\n    gap: 20px;\r\n  }\r\n  \r\n  .sim-unlock-intro-text {\r\n    font-size: 1.05rem;\r\n  }\r\n  \r\n  .sim-unlock-stats {\r\n    grid-template-columns: 1fr;\r\n    gap: 15px;\r\n  }\r\n  \r\n  .sim-unlock-image-container {\r\n    flex: none;\r\n  }\r\n  \r\n  .sim-unlock-intro-image {\r\n    max-width: 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .sim-unlock-main-title {\r\n    font-size: 1.7rem;\r\n  }\r\n  \r\n  .sim-unlock-intro-text {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .sim-unlock-highlight-box {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .sim-unlock-highlight-text {\r\n    padding-left: 30px;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .sim-unlock-intro-image {\r\n    max-width: 220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sim-unlock-intro-wrapper\">\r\n  <header class=\"sim-unlock-hero\">\r\n    <h1 class=\"sim-unlock-main-title\">Aprende a desbloquear una Tarjeta SIM sin el C\u00f3digo PUK<\/h1>\r\n    \r\n    <div class=\"sim-unlock-intro-content\">\r\n      <div class=\"sim-unlock-text-container\">\r\n        <p class=\"sim-unlock-intro-text\">\r\n          Todos sabemos lo molesto que puede llegar a ser el bloquear nuestra tarjeta SIM, ya que hemos olvidado el PIN del chip. Para nadie es un secreto que es muy f\u00e1cil perder el pin de la <a href=\"https:\/\/es.t-mobile.com\/dialed-in\/wireless\/what-is-a-sim-card\" target=\"_blank\" rel=\"noopener\" class=\"sim-unlock-link\">tarjeta SIM<\/a>, puesto que no es algo que consideramos como valioso. Si has ingresado el pin de la SIM incorrectamente, es posible que se te pida un c\u00f3digo PUK para poder acceder a tu SIM. Esta situaci\u00f3n puede volverse bastante tediosa porque desbloquear la tarjeta SIM no es el <a href=\"https:\/\/www.digitaltrends.com\/mobile\/how-to-unlock-phone\/\" target=\"_blank\" rel=\"noopener\" class=\"sim-unlock-link\">proceso m\u00e1s sencillo del mundo<\/a>, en esta gu\u00eda te mostraremos diversas formas de c\u00f3mo desbloquear la SIM del n\u00famero PUK.\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"sim-unlock-image-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2025\/08\/bloqueo-puk.png\" alt=\"Bloqueo PUK en tarjeta SIM\" class=\"sim-unlock-intro-image\">\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"sim-unlock-highlight-box\">\r\n      <p class=\"sim-unlock-highlight-text\">\r\n        <strong>\u00a1Importante!<\/strong> Tienes solo 10 intentos para ingresar el c\u00f3digo PUK correctamente. Despu\u00e9s de esto, tu <a href=\"https:\/\/support.apple.com\/es-mx\/HT201337\" target=\"_blank\" rel=\"noopener\" class=\"sim-unlock-link\">tarjeta SIM se bloquear\u00e1 permanentemente<\/a>.\r\n      <\/p>\r\n    <\/div>\r\n  <\/header>\r\n<\/div>\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-171c4e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"171c4e1\" 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-c1e9c3c\" data-id=\"c1e9c3c\" 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-d60b381 elementor-widget elementor-widget-html\" data-id=\"d60b381\" 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<section class=\"spc-container spc-checker-container\">\r\n    <h2>Verificar Estado de Protecci\u00f3n PIN\/PUK de tu SIM<\/h2>\r\n    <p class=\"spc-subtitle\">Verifica si tu tarjeta SIM tiene protecci\u00f3n PIN activada y aprende a reconocer mensajes de bloqueo<\/p>\r\n\r\n    <!-- Interactive Toggle Navigation -->\r\n    <div class=\"spc-toggle-nav\">\r\n        <button class=\"spc-toggle-button spc-active\" data-panel-target=\"#spc-panel-check\">\u00bfTu SIM Tiene un PIN Activo?<\/button>\r\n        <button class=\"spc-toggle-button\" data-panel-target=\"#spc-panel-messages\">Posibles Mensajes de Bloqueo<\/button>\r\n        <button class=\"spc-toggle-button\" data-panel-target=\"#spc-panel-help\">\u00bfQu\u00e9 Hacer si la SIM Est\u00e1 Bloqueada?<\/button>\r\n    <\/div>\r\n\r\n    <!-- Content Panels -->\r\n    <div class=\"spc-panel-area\">\r\n        <!-- Panel 1: Check PIN Status -->\r\n        <div class=\"spc-panel spc-active\" id=\"spc-panel-check\">\r\n            <h3>C\u00f3mo Verificar si la Protecci\u00f3n PIN est\u00e1 Activada<\/h3>\r\n            \r\n            <!-- Platform Tabs -->\r\n            <div class=\"spc-platform-tabs\">\r\n                <button class=\"spc-platform-button spc-active\" data-platform-target=\"#spc-platform-ios\">iOS (iPhone)<\/button>\r\n                <button class=\"spc-platform-button\" data-platform-target=\"#spc-platform-android\">Android<\/button>\r\n            <\/div>\r\n            \r\n            <!-- Platform-specific instructions with side-by-side layout -->\r\n            <div class=\"spc-platform-instructions spc-active\" id=\"spc-platform-ios\">\r\n                <div class=\"spc-instructions-layout\">\r\n                    <div class=\"spc-steps-column\">\r\n                        <ol class=\"spc-step-list\">\r\n                            <li>Abre la app <strong>Configuraci\u00f3n<\/strong> en tu iPhone<\/li>\r\n                            <li>Despl\u00e1zate hacia abajo y toca <strong>Datos M\u00f3viles<\/strong><\/li>\r\n                            <li>Toca <strong>PIN de SIM<\/strong><\/li>\r\n                            <li>Verifica el interruptor junto a <strong>\"PIN de SIM\"<\/strong><\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n                    <div class=\"spc-status-column\">\r\n                        <div class=\"spc-status-indicators\">\r\n                            <div class=\"spc-status-item spc-enabled\">\r\n                                <span class=\"spc-status-icon\">\ud83d\udd12<\/span>\r\n                                <div class=\"spc-status-content\">\r\n                                    <h4>PIN Activada<\/h4>\r\n                                    <p>Interruptor ENCENDIDO (verde). SIM protegida.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"spc-status-item spc-disabled\">\r\n                                <span class=\"spc-status-icon\">\ud83d\udd13<\/span>\r\n                                <div class=\"spc-status-content\">\r\n                                    <h4>PIN Desactivada<\/h4>\r\n                                    <p>Interruptor APAGADO (gris). Sin protecci\u00f3n.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"spc-platform-instructions\" id=\"spc-platform-android\">\r\n                <div class=\"spc-instructions-layout\">\r\n                    <div class=\"spc-steps-column\">\r\n                        <ol class=\"spc-step-list\">\r\n                            <li>Abre la app <strong>Configuraci\u00f3n<\/strong> de tu tel\u00e9fono<\/li>\r\n                            <li>Busca <strong>\"Seguridad\"<\/strong> o <strong>\"Biometr\u00eda y Seguridad\"<\/strong><\/li>\r\n                            <li>Encuentra <strong>\"Bloqueo de tarjeta SIM\"<\/strong><\/li>\r\n                            <li>Verifica si <strong>\"Bloquear tarjeta SIM\"<\/strong> est\u00e1 activado<\/li>\r\n                        <\/ol>\r\n                        <div class=\"spc-tip\">\r\n                            <strong>\ud83d\udca1 Nota:<\/strong> Los men\u00fas var\u00edan por fabricante. Samsung: \"Biometr\u00eda y Seguridad\" \u2192 \"Otros ajustes\".\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"spc-status-column\">\r\n                        <div class=\"spc-status-indicators\">\r\n                            <div class=\"spc-status-item spc-enabled\">\r\n                                <span class=\"spc-status-icon\">\ud83d\udd12<\/span>\r\n                                <div class=\"spc-status-content\">\r\n                                    <h4>PIN Activada<\/h4>\r\n                                    <p>Opci\u00f3n marcada\/activada. Requiere PIN.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"spc-status-item spc-disabled\">\r\n                                <span class=\"spc-status-icon\">\ud83d\udd13<\/span>\r\n                                <div class=\"spc-status-content\">\r\n                                    <h4>PIN Desactivada<\/h4>\r\n                                    <p>Opci\u00f3n desmarcada. Conecta sin PIN.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 2: Recognize Lock Messages -->\r\n        <div class=\"spc-panel\" id=\"spc-panel-messages\">\r\n            <h3>Mensajes Comunes de Bloqueo de SIM<\/h3>\r\n            <p class=\"spc-panel-intro\">Aprende a identificar diferentes tipos de mensajes de bloqueo de SIM y qu\u00e9 significan<\/p>\r\n            \r\n            <!-- Sub-tabs for message types -->\r\n            <div class=\"spc-sub-tabs\">\r\n                <button class=\"spc-sub-button spc-active\" data-sub-target=\"#spc-sub-pin\">\ud83d\udd10 Mensajes PIN<\/button>\r\n                <button class=\"spc-sub-button\" data-sub-target=\"#spc-sub-puk\">\ud83d\udeab Mensajes PUK<\/button>\r\n                <button class=\"spc-sub-button\" data-sub-target=\"#spc-sub-network\">\ud83d\udcf6 Mensajes de Red<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"spc-sub-content\">\r\n                <!-- PIN Messages Sub-panel -->\r\n                <div class=\"spc-sub-panel spc-active\" id=\"spc-sub-pin\">\r\n                    <div class=\"spc-message-category\">\r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"Introduce PIN de SIM\"<\/div>\r\n                            <div class=\"spc-message-desc\">Solicitud normal de PIN. Ingresa tu PIN de 4 d\u00edgitos para desbloquear.<\/div>\r\n                            <div class=\"spc-message-severity spc-low\">Riesgo Bajo<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"PIN incorrecto. Quedan 2 intentos\"<\/div>\r\n                            <div class=\"spc-message-desc\">PIN incorrecto ingresado. Ten cuidado - 3 intentos err\u00f3neos bloquear\u00e1n tu SIM.<\/div>\r\n                            <div class=\"spc-message-severity spc-medium\">Riesgo Medio<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"PIN de SIM bloqueado\"<\/div>\r\n                            <div class=\"spc-message-desc\">3 intentos de PIN incorrectos. La SIM ahora est\u00e1 bloqueada con PUK y necesita c\u00f3digo PUK.<\/div>\r\n                            <div class=\"spc-message-severity spc-high\">Riesgo Alto<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- PUK Messages Sub-panel -->\r\n                <div class=\"spc-sub-panel\" id=\"spc-sub-puk\">\r\n                    <div class=\"spc-message-category\">\r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"Introduce c\u00f3digo PUK\"<\/div>\r\n                            <div class=\"spc-message-desc\">La SIM est\u00e1 bloqueada con PUK. Necesitas el c\u00f3digo PUK de 8 d\u00edgitos de tu operadora.<\/div>\r\n                            <div class=\"spc-message-severity spc-high\">Riesgo Alto<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"PUK incorrecto. Quedan 9 intentos\"<\/div>\r\n                            <div class=\"spc-message-desc\">PUK incorrecto ingresado. 10 intentos err\u00f3neos deshabilitar\u00e1n permanentemente la SIM.<\/div>\r\n                            <div class=\"spc-message-severity spc-critical\">Cr\u00edtico<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"Tarjeta SIM permanentemente inhabilitada\"<\/div>\r\n                            <div class=\"spc-message-desc\">10 intentos de PUK incorrectos. La tarjeta SIM est\u00e1 permanentemente bloqueada.<\/div>\r\n                            <div class=\"spc-message-severity spc-critical\">Cr\u00edtico<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Network Messages Sub-panel -->\r\n                <div class=\"spc-sub-panel\" id=\"spc-sub-network\">\r\n                    <div class=\"spc-message-category\">\r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"SIM no compatible\"<\/div>\r\n                            <div class=\"spc-message-desc\">El tel\u00e9fono est\u00e1 bloqueado por operadora. SIM de diferente operadora no funcionar\u00e1.<\/div>\r\n                            <div class=\"spc-message-severity spc-medium\">Bloqueo Operadora<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"Tarjeta SIM inv\u00e1lida\"<\/div>\r\n                            <div class=\"spc-message-desc\">Puede ser bloqueo de operadora, SIM da\u00f1ada o problema de compatibilidad.<\/div>\r\n                            <div class=\"spc-message-severity spc-medium\">Verificar SIM<\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"spc-message-item\">\r\n                            <div class=\"spc-message-text\">\"Red no disponible\"<\/div>\r\n                            <div class=\"spc-message-desc\">Problema de cobertura o configuraci\u00f3n. Verifica si hay se\u00f1al en tu \u00e1rea.<\/div>\r\n                            <div class=\"spc-message-severity spc-low\">Verificar Cobertura<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Panel 3: What to Do if Locked -->\r\n        <div class=\"spc-panel\" id=\"spc-panel-help\">\r\n            <h3>Qu\u00e9 Hacer Cuando tu SIM Est\u00e1 Bloqueada<\/h3>\r\n            \r\n            <!-- Sub-tabs for help types -->\r\n            <div class=\"spc-sub-tabs\">\r\n                <button class=\"spc-sub-button spc-active\" data-sub-target=\"#spc-help-pin\">\ud83d\udd10 PIN Bloqueado<\/button>\r\n                <button class=\"spc-sub-button\" data-sub-target=\"#spc-help-puk\">\ud83d\udeab PUK Bloqueado<\/button>\r\n                <button class=\"spc-sub-button\" data-sub-target=\"#spc-help-pro\">\ud83d\udee0\ufe0f Ayuda Profesional<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"spc-sub-content\">\r\n                <!-- PIN Lock Help Sub-panel -->\r\n                <div class=\"spc-sub-panel spc-active\" id=\"spc-help-pin\">\r\n                    <div class=\"spc-help-section\">\r\n                        <div class=\"spc-help-content\">\r\n                            <p><strong>Tienes 3 intentos para ingresar el PIN correcto:<\/strong><\/p>\r\n                            <ul>\r\n                                <li>Consulta con familiares que podr\u00edan conocer el PIN<\/li>\r\n                                <li>Busca el PIN en el empaque de la SIM o documentos de la operadora<\/li>\r\n                                <li>PINs por defecto comunes: 0000, 1234, 1111 (\u00a1prueba con cuidado!)<\/li>\r\n                                <li>Contacta a tu operadora si no conoces el PIN<\/li>\r\n                            <\/ul>\r\n                            <div class=\"spc-warning\">\r\n                                \u26a0\ufe0f <strong>Advertencia:<\/strong> 3 intentos err\u00f3neos de PIN bloquear\u00e1n tu SIM con PUK\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- PUK Lock Help Sub-panel -->\r\n                <div class=\"spc-sub-panel\" id=\"spc-help-puk\">\r\n                    <div class=\"spc-help-section\">\r\n                        <div class=\"spc-help-content\">\r\n                            <p><strong>Necesitas el c\u00f3digo PUK de 8 d\u00edgitos de tu operadora:<\/strong><\/p>\r\n                            <ul>\r\n                                <li>Llama al servicio al cliente de tu operadora inmediatamente<\/li>\r\n                                <li>Revisa el sitio web o app m\u00f3vil de tu operadora para el c\u00f3digo PUK<\/li>\r\n                                <li>Busca el PUK en el empaque original de la tarjeta SIM<\/li>\r\n                                <li>Visita una tienda de tu operadora con identificaci\u00f3n para ayuda presencial<\/li>\r\n                            <\/ul>\r\n                            <div class=\"spc-critical-warning\">\r\n                                \ud83d\udd25 <strong>Cr\u00edtico:<\/strong> 10 intentos err\u00f3neos de PUK deshabilitar\u00e1n permanentemente tu tarjeta SIM\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Professional Help Sub-panel -->\r\n                <div class=\"spc-sub-panel\" id=\"spc-help-pro\">\r\n                    <div class=\"spc-help-section\">\r\n                        <div class=\"spc-help-content\">\r\n                            <p>Si no puedes desbloquear tu SIM o necesitas asistencia:<\/p>\r\n                            <div class=\"spc-pro-help\">\r\n                                <div class=\"spc-pro-option\">\r\n                                    <strong>Soporte de Operadora<\/strong>\r\n                                    <p>Ayuda gratuita de tu compa\u00f1\u00eda m\u00f3vil. Primera opci\u00f3n recomendada.<\/p>\r\n                                    <ul>\r\n                                        <li>Servicio al cliente telef\u00f3nico<\/li>\r\n                                        <li>Visita a tienda f\u00edsica<\/li>\r\n                                        <li>Soporte en l\u00ednea\/chat<\/li>\r\n                                        <\/ul>\r\n                                <\/div>\r\n                                <div class=\"spc-pro-option\">\r\n                                    <strong>Servicio de Desbloqueo Profesional<\/strong>\r\n                                    <p>Para casos complejos o dispositivos bloqueados por operadora.<\/p>\r\n                                    <ul>\r\n                                        <li>Desbloqueo de red\/operadora<\/li>\r\n                                        <li>Soluciones especializadas<\/li>\r\n                                        <li>Casos urgentes<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Enhanced CSS for SIM PIN\/PUK Checker *\/\r\n    .spc-container {\r\n        --spc-accent-blue: #4A90E2;\r\n        --spc-success-green: #27AE60;\r\n        --spc-warning-orange: #F39C12;\r\n        --spc-error-red: #E74C3C;\r\n        --spc-critical-purple: #9B59B6;\r\n        --spc-text-primary: #1D2C3C;\r\n        --spc-text-secondary: #6E7A8A;\r\n        --spc-background-white: #FFFFFF;\r\n        --spc-background-grey: #F7F8FA;\r\n        --spc-border-light: #EAEBEF;\r\n        --spc-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n        --spc-border-radius: 16px;\r\n    }\r\n\r\n    .spc-checker-container {\r\n        max-width: 1000px;\r\n        margin: 0rem auto;\r\n        background-color: var(--spc-background-white);\r\n        border-radius: var(--spc-border-radius);\r\n        box-shadow: var(--spc-shadow);\r\n        padding: 12px;\r\n        box-sizing: border-box;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    }\r\n    \r\n    .spc-checker-container h2 {\r\n        color: var(--spc-text-primary);\r\n        font-size: 2.2em;\r\n        text-align: center;\r\n        margin: 0 0 0px 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .spc-subtitle {\r\n        color: var(--spc-text-secondary);\r\n        text-align: center;\r\n        margin: 0 0 11px 0;\r\n        font-size: 1.2em;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Toggle Navigation *\/\r\n    .spc-toggle-nav {\r\n        display: flex;\r\n        background-color: var(--spc-background-grey);\r\n        border-radius: 12px;\r\n        padding: 6px;\r\n        margin-bottom: 12px;\r\n        gap: 4px;\r\n    }\r\n\r\n    .spc-toggle-button {\r\n        flex: 1;\r\n        padding: 14px 16px;\r\n        font-size: 0.95em;\r\n        font-weight: 600;\r\n        color: var(--spc-text-secondary);\r\n        background: none;\r\n        border: none;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease-in-out;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    .spc-toggle-button.spc-active {\r\n        background-color: var(--spc-background-white);\r\n        color: var(--spc-text-primary);\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    \/* Panel Management *\/\r\n    .spc-panel {\r\n        display: none;\r\n        animation: spc-fadeIn 0.4s ease;\r\n    }\r\n    \r\n    .spc-panel.spc-active {\r\n        display: block;\r\n    }\r\n    \r\n    @keyframes spc-fadeIn {\r\n        from { opacity: 0; transform: translateY(10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    \r\n    .spc-panel h3 {\r\n        color: var(--spc-text-primary);\r\n        font-size: 1.6em;\r\n        margin-top: 0;\r\n        margin-bottom: 10px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .spc-panel-intro {\r\n        color: var(--spc-text-secondary);\r\n        font-size: 1.1em;\r\n        margin-bottom: 24px;\r\n        background: rgba(74, 144, 226, 0.1);\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    \/* Platform Tabs *\/\r\n    .spc-platform-tabs {\r\n        display: flex;\r\n        gap: 20px;\r\n        border-bottom: 1px solid var(--spc-border-light);\r\n        margin-bottom: 24px;\r\n    }\r\n    \r\n    .spc-platform-button {\r\n        background: none;\r\n        border: none;\r\n        font-size: 1em;\r\n        font-weight: 600;\r\n        color: var(--spc-text-secondary);\r\n        padding: 0 4px 12px 4px;\r\n        cursor: pointer;\r\n        border-bottom: 3px solid transparent;\r\n        transition: all 0.2s ease;\r\n    }\r\n    \r\n    .spc-platform-button:hover {\r\n        color: var(--spc-accent-blue);\r\n    }\r\n    \r\n    .spc-platform-button.spc-active {\r\n        color: var(--spc-accent-blue);\r\n        border-bottom-color: var(--spc-accent-blue);\r\n    }\r\n    \r\n    .spc-platform-instructions {\r\n        display: none;\r\n    }\r\n    \r\n    .spc-platform-instructions.spc-active {\r\n        display: block;\r\n    }\r\n\r\n    \/* NEW: Two-column layout for instructions *\/\r\n    .spc-instructions-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 32px;\r\n        align-items: start;\r\n    }\r\n\r\n    .spc-steps-column {\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .spc-status-column {\r\n        padding-left: 20px;\r\n    }\r\n    \r\n    .spc-step-list {\r\n        list-style: none;\r\n        padding-left: 0;\r\n        counter-reset: step-counter;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .spc-step-list li {\r\n       position: relative;\r\n       padding-left: 40px;\r\n       margin-bottom: 16px;\r\n       color: var(--spc-text-secondary);\r\n       line-height: 1.6;\r\n       font-weight: 500;\r\n    }\r\n    \r\n    .spc-step-list li::before {\r\n        counter-increment: step-counter;\r\n        content: counter(step-counter);\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        font-weight: 700;\r\n        color: var(--spc-accent-blue);\r\n        background-color: rgba(74, 144, 226, 0.15);\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 50%;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 0.9em;\r\n    }\r\n\r\n    \/* Status Indicators - Compact version *\/\r\n    .spc-status-indicators {\r\n        display: grid;\r\n        gap: 12px;\r\n    }\r\n\r\n    .spc-status-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        padding: 16px;\r\n        border-radius: 12px;\r\n        border-left: 4px solid;\r\n    }\r\n\r\n    .spc-status-item.spc-enabled {\r\n        background: rgba(39, 174, 96, 0.1);\r\n        border-left-color: var(--spc-success-green);\r\n    }\r\n\r\n    .spc-status-item.spc-disabled {\r\n        background: rgba(241, 196, 15, 0.1);\r\n        border-left-color: var(--spc-warning-orange);\r\n    }\r\n\r\n    .spc-status-icon {\r\n        font-size: 1.5em;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .spc-status-content h4 {\r\n        margin: 0 0 4px 0;\r\n        color: var(--spc-text-primary);\r\n        font-weight: 600;\r\n        font-size: 0.95em;\r\n    }\r\n\r\n    .spc-status-content p {\r\n        margin: 0;\r\n        color: var(--spc-text-secondary);\r\n        line-height: 1.4;\r\n        font-size: 0.85em;\r\n    }\r\n\r\n    \/* NEW: Sub-tabs for messages and help sections *\/\r\n    .spc-sub-tabs {\r\n        display: flex;\r\n        gap: 8px;\r\n        margin-bottom: 24px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .spc-sub-button {\r\n        background: var(--spc-background-grey);\r\n        border: 2px solid transparent;\r\n        font-size: 0.9em;\r\n        font-weight: 600;\r\n        color: var(--spc-text-secondary);\r\n        padding: 10px 20px;\r\n        cursor: pointer;\r\n        border-radius: 25px;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .spc-sub-button:hover {\r\n        background: #E8F4FD;\r\n        color: var(--spc-accent-blue);\r\n    }\r\n\r\n    .spc-sub-button.spc-active {\r\n        background: var(--spc-accent-blue);\r\n        color: white;\r\n        border-color: var(--spc-accent-blue);\r\n    }\r\n\r\n    .spc-sub-content {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .spc-sub-panel {\r\n        display: none;\r\n        animation: spc-fadeIn 0.3s ease;\r\n    }\r\n\r\n    .spc-sub-panel.spc-active {\r\n        display: block;\r\n    }\r\n\r\n    \/* Message Items - Simplified *\/\r\n    .spc-message-category {\r\n        background: var(--spc-background-white);\r\n    }\r\n\r\n    .spc-message-item {\r\n        padding: 16px;\r\n        margin-bottom: 12px;\r\n        border-radius: 8px;\r\n        background: var(--spc-background-grey);\r\n        border-left: 4px solid var(--spc-accent-blue);\r\n    }\r\n\r\n    .spc-message-text {\r\n        font-family: monospace;\r\n        font-weight: 600;\r\n        color: var(--spc-text-primary);\r\n        background: rgba(0, 0, 0, 0.05);\r\n        padding: 8px 12px;\r\n        border-radius: 4px;\r\n        margin-bottom: 8px;\r\n        font-size: 0.9em;\r\n    }\r\n\r\n    .spc-message-desc {\r\n        color: var(--spc-text-secondary);\r\n        margin-bottom: 8px;\r\n        line-height: 1.5;\r\n        font-size: 0.9em;\r\n    }\r\n\r\n    .spc-message-severity {\r\n        display: inline-block;\r\n        padding: 4px 12px;\r\n        border-radius: 20px;\r\n        font-size: 0.75em;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .spc-low { background: rgba(39, 174, 96, 0.15); color: var(--spc-success-green); }\r\n    .spc-medium { background: rgba(243, 156, 18, 0.15); color: var(--spc-warning-orange); }\r\n    .spc-high { background: rgba(231, 76, 60, 0.15); color: var(--spc-error-red); }\r\n    .spc-critical { background: rgba(155, 89, 182, 0.15); color: var(--spc-critical-purple); }\r\n\r\n    \/* Help Sections - Simplified *\/\r\n    .spc-help-section {\r\n        background: var(--spc-background-white);\r\n    }\r\n\r\n    .spc-help-content ul {\r\n        margin: 16px 0;\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .spc-help-content li {\r\n        margin-bottom: 8px;\r\n        color: var(--spc-text-secondary);\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .spc-warning, .spc-critical-warning {\r\n        margin-top: 16px;\r\n        padding: 12px 16px;\r\n        border-radius: 8px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .spc-warning {\r\n        background: rgba(243, 156, 18, 0.1);\r\n        border-left: 4px solid var(--spc-warning-orange);\r\n        color: var(--spc-warning-orange);\r\n    }\r\n\r\n    .spc-critical-warning {\r\n        background: rgba(231, 76, 60, 0.1);\r\n        border-left: 4px solid var(--spc-error-red);\r\n        color: var(--spc-error-red);\r\n    }\r\n\r\n    .spc-pro-help {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .spc-pro-option {\r\n        background: var(--spc-background-grey);\r\n        padding: 20px;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .spc-pro-option strong {\r\n        display: block;\r\n        color: var(--spc-text-primary);\r\n        margin-bottom: 8px;\r\n        font-size: 1.1em;\r\n    }\r\n\r\n    .spc-pro-option p {\r\n        margin: 0 0 12px 0;\r\n        color: var(--spc-text-secondary);\r\n        font-size: 0.9em;\r\n    }\r\n\r\n    .spc-pro-option ul {\r\n        margin: 0;\r\n        padding-left: 16px;\r\n        font-size: 0.85em;\r\n    }\r\n\r\n    .spc-tip {\r\n        background: rgba(74, 144, 226, 0.1);\r\n        padding: 12px;\r\n        border-radius: 8px;\r\n        margin-top: 16px;\r\n        border-left: 4px solid var(--spc-accent-blue);\r\n        font-size: 0.9em;\r\n    }\r\n\r\n    \/* Mobile Responsiveness *\/\r\n    @media (max-width: 768px) {\r\n        .spc-checker-container {\r\n            padding: 20px;\r\n            margin: 1em auto;\r\n        }\r\n\r\n        .spc-checker-container h2 {\r\n            font-size: 1.8em;\r\n        }\r\n\r\n        .spc-subtitle {\r\n            font-size: 1em;\r\n        }\r\n\r\n        .spc-toggle-nav {\r\n            flex-direction: column;\r\n            gap: 4px;\r\n        }\r\n\r\n        .spc-instructions-layout {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        .spc-steps-column, .spc-status-column {\r\n            padding: 0;\r\n        }\r\n\r\n        .spc-pro-help {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .spc-status-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .spc-sub-tabs {\r\n            justify-content: center;\r\n        }\r\n\r\n        .spc-sub-button {\r\n            font-size: 0.85em;\r\n            padding: 8px 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/*\r\n     * JavaScript for SIM PIN\/PUK Checker Component\r\n     *\/\r\n    (() => {\r\n        \/\/ Initialize all functionality\r\n        initializeToggleNavigation();\r\n        initializePlatformTabs();\r\n        initializeSubTabs();\r\n\r\n        \/\/ Main toggle navigation\r\n        function initializeToggleNavigation() {\r\n            const checkerContainers = document.querySelectorAll('.spc-checker-container');\r\n            checkerContainers.forEach(container => {\r\n                const toggleButtons = container.querySelectorAll('.spc-toggle-button');\r\n                const panels = container.querySelectorAll('.spc-panel');\r\n\r\n                toggleButtons.forEach(button => {\r\n                    button.addEventListener('click', () => {\r\n                        const targetPanelId = button.getAttribute('data-panel-target');\r\n                        const targetPanel = container.querySelector(targetPanelId);\r\n                        \r\n                        if (!targetPanel) return;\r\n\r\n                        toggleButtons.forEach(btn => btn.classList.remove('spc-active'));\r\n                        panels.forEach(p => p.classList.remove('spc-active'));\r\n\r\n                        button.classList.add('spc-active');\r\n                        targetPanel.classList.add('spc-active');\r\n                    });\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Platform tabs functionality\r\n        function initializePlatformTabs() {\r\n            const platformTabContainers = document.querySelectorAll('.spc-platform-tabs');\r\n            platformTabContainers.forEach(container => {\r\n                const platformButtons = container.querySelectorAll('.spc-platform-button');\r\n                const instructions = container.parentElement.querySelectorAll('.spc-platform-instructions');\r\n                if (container.parentElement) {\r\n                    platformButtons.forEach(button => {\r\n                        button.addEventListener('click', () => {\r\n                            const targetInstructionId = button.getAttribute('data-platform-target');\r\n                            const targetInstruction = container.parentElement.querySelector(targetInstructionId);\r\n                            \r\n                            if (!targetInstruction) return;\r\n\r\n                            platformButtons.forEach(btn => btn.classList.remove('spc-active'));\r\n                            instructions.forEach(inst => inst.classList.remove('spc-active'));\r\n\r\n                            button.classList.add('spc-active');\r\n                            targetInstruction.classList.add('spc-active');\r\n                        });\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ NEW: Sub-tabs functionality for messages and help sections\r\n        function initializeSubTabs() {\r\n            const subTabContainers = document.querySelectorAll('.spc-sub-tabs');\r\n            subTabContainers.forEach(container => {\r\n                const subButtons = container.querySelectorAll('.spc-sub-button');\r\n                const subPanels = container.parentElement.querySelectorAll('.spc-sub-panel');\r\n                if (container.parentElement) {\r\n                    subButtons.forEach(button => {\r\n                        button.addEventListener('click', () => {\r\n                            const targetSubId = button.getAttribute('data-sub-target');\r\n                            const targetSubPanel = container.parentElement.querySelector(targetSubId);\r\n                            \r\n                            if (!targetSubPanel) return;\r\n\r\n                            subButtons.forEach(btn => btn.classList.remove('spc-active'));\r\n                            subPanels.forEach(panel => panel.classList.remove('spc-active'));\r\n\r\n                            button.classList.add('spc-active');\r\n                            targetSubPanel.classList.add('spc-active');\r\n                        });\r\n                    });\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\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-2ca9db6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ca9db6\" 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-3dea5b8\" data-id=\"3dea5b8\" 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-c35e08c elementor-widget elementor-widget-html\" data-id=\"c35e08c\" 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<!-- Secci\u00f3n \u00bfQu\u00e9 es el c\u00f3digo PUK? - WordPress Body Content -->\r\n<style>\r\n.puk-definition-wrapper {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0px;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  line-height: 1.6;\r\n  color: #333;\r\n}\r\n\r\n.puk-definition-wrapper .puk-definition-header {\r\n  text-align: center;\r\n  margin-bottom: 40px;\r\n  padding: 40px 30px;\r\n  background: linear-gradient(135deg, #4285f4 0%, #1976d2 100%) !important;\r\n  border-radius: 20px;\r\n  color: white !important;\r\n  box-shadow: 0 8px 32px rgba(66, 133, 244, 0.3);\r\n}\r\n\r\n.puk-definition-wrapper .puk-definition-title {\r\n  font-size: 2.2rem;\r\n  font-weight: 700;\r\n  color: #ffffff !important;\r\n  margin: 0 0 15px 0;\r\n  text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.puk-definition-wrapper .puk-definition-intro {\r\n  font-size: 1.1rem;\r\n  color: #e8f2ff !important;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  text-align: left;\r\n}\r\n\r\n.puk-definition-wrapper .puk-definition-header .puk-definition-link {\r\n  color: #ffffff !important;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  border-bottom: 2px solid rgba(255,255,255,0.3);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.puk-definition-wrapper .puk-definition-header .puk-definition-link:hover {\r\n  border-bottom-color: #ffffff !important;\r\n  text-decoration: none;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.puk-info-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 25px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.puk-info-card {\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  padding: 25px;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.08);\r\n  border: 1px solid #e9ecef;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 300px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.puk-info-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 12px 32px rgba(66, 133, 244, 0.15);\r\n  border-color: #4285f4;\r\n}\r\n\r\n.puk-info-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #4285f4, #1976d2);\r\n  opacity: 1;\r\n}\r\n\r\n.puk-info-icon {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 15px;\r\n  font-size: 1.5rem;\r\n  opacity: 0.7;\r\n}\r\n\r\n.puk-info-title {\r\n  font-size: 1.3rem;\r\n  font-weight: 600;\r\n  color: #2c3e50;\r\n  margin: 0 0 15px 0;\r\n  padding-right: 40px;\r\n}\r\n\r\n.puk-info-image {\r\n  width: 100%;\r\n  max-width: 300px;\r\n  height: auto;\r\n  border-radius: 8px;\r\n  margin: 15px 0;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n  transition: all 0.3s ease;\r\n  object-fit: cover;\r\n}\r\n\r\n.puk-info-image:hover {\r\n  transform: scale(1.02);\r\n  box-shadow: 0 4px 16px rgba(66, 133, 244, 0.2);\r\n}\r\n\r\n.puk-info-description {\r\n  color: #5a6c7d;\r\n  font-size: 0.95rem;\r\n  line-height: 1.6;\r\n  margin-bottom: 15px;\r\n  flex-grow: 1;\r\n  white-space: normal;\r\n}\r\n\r\n.puk-info-description .puk-definition-link {\r\n  color: #4285f4;\r\n  border-bottom-color: rgba(66, 133, 244, 0.3);\r\n}\r\n\r\n.puk-info-description .puk-definition-link:hover {\r\n  color: #1976d2;\r\n  border-bottom-color: #1976d2;\r\n}\r\n\r\n.puk-highlight-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 10px 18px;\r\n  background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);\r\n  border: 1px solid #4caf50;\r\n  border-radius: 25px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: #2e7d32;\r\n  margin-top: auto;\r\n  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .puk-definition-wrapper {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .puk-definition-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .puk-info-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  \r\n  .puk-info-card {\r\n    padding: 20px;\r\n    min-height: auto;\r\n  }\r\n  \r\n  .puk-info-image {\r\n    max-width: 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .puk-definition-title {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .puk-info-title {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .puk-info-description {\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .puk-info-image {\r\n    max-width: 200px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"puk-definition-wrapper\">\r\n  <header class=\"puk-definition-header\">\r\n    <h2 class=\"puk-definition-title\">\u00bfQu\u00e9 es el c\u00f3digo PUK?<\/h2>\r\n    <div class=\"puk-definition-intro\">\r\n      El <a href=\"https:\/\/www.xataka.com\/basics\/codigo-puk-que-como-saber-cual-tuyo\" target=\"_blank\" rel=\"noopener\" class=\"puk-definition-link\">c\u00f3digo PUK<\/a> es una medida extra de seguridad que viene con la tarjeta SIM del operador. Este t\u00e9rmino viene del ingl\u00e9s 'PIN Unlock Key', que b\u00e1sicamente traduce a un c\u00f3digo llave de desbloqueo.\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <div class=\"puk-info-grid\">\r\n    <!-- Card 1: C\u00f3mo funciona -->\r\n    <article class=\"puk-info-card\">\r\n      <div class=\"puk-info-icon\">\u2699\ufe0f<\/div>\r\n      <h3 class=\"puk-info-title\">\u00bfC\u00f3mo funciona el n\u00famero PUK?<\/h3>\r\n      <img decoding=\"async\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2025\/08\/como-funciona-el-codigo-puk.png\" \r\n           alt=\"C\u00f3mo funciona el c\u00f3digo PUK\" \r\n           class=\"puk-info-image\" \r\n           loading=\"lazy\">\r\n      <p class=\"puk-info-description\">\r\n        El PUK funciona como una segunda llave que permite realizar el restablecimiento del c\u00f3digo PIN de la SIM. Este c\u00f3digo asociado permite ingresar un nuevo <a href=\"https:\/\/sumamovil.com.co\/glosario\/codigo-pin-que-es-y-para-que-sirve\/\" target=\"_blank\" rel=\"noopener\" class=\"puk-definition-link\">PIN<\/a> a nuestro chip, permitiendo desbloquear tu m\u00f3vil y poder usar el proveedor de telefon\u00eda m\u00f3vil sin restricciones. En t\u00e9rminos m\u00e1s t\u00e9cnicos, este c\u00f3digo funciona independientemente de la marca del dispositivo, este puede ser <a href=\"https:\/\/support.google.com\/android\/answer\/9079129\" target=\"_blank\" rel=\"noopener\" class=\"puk-definition-link\">Android<\/a> o <a href=\"https:\/\/support.apple.com\/es-mx\/HT201337\" target=\"_blank\" rel=\"noopener\" class=\"puk-definition-link\">iPhone<\/a> y consiste de 8 d\u00edgitos.\r\n      <\/p>\r\n      <span class=\"puk-highlight-badge\">\r\n        \u2705 Segunda llave de seguridad\r\n      <\/span>\r\n    <\/article>\r\n\r\n    <!-- Card 2: Disponibilidad -->\r\n    <article class=\"puk-info-card\">\r\n      <div class=\"puk-info-icon\">\ud83c\udf10<\/div>\r\n      <h3 class=\"puk-info-title\">\u00bfEst\u00e1 activo en toda tarjeta SIM?<\/h3>\r\n      <img decoding=\"async\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2025\/08\/esta-activo-en-toda-tarjeta-sim.png\" \r\n           alt=\"Est\u00e1 activo en toda tarjeta SIM\" \r\n           class=\"puk-info-image\" \r\n           loading=\"lazy\">\r\n      <p class=\"puk-info-description\">\r\n        No, a pesar de que se trata de un est\u00e1ndar en la industria, los operadores no est\u00e1n obligados e introducir un c\u00f3digo PUK. Tambi\u00e9n existen legislaciones a niveles de gobierno que obligan a los operadores a usar este tipo de medida de seguridad para evitar el uso de una SIM que ha sido adquirida de forma il\u00edcita. A nivel de Am\u00e9rica Latina, Espa\u00f1a y los <a href=\"https:\/\/es.wikipedia.org\/wiki\/Categor%C3%ADa:Empresas_de_telecomunicaciones_de_Estados_Unidos\" target=\"_blank\" rel=\"noopener\" class=\"puk-definition-link\">Estados Unidos<\/a>, el bloqueo de la tarjeta SIM es obligatorio para los operadores sin lugar a excepciones.\r\n      <\/p>\r\n      <span class=\"puk-highlight-badge\">\r\n        \u2705 Obligatorio en Am\u00e9rica Latina\r\n      <\/span>\r\n    <\/article>\r\n  <\/div>\r\n<\/div>\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-4ee7dd7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ee7dd7\" 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-5692124\" data-id=\"5692124\" 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-3b944c2 elementor-widget elementor-widget-html\" data-id=\"3b944c2\" 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<!-- Secci\u00f3n: Consejos Importantes -->\n<style>\n  .puk-tips-section{\n    margin-top:0px;\n    padding:25px;\n    background:linear-gradient(135deg,#f8f9fa,#e9ecef);\n    border-radius:12px;\n    border-left:4px solid #28a745;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    color:#333;\n  }\n  .puk-tips-title{\n    font-size:1.4rem;\n    font-weight:600;\n    color:#2c3e50;\n    margin:0 0 15px 0;\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n  .puk-tips-list{list-style:none;padding:0;margin:0}\n  .puk-tips-list li{\n    padding:8px 0;\n    position:relative;\n    padding-left:25px;\n    line-height:1.6;\n    color:#5a6c7d;\n  }\n  .puk-tips-list li::before{\n    content:\"\u2713\";\n    position:absolute;\n    left:0;\n    color:#28a745;\n    font-weight:bold;\n  }\n  \/* estilo de enlaces igual al resto de la gu\u00eda *\/\n  .puk-method-link{\n    color:#007bff;\n    text-decoration:none;\n    font-weight:500;\n    border-bottom:1px solid transparent;\n    transition:border-color .3s ease;\n  }\n  .puk-method-link:hover{\n    border-bottom-color:#007bff;\n    text-decoration:none;\n  }\n<\/style>\n\n<section class=\"puk-tips-section\">\n  <h3 class=\"puk-tips-title\">\ud83d\udca1 Consejos Importantes<\/h3>\n  <ul class=\"puk-tips-list\">\n    <li>Nunca intentes adivinar el c\u00f3digo PUK, ya que despu\u00e9s de 10 intentos fallidos tu SIM se bloquear\u00e1 permanentemente<\/li>\n    <li>Guarda siempre el embalaje original de tu tarjeta SIM en un lugar seguro<\/li>\n    <li>Si cambias de operador, aseg\u00farate de conocer los\n      <a href=\"https:\/\/www.ift.org.mx\/usuarios-y-audiencias\/portabilidad-numerica\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">procesos de portabilidad<\/a>\n      antes de realizar cualquier cambio\n    <\/li>\n    <li>Considera configurar un\n      <a href=\"https:\/\/support.google.com\/android\/answer\/9079129\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">bloqueo de pantalla<\/a>\n      adicional para mayor seguridad\n    <\/li>\n  <\/ul>\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-c970444 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c970444\" 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-ac576d1\" data-id=\"ac576d1\" 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-08f5e4d elementor-widget elementor-widget-html\" data-id=\"08f5e4d\" 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<!-- Cuadro Informativo PIN vs PUK - WordPress Body Content -->\r\n<style>\r\n.pin-puk-info-wrapper {\r\n  max-width: 1200px;\r\n  margin: 15px auto;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\n.pin-puk-info-box {\r\n  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);\r\n  border: 2px solid #ff9800;\r\n  border-radius: 15px;\r\n  padding: 20px;\r\n  position: relative;\r\n  box-shadow: 0 6px 20px rgba(255, 152, 0, 0.15);\r\n  overflow: hidden;\r\n}\r\n\r\n.pin-puk-info-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #ff9800, #f57c00);\r\n}\r\n\r\n.pin-puk-info-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.pin-puk-info-icon {\r\n  font-size: 1.8rem;\r\n  background: #ff9800;\r\n  color: white;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 3px 10px rgba(255, 152, 0, 0.3);\r\n}\r\n\r\n.pin-puk-info-title {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: #e65100;\r\n  margin: 0;\r\n}\r\n\r\n.pin-puk-comparison {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.pin-puk-item {\r\n  background: rgba(255, 255, 255, 0.7);\r\n  padding: 12px;\r\n  border-radius: 10px;\r\n  border-left: 4px solid #ff9800;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.pin-puk-item:hover {\r\n  transform: translateY(-2px);\r\n  background: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.pin-puk-item-title {\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: #e65100;\r\n  margin: 0 0 8px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.pin-puk-item-desc {\r\n  font-size: 0.9rem;\r\n  color: #bf360c;\r\n  margin: 0 0 8px 0;\r\n  line-height: 1.4;\r\n}\r\n\r\n.pin-puk-item-detail {\r\n  font-size: 0.8rem;\r\n  color: #ff6f00;\r\n  font-weight: 500;\r\n  background: rgba(255, 152, 0, 0.1);\r\n  padding: 4px 8px;\r\n  border-radius: 12px;\r\n  display: inline-block;\r\n}\r\n\r\n.pin-puk-important-note {\r\n  background: rgba(244, 67, 54, 0.1);\r\n  border: 1px solid #f44336;\r\n  border-radius: 8px;\r\n  padding: 10px;\r\n  margin-top: 10px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n\r\n.pin-puk-important-note-icon {\r\n  color: #f44336;\r\n  font-size: 1.2rem;\r\n  margin-top: 2px;\r\n}\r\n\r\n.pin-puk-important-note-text {\r\n  font-size: 0.85rem;\r\n  color: #d32f2f;\r\n  margin: 0;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .pin-puk-info-wrapper {\r\n    margin: 10px;\r\n  }\r\n  \r\n  .pin-puk-info-box {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .pin-puk-comparison {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n  \r\n  .pin-puk-info-title {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .pin-puk-item {\r\n    padding: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .pin-puk-info-header {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 6px;\r\n    margin-bottom: 12px;\r\n  }\r\n  \r\n  .pin-puk-info-title {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .pin-puk-item-title {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"pin-puk-info-wrapper\">\r\n  <div class=\"pin-puk-info-box\">\r\n    <div class=\"pin-puk-info-header\">\r\n      <div class=\"pin-puk-info-icon\">\ud83d\udd10<\/div>\r\n      <h2 class=\"pin-puk-info-title\">PIN vs PUK: \u00bfCu\u00e1l es la diferencia entre esos c\u00f3digos de una tarjeta SIM?<\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"pin-puk-comparison\">\r\n      <div class=\"pin-puk-item\">\r\n        <div class=\"pin-puk-item-title\">\r\n          \ud83d\udcf1 C\u00f3digo PIN\r\n        <\/div>\r\n        <p class=\"pin-puk-item-desc\">\r\n          Contrase\u00f1a de 4-8 d\u00edgitos que protege tu tarjeta SIM\r\n        <\/p>\r\n        <span class=\"pin-puk-item-detail\">3 intentos m\u00e1ximo<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"pin-puk-item\">\r\n        <div class=\"pin-puk-item-title\">\r\n          \ud83d\udd11 C\u00f3digo PUK\r\n        <\/div>\r\n        <p class=\"pin-puk-item-desc\">\r\n          C\u00f3digo de 8 d\u00edgitos para desbloquear el PIN cuando se agota\r\n        <\/p>\r\n        <span class=\"pin-puk-item-detail\">10 intentos m\u00e1ximo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"pin-puk-important-note\">\r\n      <div class=\"pin-puk-important-note-icon\">\u26a0\ufe0f<\/div>\r\n      <p class=\"pin-puk-important-note-text\">\r\n        <strong>\u00a1Importante!<\/strong> Si fallas 3 veces el PIN, necesitas el PUK. Si fallas 10 veces el PUK, tu SIM se bloquea permanentemente, as\u00ed que para ir a la fija, lo mejor es que uses una herramienta profesional como UnlockHere para obtener tu PUK de forma garantizada y sin contratiempos.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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-b96d45e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b96d45e\" 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-33374f5\" data-id=\"33374f5\" 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-f110204 elementor-widget elementor-widget-html\" data-id=\"f110204\" 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<!-- Encabezado: T\u00edtulo + Introducci\u00f3n -->\n<style>\n  .puk-guide-wrapper{\n    max-width:1200px;\n    margin:0 auto;\n    padding:0px;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    line-height:1.6;\n    color:#333;\n  }\n  .puk-guide-header{\n    text-align:center;\n    margin-bottom:0px;\n    padding:10px;\n    background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);\n    border-radius:15px;\n    border-left:5px solid #007bff;\n  }\n  .puk-guide-title{\n    font-size:2.2rem;\n    font-weight:700;\n    color:#2c3e50;\n    margin:0 0 15px 0;\n    text-shadow:0 1px 2px rgba(0,0,0,.1);\n  }\n  .puk-guide-intro{\n    font-size:1.1rem;\n    color:#5a6c7d;\n    max-width:1000px;\n    margin:0 auto;\n    text-align:left;\n  }\n<\/style>\n\n<div class=\"puk-guide-wrapper\">\n  <header class=\"puk-guide-header\">\n    <h2 class=\"puk-guide-title\">\u00bfC\u00f3mo obtener el c\u00f3digo PUK de la tarjeta SIM de un celular?<\/h2>\n    <div class=\"puk-guide-intro\">\n      Si deseas obtener tu c\u00f3digo de desbloqueo de tu SIM bloqueada, deber\u00e1s primero constatar cu\u00e1l es tu situaci\u00f3n y qu\u00e9 puedes hacer. Es importante que leas esta gu\u00eda paso a paso para as\u00ed utilizar el m\u00e9todo de desbloqueo que m\u00e1s se ajuste a tu caso particular.\n    <\/div>\n  <\/header>\n<\/div>\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-a79312e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a79312e\" 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-e086383\" data-id=\"e086383\" 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-fd02ea6 elementor-widget elementor-widget-html\" data-id=\"fd02ea6\" 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<style>\n  \/* Contenedor de tabs: limita todo el cuadro a 700px *\/\n  .puk-tabs-container{\n    background:#fff;\n    border-radius:15px;\n    box-shadow:0 8px 15px rgba(0,0,0,.1);\n    overflow:hidden;\n    margin:0 auto 0px; \/* centrado + espacio inferior *\/\n    width:100%;\n    max-width:1200px; \/* l\u00edmite del cuadro completo *\/\n    box-sizing:border-box;\n  }\n\n  \/* Contenedor de tabs (botonera) *\/\n  .puk-tabs-nav{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow-x:auto}\n  .puk-tab-button{flex:1;padding:20px 20px;border:none;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#5a6c7d;transition:all .3s ease;position:relative;min-width:200px;text-align:center}\n  .puk-tab-button:hover{background:rgba(0,123,255,.1);color:#007bff}\n  .puk-tab-button.active{background:#007bff;color:#fff;font-weight:600}\n  .puk-tab-button.recommended{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-weight:600;position:relative}\n  .puk-tab-button.recommended::after{content:\"\u2b50 RECOMENDADO\";position:absolute;top:-8px;right:10px;background:#ffc107;color:#000;font-size:.7rem;padding:5px 5px;border-radius:10px;font-weight:bold}\n  .puk-tab-button.recommended.active{background:linear-gradient(135deg,#1e7e34,#17a2b8)}\n\n  \/* Barra de progreso *\/\n  .progress-bar{height:3px;background:#e9ecef;position:relative;overflow:hidden}\n  .progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#28a745);width:0%;transition:width .1s linear}\n\n  \/* Paneles *\/\n  .puk-tabs-content{min-height:500px;position:relative;overflow:hidden}\n  .puk-tab-panel{display:none;padding:10px;animation:fadeInSlide .5s ease-out}\n  .puk-tab-panel.active{display:block}\n  @keyframes fadeInSlide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n\n  \/* Bloque de cada m\u00e9todo: sigue el ancho del contenedor (700px m\u00e1x) *\/\n  .puk-method-content{display:flex;flex-direction:column;gap:1px;align-items:flex-start;width:70%;max-width:100%;margin:0 auto}\n  .puk-method-title{font-size:1.8rem;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:10px}\n  .puk-method-number{background:#007bff;color:#fff;width:40px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,123,255,.3)}\n  .recommended .puk-method-number{background:linear-gradient(135deg,#28a745,#20c997);animation:pulse 2s infinite}\n  @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}\n\n  .puk-method-image{width:700%;max-width:700%;height:auto;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);align-self:center}\n  .puk-method-description{color:#5a6c7d;font-size:1rem;line-height:1.7;margin:0 0 10px 0}\n  .puk-method-link{color:#007bff;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s ease}\n  .puk-method-link:hover{border-bottom-color:#007bff;text-decoration:none}\n  .puk-time-badge{display:inline-block;padding:8px 16px;border-radius:25px;font-size:.9rem;font-weight:600;margin-top:0px}\n  .time-fast{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #28a745}\n  .time-very-slow{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #dc3545}\n\n  \/* Pie solo para el indicador de auto-rotaci\u00f3n (sin botones) *\/\n  .puk-controls{text-align:center;padding:12px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}\n  .auto-play-indicator{margin-top:0;font-size:.9rem;color:#5a6c7d}\n  .auto-play-indicator.active{color:#28a745;font-weight:500}\n\n  \/* Responsive *\/\n  @media (max-width:768px){\n    .puk-tab-button{min-width:150px;padding:12px 15px;font-size:.8rem}\n    .puk-method-title{font-size:1.4rem}\n  }\n  @media (max-width:480px){\n    .puk-tab-button{min-width:120px;font-size:.75rem}\n    .puk-tab-panel{padding:20px}\n  }\n<\/style>\n\n<div class=\"puk-tabs-container\">\n  <nav class=\"puk-tabs-nav\">\n    <button class=\"puk-tab-button active\" data-tab=\"method1\">Buscar en Embalaje<\/button>\n    <button class=\"puk-tab-button\" data-tab=\"method2\">Contactar Operador<\/button>\n    <button class=\"puk-tab-button\" data-tab=\"method3\">Nueva SIM<\/button>\n    <button class=\"puk-tab-button recommended\" data-tab=\"method4\">UnlockHere Online<\/button>\n  <\/nav>\n\n  <div class=\"progress-bar\"><div class=\"progress-fill\"><\/div><\/div>\n\n  <div class=\"puk-tabs-content\">\n    <!-- M\u00e9todo 1 -->\n    <div class=\"puk-tab-panel active\" id=\"method1\">\n      <div class=\"puk-method-content\">\n        <h3 class=\"puk-method-title\"><span class=\"puk-method-number\">1<\/span>Busca los c\u00f3digos PIN y PUK en el empaque original de la SIM<\/h3>\n        <img decoding=\"async\" class=\"puk-method-image\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2024\/10\/como-encontrar-PUK-sim-card.png\" alt=\"Buscar c\u00f3digos PIN y PUK en embalaje de SIM\">\n        <p class=\"puk-method-description\">\n          La primera opci\u00f3n y por ende la m\u00e1s l\u00f3gica es encontrar el PIN y PUK directamente en el\n          <a href=\"https:\/\/wirelesslogic.com\/es\/que-son-las-tarjetas-sim\/\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">embalaje del chip<\/a> donde vino tu tarjeta SIM. En muchas ocasiones esta puede estar guardada en alg\u00fan rinc\u00f3n de tu casa sin darte cuenta. Antes de intentar cualquier m\u00e9todo, verifica que has buscado este embalaje en tu casa. Los c\u00f3digos suelen aparecer impresos junto al n\u00famero de serie de la tarjeta y son completamente gratuitos de usar. Esta es la\n          <a href=\"https:\/\/www.gsma.com\/security\/sim-card-security\/\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">soluci\u00f3n m\u00e1s segura<\/a> y r\u00e1pida disponible.\n        <\/p>\n        <span class=\"puk-time-badge time-fast\">\u26a1 R\u00e1pido y Gratuito<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- M\u00e9todo 2 -->\n    <div class=\"puk-tab-panel\" id=\"method2\">\n      <div class=\"puk-method-content\">\n        <h3 class=\"puk-method-title\"><span class=\"puk-method-number\">2<\/span>Comun\u00edcate con tu operador<\/h3>\n        <img decoding=\"async\" class=\"puk-method-image\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2024\/10\/Elimina-bloqueo-PUK-con-el-operador.png\" alt=\"Comunicarse con operador para desbloquear SIM\">\n        <p class=\"puk-method-description\">\n          Si eres el due\u00f1o registrado de la l\u00ednea, podr\u00e1s pedir el PUK directamente con el\n          <a href=\"https:\/\/www.consumidor.ftc.gov\/es\/articulos\/como-presentar-una-queja-sobre-servicios-de-telefono\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">servicio al cliente<\/a> de tu compa\u00f1\u00eda. Cabe decir que esto funciona mayoritariamente para aquellos usuarios pospago que tienen su l\u00ednea registrada a su nombre. Dependiendo de tu\n          <a href=\"https:\/\/www.nfon.com\/es\/get-started\/cloud-telephony\/lexicon\/base-de-conocimiento-destacar\/proveedor-de-telefono\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">compa\u00f1\u00eda<\/a>, podr\u00e1s pedir el restablecimiento del PUK a trav\u00e9s del \u00e1rea de clientes o visitando una tienda f\u00edsica del operador.\n        <\/p>\n        <span class=\"puk-time-badge time-very-slow\">\ud83d\udd52 Muy Demorado<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- M\u00e9todo 3 -->\n    <div class=\"puk-tab-panel\" id=\"method3\">\n      <div class=\"puk-method-content\">\n        <h3 class=\"puk-method-title\"><span class=\"puk-method-number\">3<\/span>Obt\u00e9n una nueva SIM migrando tu n\u00famero<\/h3>\n        <img decoding=\"async\" class=\"puk-method-image\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2024\/10\/Migrar-de-sim-para-evitar-el-bloqueo-PUK.png\" alt=\"Migrar n\u00famero a nueva SIM\">\n        <p class=\"puk-method-description\">\n          Si no has obtenido ayuda por parte del operador para restablecer el c\u00f3digo con la misma tarjeta, podr\u00e1s hacer uso de obtener un nuevo chip. Antes de hacer esto, deber\u00e1s constatar que puedes hacerlo sin perder la l\u00ednea de tel\u00e9fono actual. Te aconsejamos hacer este proceso directamente de tu\n          <a href=\"https:\/\/www.cofetel.gob.mx\/portabilidad\/\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">operadora telef\u00f3nica<\/a> para evitar cualquier tipo de demora. En cualquiera de los dos casos deber\u00e1s corroborar tu identidad respondiendo un cuestionario, as\u00ed como debes presentar tu solicitud con una identificaci\u00f3n oficial.\n        <\/p>\n        <span class=\"puk-time-badge time-very-slow\">\ud83d\udd52 Muy Demorado<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- M\u00e9todo 4 -->\n    <div class=\"puk-tab-panel recommended\" id=\"method4\">\n      <div class=\"puk-method-content\">\n        <h3 class=\"puk-method-title\"><span class=\"puk-method-number\">4<\/span>Usa la herramienta Online de UnlockHere \u2b50<\/h3>\n        <img decoding=\"async\" class=\"puk-method-image\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2024\/10\/Eliminar-bloqueo-PUK-Online.png\" alt=\"Herramienta online para desbloquear SIM\">\n        <p class=\"puk-method-description\">\n          Si no sabes c\u00f3mo realizar los procesos anteriores o no cumples con todos los requisitos actualmente, puedes obtener ayuda usando\n          <a href=\"https:\/\/www.cyberdefender.com\/blog\/sim-card-security\/\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\">herramientas de terceros<\/a>. Antes de buscar cualquier aplicaci\u00f3n o gu\u00eda Online, aseg\u00farate que esta realmente puede ayudarte sin comprometer tu seguridad. Si deseas desbloquear el tel\u00e9fono del PUK, te recomendamos usar la herramienta de\n          <a href=\"https:\/\/unlockhere.com\/es-mx\/\" target=\"_blank\" rel=\"noopener\" class=\"puk-method-link\"><strong>UnlockHere<\/strong><\/a> que soluciona este problema de forma Online, r\u00e1pida y segura.\n        <\/p>\n        <span class=\"puk-time-badge time-fast\">\u26a1 R\u00e1pido y Confiable<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"puk-controls\">\n    <p class=\"auto-play-indicator\" id=\"autoPlayStatus\"><\/p>\n  <\/div>\n<\/div>\n\n<script>\n  class PUKGuideCarousel {\n    constructor() {\n      this.currentTab = 0;\n      this.buttons = Array.from(document.querySelectorAll('.puk-tab-button'));\n      this.panels  = Array.from(document.querySelectorAll('.puk-tab-panel'));\n      this.tabs    = this.buttons.map(b => b.dataset.tab);\n      this.autoPlayInterval = null;\n      this.isPaused = false;\n      this.autoPlayDuration = 8000;\n      this.init();\n    }\n    init(){ this.bindEvents(); this.startAutoPlay(); this.updateProgressBar(); }\n    bindEvents(){\n      this.buttons.forEach((button, index) => {\n        button.addEventListener('click', () => { this.goToTab(index); this.pauseAutoPlay(); });\n      });\n      const container = document.querySelector('.puk-tabs-container');\n      container.addEventListener('mouseenter', () => { if (!this.isPaused) this.pauseAutoPlay(true); });\n      container.addEventListener('mouseleave', () => { if (!this.isPaused) this.startAutoPlay(); });\n    }\n    goToTab(index){\n      if (index<0 || index>=this.tabs.length) return;\n      this.buttons.forEach(b=>{b.classList.remove('active');b.setAttribute('aria-selected','false');});\n      this.panels.forEach(p=>p.classList.remove('active'));\n      const id=this.tabs[index];\n      this.buttons[index].classList.add('active');\n      this.buttons[index].setAttribute('aria-selected','true');\n      const panel=document.getElementById(id);\n      if(panel) panel.classList.add('active');\n      this.currentTab=index;\n      this.updateProgressBar();\n    }\n    nextTab(){ this.goToTab((this.currentTab+1)%this.tabs.length); }\n    startAutoPlay(){ this.clearAutoPlay(); this.autoPlayInterval=setInterval(()=>this.nextTab(),this.autoPlayDuration); this.updateAutoPlayStatus(true); }\n    pauseAutoPlay(temporary=false){ this.clearAutoPlay(); if(!temporary){ this.isPaused=true; this.updateAutoPlayStatus(false);} }\n    clearAutoPlay(){ if(this.autoPlayInterval){ clearInterval(this.autoPlayInterval); this.autoPlayInterval=null; } }\n    updateAutoPlayStatus(isActive){ const s=document.getElementById('autoPlayStatus'); if(isActive){ s.textContent='\ud83d\udd04 Rotaci\u00f3n autom\u00e1tica activa (cambia cada 8 segundos)'; s.classList.add('active'); } else { s.textContent='\u23f8\ufe0f Rotaci\u00f3n autom\u00e1tica pausada'; s.classList.remove('active'); } }\n    updateProgressBar(){ const fill=document.querySelector('.progress-fill'); const progress=((this.currentTab+1)\/this.tabs.length)*100; fill.style.width=`${progress}%`; }\n  }\n  document.addEventListener('DOMContentLoaded',()=>new PUKGuideCarousel());\n<\/script>\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-daa16ee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"daa16ee\" 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-2436334\" data-id=\"2436334\" 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-718d42e elementor-widget elementor-widget-html\" data-id=\"718d42e\" 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<!-- SIM Unlock Tutorial Section - Standalone for WordPress\/Elementor -->\n<div class=\"sim-unlock-tutorial\" id=\"sim-unlock-guide\">\n  <style>\n    .sim-unlock-tutorial {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 10px;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n      line-height: 1.6;\n      color: #333;\n      background: #fff;\n      border-radius: 12px;\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .sim-unlock-tutorial * {\n      box-sizing: border-box;\n    }\n\n    .tutorial-header {\n      text-align: center;\n      margin-bottom: 25px;\n      padding: 15px 20px;\n      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n      border-radius: 12px;\n      color: white;\n    }\n\n    .tutorial-header h2 {\n      margin: 0 0 0px 0;\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 700;\n      letter-spacing: -0.5px;\n      color: white !important;\n    }\n\n    .tutorial-header p {\n      margin: 0;\n      font-size: clamp(16px, 2.5vw, 18px);\n      opacity: 0.9;\n      color: white !important;\n    }\n\n    .progress-bar {\n      width: 100%;\n      height: 6px;\n      background: #e2e8f0;\n      border-radius: 3px;\n      margin: 20px 0;\n      overflow: hidden;\n    }\n\n    .progress-fill {\n      height: 100%;\n      background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);\n      width: 33.33%;\n      transition: width 0.5s ease;\n      border-radius: 3px;\n    }\n\n    \/* Layout principal con imagen a la derecha y pasos a la izquierda *\/\n    .main-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: start;\n      margin-top: 10px;\n    }\n\n    \/* Sistema de Tabs elegante *\/\n    .steps-container {\n      background: white;\n      border-radius: 16px;\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n    }\n\n    .steps-tabs {\n      display: flex;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      border-bottom: 1px solid #cbd5e1;\n      position: relative;\n    }\n\n    .step-tab {\n      flex: 1;\n      padding: 0;\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .step-tab-content {\n      padding: 7px 12px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 6px;\n      text-align: center;\n    }\n\n    .step-tab-icon {\n      font-size: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .step-tab-title {\n      font-size: 13px;\n      font-weight: 600;\n      color: #64748b;\n      transition: color 0.3s ease;\n      margin: 0;\n    }\n\n    .step-tab-number {\n      position: absolute;\n      top: 6px;\n      right: 10px;\n      background: #cbd5e1;\n      color: #64748b;\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 11px;\n      font-weight: 700;\n      transition: all 0.3s ease;\n    }\n\n    .step-tab:hover {\n      background: rgba(37, 99, 235, 0.05);\n    }\n\n    .step-tab:hover .step-tab-icon {\n      transform: scale(1.1);\n    }\n\n    .step-tab:hover .step-tab-title {\n      color: #475569;\n    }\n\n    .step-tab.active {\n      background: white;\n      position: relative;\n    }\n\n    .step-tab.active::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);\n    }\n\n    .step-tab.active .step-tab-title {\n      color: #2563eb;\n    }\n\n    .step-tab.active .step-tab-number {\n      background: #2563eb;\n      color: white;\n      transform: scale(1.1);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);\n    }\n\n    .step-tab.active .step-tab-icon {\n      transform: scale(1.15);\n    }\n\n    \/* Contenido de los pasos *\/\n    .steps-content {\n      position: relative;\n      min-height: 280px;\n    }\n\n    .step-content {\n      display: none;\n      padding: 10px 15px;\n      animation: fadeInSlide 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .step-content.active {\n      display: block;\n    }\n\n    @keyframes fadeInSlide {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .step-header {\n      display: flex;\n      align-items: center;\n      margin-bottom: 15px;\n      padding-bottom: 12px;\n      border-bottom: 2px solid #e2e8f0;\n    }\n\n    .step-number-circle {\n      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n      color: white;\n      width: 45px;\n      height: 45px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 20px;\n      margin-right: 12px;\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n    }\n\n    .step-title {\n      color: #1e293b;\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .step-title-icon {\n      font-size: 22px;\n    }\n\n    .step-body {\n      color: #475569;\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .requirements-list {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      padding: 12px;\n      margin: 12px 0;\n    }\n\n    .requirements-list h4 {\n      margin: 0 0 8px 0;\n      color: #1e293b;\n      font-size: 15px;\n      font-weight: 600;\n    }\n\n    .requirements-list ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    .requirements-list li {\n      padding: 6px 0;\n      border-bottom: 1px solid #f1f5f9;\n      position: relative;\n      padding-left: 28px;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    .requirements-list li:last-child {\n      border-bottom: none;\n    }\n\n    .requirements-list li::before {\n      content: \"\u2713\";\n      position: absolute;\n      left: 6px;\n      top: 6px;\n      color: #10b981;\n      font-weight: bold;\n      font-size: 16px;\n      background: #d1fae5;\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .highlight-box {\n      background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n      border: 1px solid #93c5fd;\n      border-left: 4px solid #2563eb;\n      border-radius: 10px;\n      padding: 12px;\n      margin: 12px 0;\n      position: relative;\n      font-size: 14px;\n    }\n\n    .highlight-box::before {\n      content: \"\ud83d\udca1\";\n      font-size: 18px;\n      margin-right: 8px;\n      background: #2563eb;\n      color: white;\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      vertical-align: middle;\n    }\n\n    .warning-box {\n      background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n      border: 1px solid #f59e0b;\n      border-left: 4px solid #d97706;\n      border-radius: 10px;\n      padding: 12px;\n      margin: 12px 0;\n      font-size: 14px;\n    }\n\n    .warning-box::before {\n      content: \"\u26a0\ufe0f\";\n      font-size: 18px;\n      margin-right: 8px;\n      background: #d97706;\n      color: white;\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      vertical-align: middle;\n    }\n\n    .success-box {\n      background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\n      border: 1px solid #10b981;\n      border-left: 4px solid #059669;\n      border-radius: 10px;\n      padding: 12px;\n      margin: 12px 0;\n      font-size: 14px;\n    }\n\n    .success-box::before {\n      content: \"\ud83c\udf89\";\n      font-size: 18px;\n      margin-right: 8px;\n      background: #059669;\n      color: white;\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      vertical-align: middle;\n    }\n\n    \/* Navegaci\u00f3n mejorada *\/\n    .step-navigation {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 25px;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border-top: 1px solid #e2e8f0;\n    }\n\n    .nav-btn {\n      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n      color: white;\n      border: none;\n      padding: 12px 24px;\n      border-radius: 50px;\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 15px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n    }\n\n    .nav-btn:hover:not(:disabled) {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);\n    }\n\n    .nav-btn:active:not(:disabled) {\n      transform: translateY(0);\n    }\n\n    .nav-btn:disabled {\n      background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);\n      cursor: not-allowed;\n      transform: none;\n      box-shadow: none;\n    }\n\n    .nav-btn.secondary {\n      background: white;\n      color: #64748b;\n      border: 2px solid #e2e8f0;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .nav-btn.secondary:hover:not(:disabled) {\n      background: #f8fafc;\n      border-color: #cbd5e1;\n      color: #475569;\n    }\n\n    .nav-btn.start-process {\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\n    }\n\n    .nav-btn.start-process:hover {\n      background: linear-gradient(135deg, #059669 0%, #047857 100%);\n      box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\n    }\n\n    .progress-indicator {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      color: #64748b;\n      font-weight: 500;\n    }\n\n    .progress-dots {\n      display: flex;\n      gap: 8px;\n    }\n\n    .progress-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #cbd5e1;\n      transition: all 0.3s ease;\n    }\n\n    .progress-dot.active {\n      background: #2563eb;\n      transform: scale(1.3);\n      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);\n    }\n\n    .tutorial-image-container {\n      position: sticky;\n      top: 20px;\n      text-align: center;\n      display: flex;\n      align-items: stretch; \/* Changed from flex-start to stretch *\/\n      justify-content: center;\n      height: fit-content; \/* Allow natural height *\/\n    }\n\n    .tutorial-image {\n      width: 100%;\n      max-width: 600px; \/* Increased from 400px to 600px *\/\n      min-height: 600px; \/* Added minimum height to match typical steps container height *\/\n      height: auto;\n      border-radius: 16px;\n      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);\n      border: 1px solid #e2e8f0;\n      transition: transform 0.3s ease;\n      object-fit: cover; \/* Changed from contain to cover for better filling *\/\n      object-position: center; \/* Center the image content *\/\n    }\n\n    .tutorial-image:hover {\n      transform: scale(1.02);\n    }\n\n    \/* OPTIMIZACIONES M\u00d3VILES COMPLETAMENTE MEJORADAS *\/\n    @media (max-width: 1200px) {\n      .main-content {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      \n      .tutorial-image-container {\n        position: static;\n        order: -1;\n      }\n\n      .tutorial-image {\n        max-width: 500px; \/* Slightly larger on tablets *\/\n        min-height: 400px; \/* Smaller min-height for tablets *\/\n      }\n    }\n\n    @media (max-width: 768px) {\n      .sim-unlock-tutorial {\n        padding: 12px;\n        margin: 8px;\n        border-radius: 10px;\n      }\n\n      \/* Header optimizado *\/\n      .tutorial-header {\n        padding: 22px 18px;\n        margin-bottom: 18px;\n        border-radius: 10px;\n      }\n\n      .tutorial-header h2 {\n        font-size: clamp(20px, 5vw, 24px);\n        line-height: 1.3;\n      }\n\n      .tutorial-header p {\n        font-size: clamp(14px, 3vw, 16px);\n        margin-top: 8px;\n      }\n\n      \/* TABS HORIZONTALES SIMPLIFICADAS PARA M\u00d3VILES *\/\n      .steps-container {\n        border-radius: 12px;\n      }\n\n      .steps-tabs {\n        \/* Mantener flex horizontal *\/\n        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n        border-bottom: 1px solid #cbd5e1;\n      }\n\n      .step-tab {\n        flex: 1;\n        min-height: 60px;\n        -webkit-tap-highlight-color: rgba(37, 99, 235, 0.1);\n        touch-action: manipulation;\n        padding: 0;\n        \/* Centrar directamente el contenido del bot\u00f3n *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      \/* Ocultar completamente el contenido original en m\u00f3viles *\/\n      .step-tab-content {\n        display: none;\n      }\n\n      .step-tab-number {\n        position: static;\n        width: 36px;\n        height: 36px;\n        font-size: 16px;\n        font-weight: 700;\n        margin: 0;\n        \/* Asegurar centrado perfecto del n\u00famero *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      \/* Indicador activo vuelve abajo *\/\n      .step-tab::after {\n        left: 0;\n        right: 0;\n        top: auto;\n        bottom: 0;\n        width: 100%;\n        height: 4px;\n        transform: scaleX(0);\n        transform-origin: center;\n      }\n\n      .step-tab.active::after {\n        transform: scaleX(1);\n      }\n\n      .step-tab.active {\n        background: white;\n      }\n\n      .step-tab.active .step-tab-number {\n        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n        color: white;\n        transform: scale(1.15);\n        box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);\n      }\n\n      \/* Contenido optimizado para m\u00f3viles *\/\n      .steps-content {\n        min-height: auto;\n      }\n\n      .step-content {\n        padding: 25px 20px;\n      }\n\n      .step-header {\n        margin-bottom: 20px;\n        padding-bottom: 15px;\n        border-bottom: 2px solid #e2e8f0;\n      }\n\n      .step-number-circle {\n        width: 40px;\n        height: 40px;\n        font-size: 18px;\n        margin-right: 15px;\n        flex-shrink: 0;\n      }\n\n      .step-title {\n        font-size: 18px;\n        line-height: 1.3;\n        flex-wrap: wrap;\n      }\n\n      .step-title-icon {\n        font-size: 20px;\n      }\n\n      .step-body {\n        font-size: 15px;\n        line-height: 1.65;\n      }\n\n      .step-body p {\n        margin-bottom: 16px;\n      }\n\n      \/* Info boxes optimizados *\/\n      .requirements-list,\n      .highlight-box,\n      .warning-box,\n      .success-box {\n        padding: 16px;\n        margin: 16px 0;\n        border-radius: 8px;\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .requirements-list h4 {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n\n      .requirements-list li {\n        padding: 8px 0;\n        padding-left: 30px;\n        line-height: 1.6;\n      }\n\n      .requirements-list li::before {\n        width: 22px;\n        height: 22px;\n        font-size: 14px;\n        top: 8px;\n      }\n\n      \/* Navegaci\u00f3n optimizada para m\u00f3viles *\/\n      .step-navigation {\n        padding: 20px;\n        flex-direction: column;\n        gap: 15px;\n        border-top: 2px solid #e2e8f0;\n      }\n\n      .nav-btn {\n        padding: 14px 24px;\n        font-size: 15px;\n        min-width: 120px;\n        border-radius: 8px;\n        min-height: 48px;\n      }\n\n      .progress-indicator {\n        order: -1;\n        justify-content: center;\n        font-size: 15px;\n        font-weight: 600;\n        color: #2563eb;\n      }\n\n      .progress-dots {\n        gap: 10px;\n      }\n\n      .progress-dot {\n        width: 12px;\n        height: 12px;\n      }\n\n      \/* Imagen optimizada *\/\n      .tutorial-image-container {\n        padding: 0 10px;\n      }\n\n      .tutorial-image {\n        max-width: 100%;\n        min-height: 300px; \/* Smaller min-height on mobile *\/\n        border-radius: 12px;\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n      }\n\n      .main-content {\n        gap: 25px;\n      }\n    }\n\n    \/* Optimizaciones para m\u00f3viles muy peque\u00f1os *\/\n    @media (max-width: 480px) {\n      .sim-unlock-tutorial {\n        padding: 10px;\n        margin: 5px;\n      }\n\n      .tutorial-header {\n        padding: 18px 15px;\n      }\n\n      .tutorial-header h2 {\n        font-size: 18px;\n      }\n\n      .tutorial-header p {\n        font-size: 14px;\n      }\n\n      .step-tab-content {\n        padding: 18px;\n        gap: 12px;\n      }\n\n      .step-tab-icon {\n        font-size: 22px;\n      }\n\n      .step-tab-title {\n        font-size: 15px;\n      }\n\n      .step-tab-number {\n        width: 28px;\n        height: 28px;\n        font-size: 13px;\n      }\n\n      .step-content {\n        padding: 20px 15px;\n      }\n\n      .step-number-circle {\n        width: 36px;\n        height: 36px;\n        font-size: 16px;\n        margin-right: 12px;\n      }\n\n      .step-title {\n        font-size: 16px;\n      }\n\n      .step-body {\n        font-size: 14px;\n      }\n\n      .requirements-list,\n      .highlight-box,\n      .warning-box,\n      .success-box {\n        padding: 14px;\n        font-size: 13px;\n      }\n\n      .step-navigation {\n        padding: 18px;\n      }\n\n      .nav-btn {\n        padding: 12px 20px;\n        font-size: 14px;\n        min-height: 44px;\n      }\n\n      .progress-indicator {\n        font-size: 14px;\n      }\n\n      .tutorial-image {\n        min-height: 250px; \/* Even smaller on very small screens *\/\n      }\n    }\n\n    \/* Optimizaci\u00f3n espec\u00edfica para t\u00e1ctil *\/\n    @media (hover: none) and (pointer: coarse) {\n      .step-tab:hover {\n        background: rgba(37, 99, 235, 0.05);\n      }\n      \n      .step-tab:active {\n        background: rgba(37, 99, 235, 0.1);\n        transform: scale(0.98);\n        transition: all 0.1s ease;\n      }\n\n      .nav-btn:hover:not(:disabled) {\n        transform: none;\n      }\n\n      .nav-btn:active:not(:disabled) {\n        transform: scale(0.95);\n        transition: transform 0.1s ease;\n      }\n    }\n\n    \/* Animation classes *\/\n    .fade-in {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.6s ease;\n    }\n\n    .fade-in.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* Accessibility improvements *\/\n    .step-tab:focus-visible {\n      outline: 2px solid #2563eb;\n      outline-offset: 2px;\n      z-index: 1;\n    }\n\n    .nav-btn:focus-visible {\n      outline: 2px solid #2563eb;\n      outline-offset: 2px;\n    }\n  <\/style>\n\n  <div class=\"tutorial-header\">\n    <h2>\ud83d\udcf1 C\u00f3mo Desbloquear la SIM sin c\u00f3digo PUK con UnlockHere<\/h2>\n    <p>Si no has podido realizar el desbloqueo de tu SIM por todos los medios posibles, UnlockHere est\u00e1 aqu\u00ed para ayudarte<\/p>\n  <\/div>\n\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n  <\/div>\n\n  <div class=\"main-content\">\n    <!-- Sistema de Tabs interactivo -->\n    <div class=\"steps-container\">\n      <!-- Headers de los tabs -->\n      <div class=\"steps-tabs\">\n        <button class=\"step-tab active\" data-step=\"1\">\n          <div class=\"step-tab-content\">\n            <div class=\"step-tab-icon\">\ud83d\udcdd<\/div>\n            <h3 class=\"step-tab-title\">Datos de SIM<\/h3>\n          <\/div>\n          <div class=\"step-tab-number\">1<\/div>\n        <\/button>\n        <button class=\"step-tab\" data-step=\"2\">\n          <div class=\"step-tab-content\">\n            <div class=\"step-tab-icon\">\u26a1<\/div>\n            <h3 class=\"step-tab-title\">Verificaci\u00f3n<\/h3>\n          <\/div>\n          <div class=\"step-tab-number\">2<\/div>\n        <\/button>\n        <button class=\"step-tab\" data-step=\"3\">\n          <div class=\"step-tab-content\">\n            <div class=\"step-tab-icon\">\ud83d\udd13<\/div>\n            <h3 class=\"step-tab-title\">Desbloqueo<\/h3>\n          <\/div>\n          <div class=\"step-tab-number\">3<\/div>\n        <\/button>\n      <\/div>\n\n      <!-- Contenido de los pasos -->\n      <div class=\"steps-content\">\n        <!-- Paso 1 -->\n        <div class=\"step-content active\" id=\"step-1\">\n          <div class=\"step-header\">\n            <div class=\"step-number-circle\">1<\/div>\n            <h2 class=\"step-title\">\n              <span class=\"step-title-icon\">\ud83d\udcdd<\/span>\n              Ingresa datos de SIM y n\u00famero de tel\u00e9fono\n            <\/h2>\n          <\/div>\n          <div class=\"step-body\">\n            <p>Para iniciar el proceso deber\u00e1s ingresar la informaci\u00f3n del chip para poder generar una solicitud de desbloqueo directamente a las autoridades competentes.<\/p>\n            \n            <div class=\"requirements-list\">\n              <h4>Ten a la mano la siguiente informaci\u00f3n:<\/h4>\n              <ul>\n                <li>Nombre<\/li>\n                <li>Correo electr\u00f3nico<\/li>\n                <li>N\u00famero de tel\u00e9fono<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"highlight-box\">\n              <strong>Informaci\u00f3n sencilla:<\/strong> Como puedes constatar, la informaci\u00f3n para eliminar el bloqueo de SIM es bastante sencilla de obtener. Al completar la informaci\u00f3n, verifica que todo est\u00e1 correcto y acepta los t\u00e9rminos y condiciones.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Paso 2 -->\n        <div class=\"step-content\" id=\"step-2\">\n          <div class=\"step-header\">\n            <div class=\"step-number-circle\">2<\/div>\n            <h2 class=\"step-title\">\n              <span class=\"step-title-icon\">\u26a1<\/span>\n              Completa los pasos de verificaci\u00f3n y seguridad en la plataforma\n            <\/h2>\n          <\/div>\n          <div class=\"step-body\">\n            <p>Una vez enviada tu solicitud, se iniciar\u00e1 el proceso de desbloqueado directamente en la plataforma. En este punto, es probable que debas completar un proceso de verificaci\u00f3n.<\/p>\n            \n            <div class=\"warning-box\">\n              <strong>No te alarmes:<\/strong> Este proceso es bastante r\u00e1pido y todas las instrucciones est\u00e1n disponibles a trav\u00e9s de un videotutorial.\n            <\/div>\n\n            <p>Este proceso se ha implementado con el fin de:<\/p>\n            <div class=\"requirements-list\">\n              <h4>Objetivos de la verificaci\u00f3n:<\/h4>\n              <ul>\n                <li>Evitar el uso inadecuado de la plataforma<\/li>\n                <li>Evitar solicitudes falsas al servidor<\/li>\n                <li>Mantener la seguridad del sistema<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Paso 3 -->\n        <div class=\"step-content\" id=\"step-3\">\n          <div class=\"step-header\">\n            <div class=\"step-number-circle\">3<\/div>\n            <h2 class=\"step-title\">\n              <span class=\"step-title-icon\">\ud83d\udd13<\/span>\n              Recibe c\u00f3digo temporal y desbloquea\n            <\/h2>\n          <\/div>\n          <div class=\"step-body\">\n            <p>Una vez completes el proceso de verificaci\u00f3n, el sistema terminar\u00e1 de procesar tu solicitud. En este punto solo debes esperar por un correo de confirmaci\u00f3n que viene con las instrucciones.<\/p>\n            \n            <div class=\"success-box\">\n              <strong>\u00a1C\u00f3digo \u00fanico!<\/strong> Cada solicitud genera un c\u00f3digo temporal y \u00fanico que permite desbloquear el chip.\n            <\/div>\n\n            <p>Para finalizar el proceso:<\/p>\n            <div class=\"requirements-list\">\n              <h4>Pasos finales:<\/h4>\n              <ul>\n                <li>Ingresa el c\u00f3digo en el dispositivo<\/li>\n                <li>Genera un nuevo c\u00f3digo PIN seguro<\/li>\n                <li>Finaliza con el proceso de desbloqueo<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Navegaci\u00f3n -->\n      <div class=\"step-navigation\">\n        <button class=\"nav-btn secondary\" id=\"prevBtn\" disabled>\n          <span>\u2190<\/span> Anterior\n        <\/button>\n        \n        <div class=\"progress-indicator\">\n          <span>Paso <span id=\"currentStep\">1<\/span> de 3<\/span>\n          <div class=\"progress-dots\">\n            <div class=\"progress-dot active\"><\/div>\n            <div class=\"progress-dot\"><\/div>\n            <div class=\"progress-dot\"><\/div>\n          <\/div>\n        <\/div>\n        \n        <button class=\"nav-btn\" id=\"nextBtn\">\n          Siguiente <span>\u2192<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Imagen a la derecha -->\n    <div class=\"tutorial-image-container fade-in\">\n      <img decoding=\"async\" src=\"https:\/\/unlockhere.com\/es-mx\/wp-content\/uploads\/2025\/08\/desbloquear-puk-paso-a-paso-1.png\" alt=\"Diagrama del proceso de desbloqueo de SIM sin c\u00f3digo PUK con UnlockHere\" class=\"tutorial-image\">\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      'use strict';\n      \n      let currentStep = 1;\n      const totalSteps = 3;\n\n      \/\/ Elementos del DOM\n      const stepTabs = document.querySelectorAll('.step-tab');\n      const stepContents = document.querySelectorAll('.step-content');\n      const prevBtn = document.getElementById('prevBtn');\n      const nextBtn = document.getElementById('nextBtn');\n      const currentStepSpan = document.getElementById('currentStep');\n      const progressBar = document.getElementById('progressBar');\n      const progressDots = document.querySelectorAll('.progress-dot');\n\n      \/\/ Funci\u00f3n para ir al inicio de la p\u00e1gina\n      function scrollToTop() {\n        window.scrollTo({\n          top: 0,\n          behavior: 'smooth'\n        });\n      }\n\n      \/\/ Funci\u00f3n para cambiar de paso\n      function switchToStep(stepNumber) {\n        if (stepNumber < 1 || stepNumber > totalSteps) return;\n\n        currentStep = stepNumber;\n\n        \/\/ Actualizar tabs\n        stepTabs.forEach((tab, index) => {\n          if (index + 1 === stepNumber) {\n            tab.classList.add('active');\n            tab.setAttribute('aria-selected', 'true');\n          } else {\n            tab.classList.remove('active');\n            tab.setAttribute('aria-selected', 'false');\n          }\n        });\n\n        \/\/ Actualizar contenido\n        stepContents.forEach((content, index) => {\n          if (index + 1 === stepNumber) {\n            content.classList.add('active');\n          } else {\n            content.classList.remove('active');\n          }\n        });\n\n        \/\/ Actualizar indicadores\n        currentStepSpan.textContent = stepNumber;\n        \n        \/\/ Actualizar dots\n        progressDots.forEach((dot, index) => {\n          if (index + 1 === stepNumber) {\n            dot.classList.add('active');\n          } else {\n            dot.classList.remove('active');\n          }\n        });\n\n        \/\/ Actualizar barra de progreso\n        const progress = (stepNumber \/ totalSteps) * 100;\n        if (progressBar) {\n          progressBar.style.width = progress + '%';\n        }\n\n        \/\/ Actualizar botones de navegaci\u00f3n\n        prevBtn.disabled = stepNumber === 1;\n        nextBtn.disabled = false; \/\/ Nunca deshabilitar el bot\u00f3n\n        \n        \/\/ Cambiar texto del bot\u00f3n siguiente en el \u00faltimo paso\n        if (stepNumber === totalSteps) {\n          nextBtn.innerHTML = '<span>\ud83d\ude80<\/span> Iniciar Proceso';\n          nextBtn.classList.add('start-process');\n        } else {\n          nextBtn.innerHTML = 'Siguiente <span>\u2192<\/span>';\n          nextBtn.classList.remove('start-process');\n        }\n      }\n\n      \/\/ Event listeners para los tabs\n      stepTabs.forEach((tab, index) => {\n        tab.addEventListener('click', () => {\n          switchToStep(index + 1);\n        });\n      });\n\n      \/\/ Event listeners para navegaci\u00f3n\n      prevBtn.addEventListener('click', () => {\n        if (currentStep > 1) {\n          switchToStep(currentStep - 1);\n        }\n      });\n\n      nextBtn.addEventListener('click', () => {\n        if (currentStep < totalSteps) {\n          switchToStep(currentStep + 1);\n        } else if (currentStep === totalSteps) {\n          \/\/ Si estamos en el \u00faltimo paso, ir al inicio de la p\u00e1gina\n          scrollToTop();\n        }\n      });\n\n      \/\/ Navegaci\u00f3n con teclado\n      document.addEventListener('keydown', (e) => {\n        if (e.key === 'ArrowLeft' && currentStep > 1) {\n          switchToStep(currentStep - 1);\n        } else if (e.key === 'ArrowRight' && currentStep < totalSteps) {\n          switchToStep(currentStep + 1);\n        }\n      });\n\n      \/\/ Intersection Observer para animaciones\n      const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n      };\n\n      const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n          }\n        });\n      }, observerOptions);\n\n      \/\/ Inicializaci\u00f3n\n      function init() {\n        \/\/ Configurar estado inicial\n        switchToStep(1);\n\n        \/\/ Observar elementos fade-in\n        const fadeElements = document.querySelectorAll('.fade-in');\n        fadeElements.forEach(function(el) {\n          observer.observe(el);\n          if (el.getBoundingClientRect().top < window.innerHeight) {\n            el.classList.add('visible');\n          }\n        });\n\n        \/\/ Accesibilidad\n        stepTabs.forEach((tab, index) => {\n          tab.setAttribute('role', 'tab');\n          tab.setAttribute('aria-controls', `step-${index + 1}`);\n          tab.setAttribute('tabindex', index === 0 ? '0' : '-1');\n        });\n\n        stepContents.forEach((content, index) => {\n          content.setAttribute('role', 'tabpanel');\n          content.setAttribute('aria-labelledby', `tab-${index + 1}`);\n        });\n\n        console.log('\ud83d\udcf1 Tutorial de desbloqueo SIM inicializado');\n      }\n\n      \/\/ Inicializar\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n      } else {\n        init();\n      }\n\n      \/\/ Cleanup\n      window.addEventListener('beforeunload', function() {\n        observer.disconnect();\n      });\n\n    })();\n  <\/script>\n<\/div>\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-691cb0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"691cb0d\" 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-dcca0f2\" data-id=\"dcca0f2\" 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-dd1e21d elementor-widget elementor-widget-toggle\" data-id=\"dd1e21d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2311\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2311\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfQu\u00e9 pasa si no tengo el c\u00f3digo PUK?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2311\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2311\"><p>S\u00ed, se te ha olvidado el c\u00f3digo PIN de tu SIM, es probable que al usar un nuevo dispositivo se te pida ingresar el PIN para acceder a los servicios del operador. Si no lo tienes disponible y lo ingresas incorrectamente m\u00e1s de 10 veces, la SIM quedar\u00e1 bloqueada permanentemente.\u00a0<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2312\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2312\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfC\u00f3mo recuperar el PUK de una tarjeta SIM?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2312\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2312\"><p>Si has ingresado el PIN incorrecto demasiadas veces, es probable que ahora est\u00e9 en la pantalla de bloqueo del PUK. Para poder recuperar tu PUK deber\u00e1s generar una solicitud a tu operador, comprar un nuevo chip con la misma l\u00ednea o usar una herramienta de terceros. Como puedes ver existen distintas formas de desbloquear tu SIM, todo depender\u00e1 de tu caso en espec\u00edfico para saber cu\u00e1l funciona en tu situaci\u00f3n.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2313\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-2313\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfCu\u00e1l es el PIN de mi tarjeta SIM?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2313\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-2313\"><p>El PIN de tu tarjeta SIM es un c\u00f3digo de 4 d\u00edgitos que viene inscrito en el paquete original de tu SIM. Esta suele darse al momento de adquirir una nueva l\u00ednea con tu operador. Esta adem\u00e1s contiene informaci\u00f3n sobre los servicios m\u00f3viles que tu operador ofrece, as\u00ed como el c\u00f3digo PUK en caso de que olvides de tu PIN.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2314\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-2314\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfQu\u00e9 pasa si no te sabes el PUK?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2314\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-2314\"><p>Si se te ha olvidado el PUK de tu SIM, es probable que pierdas acceso a los servicios m\u00f3viles de tu compa\u00f1\u00eda. Esta medida de seguridad busca proteger tu tarjeta SIM de usuarios no autorizados. En este caso estar\u00e1s expuesto a un bloqueo y tendr\u00e1s que buscar una soluci\u00f3n si deseas usar tu SIM en un nuevo tel\u00e9fono.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2315\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-2315\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfQu\u00e9 pasa cuando la tarjeta SIM est\u00e1 bloqueada?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2315\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-2315\"><p>Al tener tu tarjeta SIM bloqueada, no podr\u00e1s realizar llamadas, mensajes o usar datos m\u00f3viles. En muchas ocasiones, los dispositivos son capaces de detectar que el chip est\u00e1 bloqueado, incluso si intentas cambiar de tel\u00e9fono. Si este es tu caso, debes ingresar este c\u00f3digo de seguridad si quieres volver a usar tu l\u00ednea.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2316\" class=\"elementor-tab-title\" data-tab=\"6\" role=\"button\" aria-controls=\"elementor-tab-content-2316\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfCu\u00e1ntas veces puedo intentar ingresar el PUK?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2316\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"region\" aria-labelledby=\"elementor-tab-title-2316\"><p data-start=\"131\" data-end=\"359\">Normalmente tienes hasta 10 intentos para ingresar el c\u00f3digo PUK correctamente. Si los agotas, la tarjeta SIM queda bloqueada de forma permanente y necesitar\u00e1s reemplazarla.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2317\" class=\"elementor-tab-title\" data-tab=\"7\" role=\"button\" aria-controls=\"elementor-tab-content-2317\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfQu\u00e9 pasa si ingreso el PUK incorrecto?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2317\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"7\" role=\"region\" aria-labelledby=\"elementor-tab-title-2317\"><p data-start=\"366\" data-end=\"597\">Cada intento fallido reduce el n\u00famero de oportunidades disponibles. Ingresar el PUK incorrecto demasiadas veces bloquear\u00e1 la SIM de manera definitiva, sin posibilidad de recuperaci\u00f3n.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2318\" class=\"elementor-tab-title\" data-tab=\"8\" role=\"button\" aria-controls=\"elementor-tab-content-2318\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfPuedo usar la misma SIM despu\u00e9s del desbloqueo?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2318\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"8\" role=\"region\" aria-labelledby=\"elementor-tab-title-2318\"><p data-start=\"604\" data-end=\"802\">S\u00ed, si introduces el c\u00f3digo PUK correcto, tu SIM se desbloquea y podr\u00e1s seguir us\u00e1ndola como antes, conservando tu l\u00ednea y servicios activos.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2319\" class=\"elementor-tab-title\" data-tab=\"9\" role=\"button\" aria-controls=\"elementor-tab-content-2319\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfNecesito cambiar mi n\u00famero de tel\u00e9fono?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2319\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"9\" role=\"region\" aria-labelledby=\"elementor-tab-title-2319\"><p data-start=\"809\" data-end=\"981\">Para nada, al desbloquear la SIM con el c\u00f3digo PUK, mantendr\u00e1s el mismo n\u00famero de tel\u00e9fono y todos tus datos asociados a la l\u00ednea. Sin embargo, si llegas a bloquear la SIM de forma permanente por ingresar el PUK incorrecto, s\u00ed te va a tocar contactar a tu operador para que te reemplacen el chip (te pueden dar tu mismo n\u00famero).<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-23110\" class=\"elementor-tab-title\" data-tab=\"10\" role=\"button\" aria-controls=\"elementor-tab-content-23110\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">\u00bfQu\u00e9 es la contrase\u00f1a PIN y c\u00f3mo establezco una nueva?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-23110\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"10\" role=\"region\" aria-labelledby=\"elementor-tab-title-23110\"><p data-start=\"988\" data-end=\"1250\">El PIN es un c\u00f3digo de seguridad (son 4 n\u00fameros) que protege tu SIM contra usos no autorizados. Una vez desbloqueada, puedes cambiarlo desde los ajustes de tu tel\u00e9fono para elegir un n\u00famero que recuerdes f\u00e1cilmente.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\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>Hemos renovado nuestro dise\u00f1o para hacer todo m\u00e1s simple. Las funciones principales que ya conoces no han cambiado. Vamos a Comenzar! Servicio de Recuperaci\u00f3n de C\u00f3digo PUK SIM C\u00f3digo PUK Instant\u00e1neo Todos los Operadores Soportados $1.25 (Membres\u00eda Requerida) Selecciona la Marca de tu Dispositivo y Pa\u00eds Esto nos ayuda a encontrar el c\u00f3digo PUK correcto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6042","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages\/6042","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/comments?post=6042"}],"version-history":[{"count":115,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages\/6042\/revisions"}],"predecessor-version":[{"id":11435,"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/pages\/6042\/revisions\/11435"}],"wp:attachment":[{"href":"https:\/\/unlockhere.com\/es-mx\/wp-json\/wp\/v2\/media?parent=6042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}