Accordion – ejemplo estilo SEPREC<\/title>\n\n<style>\n:root{--accent:#0b5ed7;--bg:#ffffff;--muted:#6b7280}\n.wrap{max-width:920px;margin:0 auto}\n\n\/* Accordion container *\/\n.accordion{\n background:var(--bg);\n border-radius:8px;\n box-shadow:0 1px 0 rgba(16,24,40,0.04);\n overflow:hidden\n}\n\n\/* Single item *\/\n.item{\n border-top:1px solid #eef2f7;\n}\n.item:first-child{\n border-top:0;\n}\n\n\/* Estado cerrado *\/\n.trigger{\n display:flex;\n align-items:center;\n justify-content:space-between;\n width:100%;\n background:#004C71; \/* Color cuando est\u00e1 cerrado *\/\n border:0;\n padding:18px 20px;\n cursor:pointer;\n font-size:15px;\n text-align:left;\n transition: background .25s ease; \/* Animaci\u00f3n *\/\n}\n\n\/* Estado abierto (color activo) *\/\n.item.active .trigger{\n background:#004C71; \/* Color cuando se abre *\/\n}\n\n.trigger:focus{\n outline:3px solid rgba(11,94,215,0.15);\n outline-offset:2px\n}\n\n.title{display:flex;gap:12px;align-items:center}\n.title h3{margin:0;font-size:15px;color: aliceblue;}\n.meta{font-size:13px;color:var(--muted)}\n\n.chev{\n width:18px;height:18px;\n display:inline-block;\n transition:transform .28s cubic-bezier(.2,.9,.2,1);\n fill:none;\n stroke:currentColor;\n stroke-width:2;\n color:#ffffff;\n}\n.item.active .chev{\n transform:rotate(180deg);\n}\n\n.panel{\n overflow:hidden;\n max-height:0;\n transition:max-height .32s ease;\n padding:0 20px;\n background: #EDEDED;\n}\n.panel-inner{\n padding:16px 0;\n border-top:1px dashed #eef2f7;\n background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0));\n}\n.panel p{margin:0 0 8px;color:#1f2937}\n.requirements{white-space:pre-wrap;color:#374151}\n\n@media (max-width:520px){\n .trigger{padding:14px 16px}\n .panel{padding:0 16px}\n}\n<\/style>\n<\/head>\n\n<body>\n<div class=\"wrap\">\n\n<div class=\"accordion\" id=\"tramites-accordion\">\n\n \n <div class=\"item active\">\n <button class=\"trigger\" aria-expanded=\"true\" aria-controls=\"panel-1\" id=\"trigger-1\">\n <div class=\"title\"><h3>CONCEPTO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-1\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-1\">\n <div class=\"panel-inner\">\n Es un acto por el que una persona natural asume una funci\u00f3n p\u00fablica, la cual por precepto de ley impide el ejercicio de la actividad comercial en forma temporal.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-2\" id=\"trigger-2\">\n <div class=\"title\"><h3>MARCO LEGAL<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-2\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-2\">\n <div class=\"panel-inner\">\n D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio:<br>\n Art\u00edculo 19.<br><br>\n D.L. No. 16833 de 19 de julio de 1979:<br>\n Art\u00edculo 40<br>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-4\" id=\"trigger-4\">\n <div class=\"title\"><h3>REQUISITOS<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-4\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-4\">\n <div class=\"panel-inner\">\n <ol>\n <li>Formulario Virtual de Registro con car\u00e1cter de declaraci\u00f3n jurada, debidamente llenado por el solicitante, sin ciudadan\u00eda digital.<\/li>\n <li>Fotocopia legalizada del documento que contenga la designaci\u00f3n.<\/li>\n <li>Realizar el pago correspondiente a trav\u00e9s de la plataforma de pagos habilitada al efecto.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-5\" id=\"trigger-5\">\n <div class=\"title\"><h3>PROCEDIMIENTO \u00daNICO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-5\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-5\">\n <div class=\"panel-inner\">\n Ingresar al portal web <a href=\"https:\/\/tramites.seprec.gob.bo\">https:\/\/tramites.seprec.gob.bo<\/a> sin ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Solicitud de Registro, cargar documento de soporte solo en caso de ser persona natural en ejercicio de la funci\u00f3n p\u00fablica y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n Una vez concluido el proceso, el Registro de Comercio realiza el an\u00e1lisis y si corresponde se registra el tr\u00e1mite. En caso de existir observaciones, las mismas pueden ser visualizadas en el portal de Tr\u00e1mites del SEPREC en la opci\u00f3n \u201cACCEDE SIN CIUDADAN\u00cdA DIGITAL\u201d en la parte de \u201cVER FORMULARIO DE SOLICITUD PRESENTADO U OBSERVADO\u201d, estas deben subsanarse en l\u00ednea, solicitando su reingreso.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo del correo electr\u00f3nico se\u00f1alado en el Formulario Virtual de Solicitud de Registro.<br><br>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-6\" id=\"trigger-6\">\n <div class=\"title\"><h3>DOCUMENTO EMITIDO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-6\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-6\">\n <div class=\"panel-inner\">\n Certificaci\u00f3n de Registro de Posesi\u00f3n en Cargo P\u00fablico. (Con c\u00f3digo de validaci\u00f3n QR).\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-7\" id=\"trigger-7\">\n <div class=\"title\"><h3>PLAZO DE TR\u00c1MITE<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-7\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-7\">\n <div class=\"panel-inner\">\n Presencial: 24 horas desde el d\u00eda siguiente h\u00e1bil a la fecha de su presentaci\u00f3n en Plataforma.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-8\" id=\"trigger-8\">\n <div class=\"title\"><h3>COSTO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-8\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-8\">\n <div class=\"panel-inner\">\n Persona natural:<br>\n Bs 78.00 (Setenta y Ocho 00\/100 bolivianos).<br>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n\/\/ Accordion behaviour\n(function(){\nconst accordion = document.getElementById('tramites-accordion');\nconst triggers = accordion.querySelectorAll('.trigger');\n\nfunction closePanel(panel){\n panel.style.maxHeight = null;\n const tr = accordion.querySelector('[aria-controls=\"'+panel.id+'\"]');\n if(tr) tr.setAttribute('aria-expanded','false');\n}\n\nfunction openPanel(panel){\n panel.style.maxHeight = panel.scrollHeight + 'px';\n const tr = accordion.querySelector('[aria-controls=\"'+panel.id+'\"]');\n if(tr) tr.setAttribute('aria-expanded','true');\n}\n\naccordion.querySelectorAll('.panel').forEach(p => p.style.maxHeight = null);\n\ntriggers.forEach(btn => {\n const panel = document.getElementById(btn.getAttribute('aria-controls'));\n\n btn.addEventListener('click', () => {\n const expanded = btn.getAttribute('aria-expanded') === 'true';\n\n \/\/ remover clase .active de todos los items\n accordion.querySelectorAll('.item').forEach(i => i.classList.remove('active'));\n\n \/\/ cerrar todos\n accordion.querySelectorAll('.panel').forEach(p => closePanel(p));\n\n if (!expanded) {\n openPanel(panel);\n btn.closest('.item').classList.add('active');\n btn.scrollIntoView({behavior:'smooth', block:'nearest'});\n }\n });\n\n btn.addEventListener('keydown', (e)=>{\n const key = e.key;\n const items = Array.from(triggers);\n const idx = items.indexOf(btn);\n\n if(key === 'ArrowDown'){e.preventDefault();items[(idx+1)%items.length].focus();}\n else if(key === 'ArrowUp'){e.preventDefault();items[(idx-1+items.length)%items.length].focus();}\n else if(key === 'Home'){e.preventDefault();items[0].focus();}\n else if(key === 'End'){e.preventDefault();items[items.length-1].focus();}\n else if(key === 'Enter' || key === ' '){e.preventDefault();btn.click();}\n });\n});\n\n\/\/ Abrir autom\u00e1ticamente el primer item al cargar la p\u00e1gina\nwindow.addEventListener('DOMContentLoaded', () => {\n const firstItem = accordion.querySelector('.item.active');\n if(firstItem){\n const firstPanel = firstItem.querySelector('.panel');\n firstPanel.style.maxHeight = firstPanel.scrollHeight + 'px';\n }\n});\n\n\/\/ Ajustar altura si la ventana cambia\nwindow.addEventListener('resize', () => {\n const openPanelEl = accordion.querySelector('.panel[style]');\n if (openPanelEl) {\n openPanelEl.style.maxHeight = openPanelEl.scrollHeight + 'px';\n }\n});\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:37px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-space-between is-layout-flex wp-container-core-buttons-is-layout-3d213aab wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.seprec.gob.bo\/index.php\/lista-servicios-page\/\">Ver todos los tr\u00e1mites<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tramites.seprec.gob.bo\/#\/login\">Iniciar Tr\u00e1mite<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accordion – ejemplo estilo SEPREC CONCEPTO Es un acto por el que una persona natural asume una funci\u00f3n p\u00fablica, la cual por precepto de ley impide el ejercicio de la actividad comercial en forma temporal. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio: Art\u00edculo 19. D.L. No. 16833 de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-56337","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/comments?post=56337"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56337\/revisions"}],"predecessor-version":[{"id":57988,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56337\/revisions\/57988"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>\n\n\n\n\n\n\n\nAccordion – ejemplo estilo SEPREC<\/title>\n\n<style>\n:root{--accent:#0b5ed7;--bg:#ffffff;--muted:#6b7280}\n.wrap{max-width:920px;margin:0 auto}\n\n\/* Accordion container *\/\n.accordion{\n background:var(--bg);\n border-radius:8px;\n box-shadow:0 1px 0 rgba(16,24,40,0.04);\n overflow:hidden\n}\n\n\/* Single item *\/\n.item{\n border-top:1px solid #eef2f7;\n}\n.item:first-child{\n border-top:0;\n}\n\n\/* Estado cerrado *\/\n.trigger{\n display:flex;\n align-items:center;\n justify-content:space-between;\n width:100%;\n background:#004C71; \/* Color cuando est\u00e1 cerrado *\/\n border:0;\n padding:18px 20px;\n cursor:pointer;\n font-size:15px;\n text-align:left;\n transition: background .25s ease; \/* Animaci\u00f3n *\/\n}\n\n\/* Estado abierto (color activo) *\/\n.item.active .trigger{\n background:#004C71; \/* Color cuando se abre *\/\n}\n\n.trigger:focus{\n outline:3px solid rgba(11,94,215,0.15);\n outline-offset:2px\n}\n\n.title{display:flex;gap:12px;align-items:center}\n.title h3{margin:0;font-size:15px;color: aliceblue;}\n.meta{font-size:13px;color:var(--muted)}\n\n.chev{\n width:18px;height:18px;\n display:inline-block;\n transition:transform .28s cubic-bezier(.2,.9,.2,1);\n fill:none;\n stroke:currentColor;\n stroke-width:2;\n color:#ffffff;\n}\n.item.active .chev{\n transform:rotate(180deg);\n}\n\n.panel{\n overflow:hidden;\n max-height:0;\n transition:max-height .32s ease;\n padding:0 20px;\n background: #EDEDED;\n}\n.panel-inner{\n padding:16px 0;\n border-top:1px dashed #eef2f7;\n background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0));\n}\n.panel p{margin:0 0 8px;color:#1f2937}\n.requirements{white-space:pre-wrap;color:#374151}\n\n@media (max-width:520px){\n .trigger{padding:14px 16px}\n .panel{padding:0 16px}\n}\n<\/style>\n<\/head>\n\n<body>\n<div class=\"wrap\">\n\n<div class=\"accordion\" id=\"tramites-accordion\">\n\n \n <div class=\"item active\">\n <button class=\"trigger\" aria-expanded=\"true\" aria-controls=\"panel-1\" id=\"trigger-1\">\n <div class=\"title\"><h3>CONCEPTO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-1\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-1\">\n <div class=\"panel-inner\">\n Es un acto por el que una persona natural asume una funci\u00f3n p\u00fablica, la cual por precepto de ley impide el ejercicio de la actividad comercial en forma temporal.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-2\" id=\"trigger-2\">\n <div class=\"title\"><h3>MARCO LEGAL<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-2\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-2\">\n <div class=\"panel-inner\">\n D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio:<br>\n Art\u00edculo 19.<br><br>\n D.L. No. 16833 de 19 de julio de 1979:<br>\n Art\u00edculo 40<br>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-4\" id=\"trigger-4\">\n <div class=\"title\"><h3>REQUISITOS<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-4\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-4\">\n <div class=\"panel-inner\">\n <ol>\n <li>Formulario Virtual de Registro con car\u00e1cter de declaraci\u00f3n jurada, debidamente llenado por el solicitante, sin ciudadan\u00eda digital.<\/li>\n <li>Fotocopia legalizada del documento que contenga la designaci\u00f3n.<\/li>\n <li>Realizar el pago correspondiente a trav\u00e9s de la plataforma de pagos habilitada al efecto.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-5\" id=\"trigger-5\">\n <div class=\"title\"><h3>PROCEDIMIENTO \u00daNICO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-5\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-5\">\n <div class=\"panel-inner\">\n Ingresar al portal web <a href=\"https:\/\/tramites.seprec.gob.bo\">https:\/\/tramites.seprec.gob.bo<\/a> sin ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Solicitud de Registro, cargar documento de soporte solo en caso de ser persona natural en ejercicio de la funci\u00f3n p\u00fablica y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n Una vez concluido el proceso, el Registro de Comercio realiza el an\u00e1lisis y si corresponde se registra el tr\u00e1mite. En caso de existir observaciones, las mismas pueden ser visualizadas en el portal de Tr\u00e1mites del SEPREC en la opci\u00f3n \u201cACCEDE SIN CIUDADAN\u00cdA DIGITAL\u201d en la parte de \u201cVER FORMULARIO DE SOLICITUD PRESENTADO U OBSERVADO\u201d, estas deben subsanarse en l\u00ednea, solicitando su reingreso.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo del correo electr\u00f3nico se\u00f1alado en el Formulario Virtual de Solicitud de Registro.<br><br>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-6\" id=\"trigger-6\">\n <div class=\"title\"><h3>DOCUMENTO EMITIDO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-6\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-6\">\n <div class=\"panel-inner\">\n Certificaci\u00f3n de Registro de Posesi\u00f3n en Cargo P\u00fablico. (Con c\u00f3digo de validaci\u00f3n QR).\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-7\" id=\"trigger-7\">\n <div class=\"title\"><h3>PLAZO DE TR\u00c1MITE<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-7\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-7\">\n <div class=\"panel-inner\">\n Presencial: 24 horas desde el d\u00eda siguiente h\u00e1bil a la fecha de su presentaci\u00f3n en Plataforma.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"item\">\n <button class=\"trigger\" aria-expanded=\"false\" aria-controls=\"panel-8\" id=\"trigger-8\">\n <div class=\"title\"><h3>COSTO<\/h3><\/div>\n <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"panel-8\" class=\"panel\" role=\"region\" aria-labelledby=\"trigger-8\">\n <div class=\"panel-inner\">\n Persona natural:<br>\n Bs 78.00 (Setenta y Ocho 00\/100 bolivianos).<br>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n\/\/ Accordion behaviour\n(function(){\nconst accordion = document.getElementById('tramites-accordion');\nconst triggers = accordion.querySelectorAll('.trigger');\n\nfunction closePanel(panel){\n panel.style.maxHeight = null;\n const tr = accordion.querySelector('[aria-controls=\"'+panel.id+'\"]');\n if(tr) tr.setAttribute('aria-expanded','false');\n}\n\nfunction openPanel(panel){\n panel.style.maxHeight = panel.scrollHeight + 'px';\n const tr = accordion.querySelector('[aria-controls=\"'+panel.id+'\"]');\n if(tr) tr.setAttribute('aria-expanded','true');\n}\n\naccordion.querySelectorAll('.panel').forEach(p => p.style.maxHeight = null);\n\ntriggers.forEach(btn => {\n const panel = document.getElementById(btn.getAttribute('aria-controls'));\n\n btn.addEventListener('click', () => {\n const expanded = btn.getAttribute('aria-expanded') === 'true';\n\n \/\/ remover clase .active de todos los items\n accordion.querySelectorAll('.item').forEach(i => i.classList.remove('active'));\n\n \/\/ cerrar todos\n accordion.querySelectorAll('.panel').forEach(p => closePanel(p));\n\n if (!expanded) {\n openPanel(panel);\n btn.closest('.item').classList.add('active');\n btn.scrollIntoView({behavior:'smooth', block:'nearest'});\n }\n });\n\n btn.addEventListener('keydown', (e)=>{\n const key = e.key;\n const items = Array.from(triggers);\n const idx = items.indexOf(btn);\n\n if(key === 'ArrowDown'){e.preventDefault();items[(idx+1)%items.length].focus();}\n else if(key === 'ArrowUp'){e.preventDefault();items[(idx-1+items.length)%items.length].focus();}\n else if(key === 'Home'){e.preventDefault();items[0].focus();}\n else if(key === 'End'){e.preventDefault();items[items.length-1].focus();}\n else if(key === 'Enter' || key === ' '){e.preventDefault();btn.click();}\n });\n});\n\n\/\/ Abrir autom\u00e1ticamente el primer item al cargar la p\u00e1gina\nwindow.addEventListener('DOMContentLoaded', () => {\n const firstItem = accordion.querySelector('.item.active');\n if(firstItem){\n const firstPanel = firstItem.querySelector('.panel');\n firstPanel.style.maxHeight = firstPanel.scrollHeight + 'px';\n }\n});\n\n\/\/ Ajustar altura si la ventana cambia\nwindow.addEventListener('resize', () => {\n const openPanelEl = accordion.querySelector('.panel[style]');\n if (openPanelEl) {\n openPanelEl.style.maxHeight = openPanelEl.scrollHeight + 'px';\n }\n});\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:37px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-space-between is-layout-flex wp-container-core-buttons-is-layout-3d213aab wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.seprec.gob.bo\/index.php\/lista-servicios-page\/\">Ver todos los tr\u00e1mites<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tramites.seprec.gob.bo\/#\/login\">Iniciar Tr\u00e1mite<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accordion – ejemplo estilo SEPREC CONCEPTO Es un acto por el que una persona natural asume una funci\u00f3n p\u00fablica, la cual por precepto de ley impide el ejercicio de la actividad comercial en forma temporal. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio: Art\u00edculo 19. D.L. No. 16833 de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-56337","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/comments?post=56337"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56337\/revisions"}],"predecessor-version":[{"id":57988,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56337\/revisions\/57988"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}