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 R\u00f3tulo que acredita la legalizaci\u00f3n de los documentos emitidos por 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.S. No. 4596 de 06 de octubre de 2021, creaci\u00f3n del Servicio Plurinacional de Registro de Comercio:<br>\n Art\u00edculos 6, inciso g).<br><br>\n D.L. No. 12760 de 6 de agosto de 1975, elevado a rango de Ley, mediante Ley N0. 1071 de 18 de junio de 2018, C\u00f3digo Civil.<br><br>\n Art\u00edculo 1311.<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 Solicitud con car\u00e1cter de declaraci\u00f3n jurada, debidamente llenado por el solicitante, sin ciudadan\u00eda digital.<\/li>\n <li>Fotocopia simple de los documentos cuyos originales cursan en el archivo del Registro de Comercio, y sea en el n\u00famero de ejemplares que se pretenda legalizar.<\/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, sin ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Registro y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n Realizado el pago, el usuario se apersona a Plataforma de Atenci\u00f3n Integral al Usuario para presentar la documentaci\u00f3n requerida.<br><br>\n Una vez concluido el proceso, el Registro de Comercio realiza el an\u00e1lisis legal y si corresponde procesa el tr\u00e1mite, el usuario deber\u00e1 apersonarse por plataforma para obtener el documento presentado con el Rotulo de Legalizaci\u00f3n.<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 R\u00f3tulo de Legalizaci\u00f3n en el documento presentado (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 Empresa Unipersonal:<br>\n Bs 78. (Setenta y Ocho 00\/100 bolivianos).<br><br>\n Sociedad de Responsabilidad Limitada, Sociedad Colectiva y Sociedad Comandita Simple:<br>\n Bs 136,50. (Ciento Treinta y Seis 50\/100 bolivianos).<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:<br>\n Bs 175. (Ciento Setenta y Cinco 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 R\u00f3tulo que acredita la legalizaci\u00f3n de los documentos emitidos por el Registro de Comercio. MARCO LEGAL D.S. No. 4596 de 06 de octubre de 2021, creaci\u00f3n del Servicio Plurinacional de Registro de Comercio: Art\u00edculos 6, inciso g). D.L. No. 12760 de 6 de agosto de 1975, elevado a rango […]<\/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-56363","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56363","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=56363"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56363\/revisions"}],"predecessor-version":[{"id":57974,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56363\/revisions\/57974"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56363"}],"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 R\u00f3tulo que acredita la legalizaci\u00f3n de los documentos emitidos por 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.S. No. 4596 de 06 de octubre de 2021, creaci\u00f3n del Servicio Plurinacional de Registro de Comercio:<br>\n Art\u00edculos 6, inciso g).<br><br>\n D.L. No. 12760 de 6 de agosto de 1975, elevado a rango de Ley, mediante Ley N0. 1071 de 18 de junio de 2018, C\u00f3digo Civil.<br><br>\n Art\u00edculo 1311.<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 Solicitud con car\u00e1cter de declaraci\u00f3n jurada, debidamente llenado por el solicitante, sin ciudadan\u00eda digital.<\/li>\n <li>Fotocopia simple de los documentos cuyos originales cursan en el archivo del Registro de Comercio, y sea en el n\u00famero de ejemplares que se pretenda legalizar.<\/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, sin ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Registro y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n Realizado el pago, el usuario se apersona a Plataforma de Atenci\u00f3n Integral al Usuario para presentar la documentaci\u00f3n requerida.<br><br>\n Una vez concluido el proceso, el Registro de Comercio realiza el an\u00e1lisis legal y si corresponde procesa el tr\u00e1mite, el usuario deber\u00e1 apersonarse por plataforma para obtener el documento presentado con el Rotulo de Legalizaci\u00f3n.<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 R\u00f3tulo de Legalizaci\u00f3n en el documento presentado (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 Empresa Unipersonal:<br>\n Bs 78. (Setenta y Ocho 00\/100 bolivianos).<br><br>\n Sociedad de Responsabilidad Limitada, Sociedad Colectiva y Sociedad Comandita Simple:<br>\n Bs 136,50. (Ciento Treinta y Seis 50\/100 bolivianos).<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:<br>\n Bs 175. (Ciento Setenta y Cinco 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 R\u00f3tulo que acredita la legalizaci\u00f3n de los documentos emitidos por el Registro de Comercio. MARCO LEGAL D.S. No. 4596 de 06 de octubre de 2021, creaci\u00f3n del Servicio Plurinacional de Registro de Comercio: Art\u00edculos 6, inciso g). D.L. No. 12760 de 6 de agosto de 1975, elevado a rango […]<\/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-56363","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56363","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=56363"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56363\/revisions"}],"predecessor-version":[{"id":57974,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56363\/revisions\/57974"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}