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 Son cambios o modificaciones de datos referenciales incluyendo la declaraci\u00f3n del Beneficiario Final de la sociedad comercial o comerciante individual, a efectos de la actualizaci\u00f3n de los mismos en el Registro de Comercio.\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><br>\nArt. 30.\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 inscripci\u00f3n con car\u00e1cter de declaraci\u00f3n jurada, debidamente llenado por el propietario o Representante Legal y con aprobaci\u00f3n v\u00eda ciudadan\u00eda digital.<\/li>\n <li>En el caso de cambio de direcci\u00f3n se realiza la publicaci\u00f3n en la Gaceta Electr\u00f3nica del Registro de Comercio de Bolivia del aviso de cambio de direcci\u00f3n.<\/li>\n <li>Contar con la Matr\u00edcula de Comercio renovada.<\/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 https:\/\/tramites.seprec.gob.bo con credenciales de acceso del Representante Legal, v\u00eda ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Registro, seg\u00fan corresponda y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo desde el enlace que es enviado al correo electr\u00f3nico del usuario, para que este pueda descargar su certificado en formato PDF con c\u00f3digo QR o imprimir el mismo en las terminales de impresi\u00f3n de certificados en plataformas de servicios a nivel nacional.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo desde la bandeja \u00abMIS CERTIFICADOS\u00bb del Portal de Tr\u00e1mites del SEPREC.<br><br>\n En caso que se adviertan observaciones, se enviar\u00e1n las mismas a trav\u00e9s del sistema a la bandeja de \u00abObservados\u00bb en la que claramente se determinan las razones por las que el mismo ha sido observado y c\u00f3mo puede subsanarse, pudiendo reingresar el tr\u00e1mite subsanado en l\u00ednea, se proceder\u00e1 al an\u00e1lisis y posterior registro u observaci\u00f3n seg\u00fan corresponda.<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 Certificado de Registro de Cambio Operativo. (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 Virtual: 24 horas desde el d\u00eda siguiente h\u00e1bil a la fecha desde el llenado del formulario virtual de registro.\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 Empresa Unipersonal: SIN COSTO.<br><br>\n Sociedad de Responsabilidad Limitada\/Sociedad Colectiva y en Comandita Simple: SIN COSTO.<br><br>\n Sociedad An\u00f3nima, Sociedad de Econom\u00eda Mixta, Sociedad en Comandita por Acciones, Entidad Financiera de Vivienda, Sociedad Constituida en el Extranjero: SIN COSTO.<br><br>\n Publicaci\u00f3n en la Gaceta Electr\u00f3nica del Registro de Comercio: SIN COSTO.<br><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 Son cambios o modificaciones de datos referenciales incluyendo la declaraci\u00f3n del Beneficiario Final de la sociedad comercial o comerciante individual, a efectos de la actualizaci\u00f3n de los mismos en el Registro de Comercio. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio: Art. 30. […]<\/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-56357","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56357","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=56357"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56357\/revisions"}],"predecessor-version":[{"id":57977,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56357\/revisions\/57977"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56357"}],"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 Son cambios o modificaciones de datos referenciales incluyendo la declaraci\u00f3n del Beneficiario Final de la sociedad comercial o comerciante individual, a efectos de la actualizaci\u00f3n de los mismos en el Registro de Comercio.\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><br>\nArt. 30.\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 inscripci\u00f3n con car\u00e1cter de declaraci\u00f3n jurada, debidamente llenado por el propietario o Representante Legal y con aprobaci\u00f3n v\u00eda ciudadan\u00eda digital.<\/li>\n <li>En el caso de cambio de direcci\u00f3n se realiza la publicaci\u00f3n en la Gaceta Electr\u00f3nica del Registro de Comercio de Bolivia del aviso de cambio de direcci\u00f3n.<\/li>\n <li>Contar con la Matr\u00edcula de Comercio renovada.<\/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 https:\/\/tramites.seprec.gob.bo con credenciales de acceso del Representante Legal, v\u00eda ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Registro, seg\u00fan corresponda y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo desde el enlace que es enviado al correo electr\u00f3nico del usuario, para que este pueda descargar su certificado en formato PDF con c\u00f3digo QR o imprimir el mismo en las terminales de impresi\u00f3n de certificados en plataformas de servicios a nivel nacional.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo desde la bandeja \u00abMIS CERTIFICADOS\u00bb del Portal de Tr\u00e1mites del SEPREC.<br><br>\n En caso que se adviertan observaciones, se enviar\u00e1n las mismas a trav\u00e9s del sistema a la bandeja de \u00abObservados\u00bb en la que claramente se determinan las razones por las que el mismo ha sido observado y c\u00f3mo puede subsanarse, pudiendo reingresar el tr\u00e1mite subsanado en l\u00ednea, se proceder\u00e1 al an\u00e1lisis y posterior registro u observaci\u00f3n seg\u00fan corresponda.<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 Certificado de Registro de Cambio Operativo. (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 Virtual: 24 horas desde el d\u00eda siguiente h\u00e1bil a la fecha desde el llenado del formulario virtual de registro.\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 Empresa Unipersonal: SIN COSTO.<br><br>\n Sociedad de Responsabilidad Limitada\/Sociedad Colectiva y en Comandita Simple: SIN COSTO.<br><br>\n Sociedad An\u00f3nima, Sociedad de Econom\u00eda Mixta, Sociedad en Comandita por Acciones, Entidad Financiera de Vivienda, Sociedad Constituida en el Extranjero: SIN COSTO.<br><br>\n Publicaci\u00f3n en la Gaceta Electr\u00f3nica del Registro de Comercio: SIN COSTO.<br><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 Son cambios o modificaciones de datos referenciales incluyendo la declaraci\u00f3n del Beneficiario Final de la sociedad comercial o comerciante individual, a efectos de la actualizaci\u00f3n de los mismos en el Registro de Comercio. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio: Art. 30. […]<\/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-56357","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56357","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=56357"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56357\/revisions"}],"predecessor-version":[{"id":57977,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56357\/revisions\/57977"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}