{"id":13564,"date":"2026-02-06T00:41:08","date_gmt":"2026-02-05T23:41:08","guid":{"rendered":"https:\/\/consuladouy-bcn.es\/httpdocs\/?page_id=13564"},"modified":"2026-02-15T20:20:43","modified_gmt":"2026-02-15T19:20:43","slug":"mallorca2","status":"publish","type":"page","link":"https:\/\/consuladouy-bcn.es\/httpdocs\/mallorca2\/","title":{"rendered":"mallorca2-"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13564\" class=\"elementor elementor-13564\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1058d0f e-flex e-con-boxed e-con e-parent\" data-id=\"1058d0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8086d9 elementor-widget elementor-widget-html\" data-id=\"c8086d9\" 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    .wizard-container {\n        max-width: 1000px;\n        margin: 40px auto;\n        padding: 40px;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n    }\n    .wizard-header {\n        text-align: center;\n        margin-bottom: 40px;\n        padding: 30px;\n        background: linear-gradient(135deg, #00897b 0%, #00695c 100%);\n        border-radius: 12px;\n        color: white;\n    }\n    .wizard-header h2 {\n        margin: 0 0 10px;\n        font-size: 32px;\n    }\n    .progress-bar {\n        background: #e0e0e0;\n        height: 8px;\n        border-radius: 10px;\n        margin: 30px 0;\n        overflow: hidden;\n    }\n    .progress-fill {\n        background: linear-gradient(90deg, #00897b, #00695c);\n        height: 100%;\n        transition: width 0.3s ease;\n    }\n    .step-indicator {\n        display: flex;\n        justify-content: space-between;\n        margin: 20px 0 40px;\n        padding: 0 20px;\n    }\n    .step-item {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n    .step-number {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #e0e0e0;\n        color: #666;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 10px;\n        font-weight: bold;\n        font-size: 18px;\n    }\n    .step-item.active .step-number {\n        background: #00897b;\n        color: white;\n    }\n    .step-item.completed .step-number {\n        background: #4caf50;\n        color: white;\n    }\n    .step-text {\n        font-size: 14px;\n        color: #666;\n    }\n    .step-item.active .step-text {\n        color: #00897b;\n        font-weight: bold;\n    }\n    .btn-primary {\n        background: #00897b;\n        color: white;\n        padding: 18px 40px;\n        border: none;\n        border-radius: 12px;\n        font-size: 18px;\n        font-weight: bold;\n        cursor: pointer;\n        width: 100%;\n        margin-top: 30px;\n        transition: all 0.3s ease;\n        white-space: nowrap;\n    }\n    .btn-primary:hover {\n        background: #00695c;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0,137,123,0.3);\n    }\n    .btn-primary:disabled {\n        background: #ccc;\n        cursor: not-allowed;\n        transform: none;\n    }\n    .button, .btn-secondary {\n        background: #2196f3;\n        color: white;\n        padding: 18px 40px;\n        border: none;\n        border-radius: 12px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        text-decoration: none;\n        display: inline-block;\n        transition: all 0.3s ease;\n        text-align: center;\n        white-space: nowrap;\n    }\n    .button:hover, .btn-secondary:hover {\n        background: #1976d2;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(33,150,243,0.3);\n        color: white;\n        text-decoration: none;\n    }\n    <\/style>\n        <style>\n    .wizard-container {\n        max-width: 1000px;\n        margin: 40px auto;\n        padding: 40px;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n    }\n    .wizard-header {\n        text-align: center;\n        margin-bottom: 40px;\n        padding: 30px;\n        background: linear-gradient(135deg, #00897b 0%, #00695c 100%);\n        border-radius: 12px;\n        color: white;\n    }\n    .wizard-header h2 {\n        margin: 0 0 10px;\n        font-size: 32px;\n    }\n    .progress-bar {\n        background: #e0e0e0;\n        height: 8px;\n        border-radius: 10px;\n        margin: 30px 0;\n        overflow: hidden;\n    }\n    .progress-fill {\n        background: linear-gradient(90deg, #00897b, #00695c);\n        height: 100%;\n        transition: width 0.3s ease;\n    }\n    .step-indicator {\n        display: flex;\n        justify-content: space-between;\n        margin: 20px 0 40px;\n        padding: 0 20px;\n    }\n    .step-item {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n    .step-number {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #e0e0e0;\n        color: #666;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 10px;\n        font-weight: bold;\n        font-size: 18px;\n    }\n    .step-item.active .step-number {\n        background: #00897b;\n        color: white;\n    }\n    .step-item.completed .step-number {\n        background: #4caf50;\n        color: white;\n    }\n    .step-text {\n        font-size: 14px;\n        color: #666;\n    }\n    .step-item.active .step-text {\n        color: #00897b;\n        font-weight: bold;\n    }\n    .tramites-selection {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    .tramite-card {\n        border: 3px solid #e0e0e0;\n        border-radius: 12px;\n        padding: 25px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        position: relative;\n        scroll-margin-top: 0;\n        scroll-snap-stop: normal;\n    }\n    .tramite-card:focus,\n    .tramite-card:focus-within {\n        outline: none;\n        scroll-behavior: auto;\n    }\n    .tramite-card:hover {\n        border-color: #00897b;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 20px rgba(0,137,123,0.2);\n    }\n    .tramite-card.tramite-card-inscripcion:hover {\n        border-color: #ff9800;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 20px rgba(255,152,0,0.3);\n    }\n    .tramite-card.selected {\n        border-color: #00897b;\n        background: #e0f2f1;\n    }\n    .tramite-card input[type=\"checkbox\"] {\n        position: absolute;\n        opacity: 0;\n        cursor: pointer;\n        pointer-events: none;\n        width: 0;\n        height: 0;\n        margin: 0;\n        padding: 0;\n    }\n    .tramite-card .checkmark {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        width: 28px;\n        height: 28px;\n        background: white;\n        border: 3px solid #ddd;\n        border-radius: 6px;\n        transition: all 0.3s ease;\n    }\n    .tramite-card.selected .checkmark {\n        background: #00897b;\n        border-color: #00897b;\n    }\n    .tramite-card .checkmark:after {\n        content: \"\";\n        position: absolute;\n        display: none;\n        left: 8px;\n        top: 4px;\n        width: 6px;\n        height: 12px;\n        border: solid white;\n        border-width: 0 3px 3px 0;\n        transform: rotate(45deg);\n    }\n    .tramite-card.selected .checkmark:after {\n        display: block;\n    }\n    .tramite-icon {\n        font-size: 48px;\n        text-align: center;\n        margin-bottom: 15px;\n    }\n    .tramite-title {\n        font-size: 20px;\n        font-weight: bold;\n        text-align: center;\n        color: #333;\n        margin-bottom: 10px;\n    }\n    .tramite-desc {\n        font-size: 14px;\n        color: #666;\n        text-align: center;\n        line-height: 1.5;\n    }\n    .summary-box {\n        background: #e3f2fd;\n        padding: 25px;\n        border-radius: 12px;\n        margin: 30px 0;\n        border-left: 6px solid #2196f3;\n        display: none;\n    }\n    .summary-box.active {\n        display: block;\n    }\n    .btn-primary {\n        background: #00897b;\n        color: white;\n        padding: 18px 40px;\n        border: none;\n        border-radius: 12px;\n        font-size: 18px;\n        font-weight: bold;\n        cursor: pointer;\n        width: 100%;\n        margin-top: 30px;\n        transition: all 0.3s ease;\n    }\n    .btn-primary:hover {\n        background: #00695c;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0,137,123,0.3);\n    }\n    .btn-primary:disabled {\n        background: #ccc;\n        cursor: not-allowed;\n        transform: none;\n    }\n    .button, .btn-secondary {\n        background: #2196f3;\n        color: white;\n        padding: 18px 40px;\n        border: none;\n        border-radius: 12px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        text-decoration: none;\n        display: inline-block;\n        transition: all 0.3s ease;\n        text-align: center;\n    }\n    .button:hover, .btn-secondary:hover {\n        background: #1976d2;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(33,150,243,0.3);\n    }\n    <\/style>\n\n    <div class=\"wizard-container\">\n        <div class=\"wizard-header\">\n            <h2 style=\"margin:0;\">Consulado M\u00f3vil Mallorca<\/h2>\n            <p style=\"margin:15px 0 0;font-size:18px;font-weight:500;\">Solicitud de M\u00faltiples Tr\u00e1mites<\/p>\n            <p style=\"margin:10px 0 0;font-size:15px;opacity:0.9;\">\ud83d\udcc5 10-13 de marzo 2026 \u2022 Palma de Mallorca<\/p>\n        <\/div>\n\n        <!-- Indicador de Pasos -->\n        <div class=\"step-indicator\">\n            <div class=\"step-item active\">\n                <div class=\"step-number\">1<\/div>\n                <div class=\"step-text\">Seleccionar<br>Tr\u00e1mites<\/div>\n            <\/div>\n            <div class=\"step-item\">\n                <div class=\"step-number\">2<\/div>\n                <div class=\"step-text\">Fecha y<br>Hora<\/div>\n            <\/div>\n            <div class=\"step-item\">\n                <div class=\"step-number\">3<\/div>\n                <div class=\"step-text\">Completar<br>Formularios<\/div>\n            <\/div>\n            <div class=\"step-item\">\n                <div class=\"step-number\">4<\/div>\n                <div class=\"step-text\">Confirmar<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"progress-bar\">\n            <div class=\"progress-fill\" style=\"width: 25%;\"><\/div>\n        <\/div>\n\n        <!-- Mensaje informativo -->\n        <div id=\"mensaje-informativo-mallorca\" style=\"margin: 30px 0;\">\n            <div style=\"background-color: #ffffff; padding: 30px; border: 2px solid #003366; border-radius: 10px; font-family: 'Segoe UI', Arial, sans-serif; color: #333; line-height: 1.6;\">\n                \n                <div style=\"text-align: center; border-bottom: 2px solid #003366; margin-bottom: 25px; padding-bottom: 10px;\">\n                    <h2 style=\"color: #003366; margin: 0;\">CONSULADO M\u00d3VIL - PALMA DE MALLORCA 2026<\/h2>\n                    <p style=\"font-weight: bold; color: #d9534f; font-size: 1.2em; margin-top: 10px;\">\u26a0\ufe0f IMPORTANTE: CITA INDIVIDUAL Y PREVIA<\/p>\n                <\/div>\n\n                <div style=\"background-color: #e9f7ef; padding: 15px; border-radius: 5px; border: 1px solid #c3e6cb; margin-bottom: 20px; text-align: center;\">\n                    <p style=\"margin: 0; color: #155724; font-weight: bold;\">SERVICIO DIRECTO Y GRATUITO<\/p>\n                    <p style=\"margin: 5px 0; font-size: 0.95em;\">La obtenci\u00f3n de la cita es <strong>gratuita<\/strong>. La interacci\u00f3n es directa con el Consulado; no se requiere ni se recomienda la intervenci\u00f3n de gestores o intermediarios externos.<\/p>\n                <\/div>\n\n                <div style=\"background-color: #fce8e6; padding: 15px; border-radius: 5px; border: 1px solid #f5c2c7; margin-bottom: 20px;\">\n                    <strong>\ud83d\udcb3 MEDIOS DE PAGO:<\/strong> Los tr\u00e1mites se abonan exclusivamente con <strong>tarjeta de cr\u00e9dito o d\u00e9bito<\/strong>. No se acepta efectivo.\n                <\/div>\n\n                <div style=\"border: 1px solid #dee2e6; border-radius: 8px; padding: 20px; background-color: #f8f9fa;\">\n                    <h3 style=\"color: #003366; margin-top: 0; border-bottom: 1px solid #003366;\">REQUISITOS PARA PASAPORTE (Mayores de 18 a\u00f1os)<\/h3>\n                    \n                    <p style=\"background-color: #333; color: white; padding: 10px; border-radius: 4px; font-weight: bold; text-align: center;\">\n                        \ud83d\udeab ATENCI\u00d3N: Si el certificado informa que tiene ANTECEDENTES PENALES, el pasaporte NO ser\u00e1 tramitado.\n                    <\/p>\n\n                    <p>Para confirmar su cita, <strong>DEBE ADJUNTAR<\/strong> el documento de antecedentes. Siga estos pasos:<\/p>\n                    \n                    <div style=\"margin-bottom: 15px;\">\n                        <strong>PASO 1: Obtener el Certificado<\/strong><br>\n                        Solic\u00edtelo en la Sede Electr\u00f3nica: <a href=\"https:\/\/www.mjusticia.gob.es\/es\/ciudadania\/tramites\/certificate-antecedentes\" target=\"_blank\" style=\"font-weight: bold; color: #0056b3;\">1. Solicitar Antecedentes aqu\u00ed<\/a>\n                    <\/div>\n\n                    <div style=\"margin-bottom: 15px;\">\n                        <strong>PASO 2: Apostillar el Certificado (Obligatorio)<\/strong><br>\n                        Debe solicitar la Apostilla del documento obtenido: <a href=\"https:\/\/www.mjusticia.gob.es\/es\/ciudadania\/tramites\/legalizacion-unica-apostilla\" target=\"_blank\" style=\"font-weight: bold; color: #0056b3;\">2. Apostillar aqu\u00ed<\/a>\n                    <\/div>\n\n                    <div style=\"background-color: #fff3cd; padding: 15px; border: 1px solid #ffeeba; border-radius: 4px;\">\n                        <strong>\u00bfSin certificado digital, NIE, o en situaci\u00f3n irregular?<\/strong><br>\n                        Debe descargar, imprimir y pagar en un banco el <strong>Modelo 790<\/strong>. Adjunte este formulario y el comprobante de pago en su solicitud:<br>\n                        <a href=\"https:\/\/sede.mjusticia.gob.es\/servidorformularios\/formularios?idFormulario=790&lang=es_es&idtramite=1288774398320&idpagina=1215197884559\" target=\"_blank\" style=\"font-weight: bold; color: #856404;\">3. Descargar Formulario 790 aqu\u00ed<\/a>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; gap: 10px; margin: 20px 0;\">\n                    <div style=\"flex: 1; background-color: #e7f3ff; padding: 15px; border-radius: 5px; border: 1px solid #b6d4fe; font-size: 0.9em;\">\n                        <strong>\ud83c\uddfa\ud83c\uddfe NACIDOS EN URUGUAY:<\/strong> No necesitan presentar copia de partida de nacimiento.\n                    <\/div>\n                    <div style=\"flex: 1; background-color: #003366; color: white; padding: 15px; border-radius: 5px; font-size: 0.9em; text-align: center; display: flex; align-items: center; justify-content: center;\">\n                        <a href=\"https:\/\/consuladouy-bcn.es\/httpdocs\/apostilla-antecedentes-y-partidas\/\" style=\"color: #ffcc00; font-weight: bold; text-decoration: none;\">PROCEDIMIENTO PARTIDAS Y ANTECEDENTES URUGUAYOS<\/a>\n                    <\/div>\n                <\/div>\n\n                <div style=\"border-top: 2px solid #003366; padding-top: 20px; text-align: center;\">\n                    <p style=\"margin: 0; font-weight: bold;\">Consultas exclusivas para Palma de Mallorca:<\/p>\n                    <p style=\"margin: 5px 0; margin-bottom: 30px;\"><a href=\"mailto:consuladomovil.mallorca@mrree.gub.uy\" style=\"color: #0056b3; font-weight: bold; font-size: 1.1em;\">consuladomovil.mallorca@mrree.gub.uy<\/a><\/p>\n                    \n                    <div style=\"background-color: #003366; padding: 20px; border-radius: 12px; display: block; margin: 0 auto; border: 4px double #ffffff; outline: 3px solid #003366;\">\n                        <span style=\"font-size: 60px; color: #FFCC00; display: block; line-height: 1;\">\u25bc \u25bc \u25bc<\/span>\n                        <p style=\"margin: 15px 0; font-weight: bold; color: #ffffff; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px;\">\n                            SELECCIONE LOS TR\u00c1MITES QUE DESEA REALIZAR\n                        <\/p>\n                        <span style=\"font-size: 60px; color: #FFCC00; display: block; line-height: 1;\">\u25bc \u25bc \u25bc<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <form method=\"post\" action=\"\/httpdocs\/wp-json\/wp\/v2\/pages\/13564?paso=2\" id=\"formSeleccion\">\n            <input type=\"hidden\" id=\"nonce_paso1\" name=\"nonce_paso1\" value=\"2a63b5d44a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/httpdocs\/wp-json\/wp\/v2\/pages\/13564\" \/>\n            <h3 style=\"color:#00897b;margin-bottom:20px;\">Paso 1: Seleccione los tr\u00e1mites que necesita realizar<\/h3>\n            \n            <div class=\"tramites-selection\">\n                <!-- Pasaporte -->\n                <div class=\"tramite-card\" onclick=\"return toggleTramite('pasaporte', event)\">\n                    <input type=\"checkbox\" name=\"tramites[]\" value=\"pasaporte\" id=\"tr_pasaporte\">\n                    <span class=\"checkmark\"><\/span>\n                    <div class=\"tramite-icon\">\ud83d\udcd8<\/div>\n                    <div class=\"tramite-title\">Pasaporte<\/div>\n                    <div class=\"tramite-desc\">Renovaci\u00f3n o primera vez<br>~15 minutos<\/div>\n                <\/div>\n\n                <!-- C\u00e9dula -->\n                <div class=\"tramite-card\" onclick=\"return toggleTramite('cedula', event)\">\n                    <input type=\"checkbox\" name=\"tramites[]\" value=\"cedula\" id=\"tr_cedula\">\n                    <span class=\"checkmark\"><\/span>\n                    <div class=\"tramite-icon\">\ud83c\udd94<\/div>\n                    <div class=\"tramite-title\">C\u00e9dula de Identidad<\/div>\n                    <div class=\"tramite-desc\">Renovaci\u00f3n o primera vez<br>~15 minutos<\/div>\n                <\/div>\n\n                <!-- Carta Poder -->\n                <div class=\"tramite-card\" onclick=\"return toggleTramite('carta_poder', event)\">\n                    <input type=\"checkbox\" name=\"tramites[]\" value=\"carta_poder\" id=\"tr_carta_poder\">\n                    <span class=\"checkmark\"><\/span>\n                    <div class=\"tramite-icon\">\ud83d\udcdd<\/div>\n                    <div class=\"tramite-title\">Carta Poder<\/div>\n                    <div class=\"tramite-desc\">Otorgar poder a un apoderado<br>~10 minutos<\/div>\n                <\/div>\n\n                <!-- Usuario BPS -->\n                <div class=\"tramite-card\" onclick=\"return toggleTramite('usuario_bps', event)\">\n                    <input type=\"checkbox\" name=\"tramites[]\" value=\"usuario_bps\" id=\"tr_usuario_bps\">\n                    <span class=\"checkmark\"><\/span>\n                    <div class=\"tramite-icon\">\ud83d\udc64<\/div>\n                    <div class=\"tramite-title\">Usuario BPS y Fe de Vida<\/div>\n                    <div class=\"tramite-desc\">Alta de usuario en BPS \/ Fe de Vida<br>~15 minutos<\/div>\n                <\/div>\n                \n                <!-- Inscripci\u00f3n (enlace externo, mismo dise\u00f1o) -->\n                <a href=\"https:\/\/consuladouy-bcn.es\/httpdocs\/inscripcion-de-nacimientos\/\" \n                   class=\"tramite-card tramite-card-inscripcion\"\n                   style=\"background:#fff9e6;border:3px solid #ffc107;cursor:pointer;text-decoration:none;color:inherit;\">\n                    <div class=\"tramite-icon\">\ud83d\udcc4<\/div>\n                    <div class=\"tramite-title\" style=\"color:#856404;\">Inscripci\u00f3n de Nacimiento<\/div>\n                    <div class=\"tramite-desc\" style=\"color:#856404;\">Formulario especializado<br>~10 minutos<\/div>\n                    <div style=\"margin-top:12px;padding:8px;background:#ffc107;color:#000;border-radius:6px;font-weight:600;font-size:14px;\">\n                        Ir al formulario \u2192\n                    <\/div>\n                <\/a>\n                \n                <!-- Permisos de Menor (enlace externo) -->\n                <a href=\"https:\/\/consuladouy-bcn.es\/httpdocs\/elementor-6370\/\" \n                   class=\"tramite-card tramite-card-inscripcion\"\n                   style=\"background:#e8f5e9;border:3px solid #4caf50;cursor:pointer;text-decoration:none;color:inherit;\">\n                    <div class=\"tramite-icon\">\ud83d\udc76<\/div>\n                    <div class=\"tramite-title\" style=\"color:#2e7d32;\">Permisos de Menor<\/div>\n                    <div class=\"tramite-desc\" style=\"color:#2e7d32;\">Autorizaci\u00f3n de viaje<br>~15 minutos<\/div>\n                    <div style=\"margin-top:12px;padding:8px;background:#4caf50;color:#fff;border-radius:6px;font-weight:600;font-size:14px;\">\n                        Ir al formulario \u2192\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"summary-box\" id=\"summaryBox\">\n                <h4 style=\"margin:0 0 15px;color:#1976d2;\">\ud83d\udccb Resumen de su solicitud:<\/h4>\n                <p id=\"selectedList\" style=\"margin:5px 0;font-size:16px;\"><\/p>\n                <p id=\"totalDuration\" style=\"margin:10px 0 0;font-weight:bold;font-size:18px;color:#00897b;\"><\/p>\n            <\/div>\n\n            <button type=\"submit\" class=\"btn-primary\" id=\"btnContinuar\" disabled>\n                \u23f3 Seleccione al menos un tr\u00e1mite para continuar\n            <\/button>\n        <\/form>\n    <\/div>\n\n    <script>\n    const duraciones = {\n        pasaporte: 15,\n        cedula: 15,\n        carta_poder: 10,\n        usuario_bps: 15\n    };\n\n    const nombres = {\n        pasaporte: '\ud83d\udcd8 Pasaporte',\n        cedula: '\ud83c\udd94 C\u00e9dula',\n        carta_poder: '\ud83d\udcdd Carta Poder',\n        usuario_bps: '\ud83d\udc64 Usuario BPS y Fe de Vida'\n    };\n\n    function toggleTramite(id, event) {\n        \/\/ Guardar posici\u00f3n actual del scroll\n        const scrollPos = window.pageYOffset || document.documentElement.scrollTop;\n        \n        if (event) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n        }\n        \n        const checkbox = document.getElementById('tr_' + id);\n        if (checkbox) {\n            checkbox.checked = !checkbox.checked;\n            const card = checkbox.closest('.tramite-card');\n            if (card) {\n                card.classList.toggle('selected', checkbox.checked);\n            }\n            actualizarResumen();\n        }\n        \n        \/\/ Restaurar posici\u00f3n del scroll\n        setTimeout(() => {\n            window.scrollTo(0, scrollPos);\n        }, 0);\n        \n        return false;\n    }\n\n    function actualizarResumen() {\n        const seleccionados = Array.from(document.querySelectorAll('input[name=\"tramites[]\"]:checked'));\n        const summaryBox = document.getElementById('summaryBox');\n        const btnContinuar = document.getElementById('btnContinuar');\n        \n        if (seleccionados.length === 0) {\n            summaryBox.classList.remove('active');\n            btnContinuar.disabled = true;\n            btnContinuar.textContent = '\u23f3 Seleccione al menos un tr\u00e1mite para continuar';\n            return;\n        }\n\n        summaryBox.classList.add('active');\n        btnContinuar.disabled = false;\n        btnContinuar.textContent = '\u2705 Continuar con ' + seleccionados.length + ' tr\u00e1mite(s) \u2192';\n\n        let duracionTotal = 0;\n        const lista = [];\n        \n        seleccionados.forEach(cb => {\n            const valor = cb.value;\n            duracionTotal += duraciones[valor] || 15;\n            lista.push(nombres[valor]);\n        });\n\n        document.getElementById('selectedList').innerHTML = '\u2713 ' + lista.join(' \u2022 ');\n        document.getElementById('totalDuration').textContent = '\u23f1\ufe0f Duraci\u00f3n estimada: ' + duracionTotal + ' minutos';\n    }\n\n    \/\/ Inicializar\n    document.querySelectorAll('input[name=\"tramites[]\"]').forEach(cb => {\n        cb.addEventListener('change', actualizarResumen);\n    });\n\n    \/\/ Ocultar mensaje informativo al hacer clic en cualquier tr\u00e1mite\n    function ocultarMensajeInformativo() {\n        const mensaje = document.getElementById('mensaje-informativo-mallorca');\n        if (mensaje) {\n            mensaje.style.transition = 'opacity 0.5s ease, max-height 0.5s ease';\n            mensaje.style.opacity = '0';\n            mensaje.style.maxHeight = '0';\n            mensaje.style.overflow = 'hidden';\n            setTimeout(() => {\n                mensaje.style.display = 'none';\n            }, 500);\n        }\n    }\n\n    \/\/ Agregar evento a todos los tramite-cards\n    document.querySelectorAll('.tramite-card').forEach(card => {\n        card.addEventListener('click', ocultarMensajeInformativo, { once: true });\n    });\n    <\/script>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":6445,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-13564","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/pages\/13564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/users\/6445"}],"replies":[{"embeddable":true,"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/comments?post=13564"}],"version-history":[{"count":25,"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/pages\/13564\/revisions"}],"predecessor-version":[{"id":13686,"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/pages\/13564\/revisions\/13686"}],"wp:attachment":[{"href":"https:\/\/consuladouy-bcn.es\/httpdocs\/wp-json\/wp\/v2\/media?parent=13564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}