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 Registro voluntario que puede realizar el accionista, socio o representante legal de una sociedad comercial ante 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>\n Art. 29, numeral 11.<br><br>\n D.L. No. 16833 de 19 de julio de 1979:<br>\n Art\u00edculo 51<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 TR\u00c1MITE PRESENCIAL<\/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 del t\u00edtulo valor, legalizada por los personeros facultados por las normas internas de la sociedad comercial u original.<\/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 PRESENCIAL – \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 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 en original o fotocopia legalizada legible.<br><br>\n Una vez concluido el proceso, el Registro de Comercio realiza el an\u00e1lisis legal y si corresponde se registra el tr\u00e1mite. En caso de existir observaciones \u00e9stas pueden ser visualizadas en el portal de Tr\u00e1mites del SEPREC, en la banbdeja de \u00abOBSERVADOS\u00bb, las mismas que ser\u00e1n descritas en detalle.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo de su correo electr\u00f3nico declarado en el 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-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 T\u00edtulos Valores de Sociedad Comercial (Con c\u00f3digo de validaci\u00f3n QR y demas medidas de seguridad).\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 Sociedad de Responsabilidad Limitada, Sociedad Colectiva y Sociedad Comandita Simple:<br>\n Bs 175.00 (Ciento Setenta y Cinco 00\/100 Bolivianos).<br><br>\n Sociedad An\u00f3nima, Sociedad de Econom\u00eda Mixta y Sociedad en Comandita por Acciones: <br>\n Bs 175.00 (Ciento Setenta y Cinco 00\/100 bolivianos).\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 Registro voluntario que puede realizar el accionista, socio o representante legal de una sociedad comercial ante el Registro de Comercio. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio: Art. 29, numeral 11. D.L. No. 16833 de 19 de julio de 1979: Art\u00edculo 51 […]<\/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-56341","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56341","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=56341"}],"version-history":[{"count":6,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56341\/revisions"}],"predecessor-version":[{"id":64371,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56341\/revisions\/64371"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56341"}],"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 Registro voluntario que puede realizar el accionista, socio o representante legal de una sociedad comercial ante 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>\n Art. 29, numeral 11.<br><br>\n D.L. No. 16833 de 19 de julio de 1979:<br>\n Art\u00edculo 51<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 TR\u00c1MITE PRESENCIAL<\/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 del t\u00edtulo valor, legalizada por los personeros facultados por las normas internas de la sociedad comercial u original.<\/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 PRESENCIAL – \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 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 en original o fotocopia legalizada legible.<br><br>\n Una vez concluido el proceso, el Registro de Comercio realiza el an\u00e1lisis legal y si corresponde se registra el tr\u00e1mite. En caso de existir observaciones \u00e9stas pueden ser visualizadas en el portal de Tr\u00e1mites del SEPREC, en la banbdeja de \u00abOBSERVADOS\u00bb, las mismas que ser\u00e1n descritas en detalle.<br><br>\n El usuario podr\u00e1 obtener su certificado, descargando el mismo de su correo electr\u00f3nico declarado en el 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-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 T\u00edtulos Valores de Sociedad Comercial (Con c\u00f3digo de validaci\u00f3n QR y demas medidas de seguridad).\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 Sociedad de Responsabilidad Limitada, Sociedad Colectiva y Sociedad Comandita Simple:<br>\n Bs 175.00 (Ciento Setenta y Cinco 00\/100 Bolivianos).<br><br>\n Sociedad An\u00f3nima, Sociedad de Econom\u00eda Mixta y Sociedad en Comandita por Acciones: <br>\n Bs 175.00 (Ciento Setenta y Cinco 00\/100 bolivianos).\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 Registro voluntario que puede realizar el accionista, socio o representante legal de una sociedad comercial ante el Registro de Comercio. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo de Comercio: Art. 29, numeral 11. D.L. No. 16833 de 19 de julio de 1979: Art\u00edculo 51 […]<\/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-56341","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56341","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=56341"}],"version-history":[{"count":6,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56341\/revisions"}],"predecessor-version":[{"id":64371,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56341\/revisions\/64371"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}