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 Documento transcrito por cualquier medio mec\u00e1nico o electr\u00f3nico, el cual deber\u00e1 ser encuadernado correlativamente en los en los libros que obligatoriamente deben llevar las Empresas Unipersonales y Sociedades Comerciales, conforme lo establecido en el C\u00f3digo 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\u00edculo 40\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 Propietario o Representante Legal con aprobaci\u00f3n v\u00eda ciudadan\u00eda digital.<\/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 Propietario o Representante Legal, v\u00eda ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Solicitud y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n Realizado el pago, se realiza el an\u00e1lisis t\u00e9cnico legal, a fin de procesar el tr\u00e1mite y emitir la aprobaci\u00f3n de lo requerido. En caso de existir observaciones, las mismas pueden ser visualizadas en el portal de Tr\u00e1mites del SEPREC en la bandeja de \u201cOBSERVADOS\u201d, la observaci\u00f3n sobre el formulario virtual de solicitud, puede ser corregida en l\u00ednea y realizar el reingreso.<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 Resoluci\u00f3n Administrativa de autorizaci\u00f3n del uso de Hojas Removibles. (Todos 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 5 d\u00edas h\u00e1biles desde el d\u00eda siguiente h\u00e1bil a la fecha de su pago.\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,00. (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 y Sociedad Constituida en el Extranjero: <br>\n Bs 175,00 (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 Documento transcrito por cualquier medio mec\u00e1nico o electr\u00f3nico, el cual deber\u00e1 ser encuadernado correlativamente en los en los libros que obligatoriamente deben llevar las Empresas Unipersonales y Sociedades Comerciales, conforme lo establecido en el C\u00f3digo de Comercio. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo […]<\/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-56383","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56383","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=56383"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56383\/revisions"}],"predecessor-version":[{"id":57963,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56383\/revisions\/57963"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56383"}],"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 Documento transcrito por cualquier medio mec\u00e1nico o electr\u00f3nico, el cual deber\u00e1 ser encuadernado correlativamente en los en los libros que obligatoriamente deben llevar las Empresas Unipersonales y Sociedades Comerciales, conforme lo establecido en el C\u00f3digo 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\u00edculo 40\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 Propietario o Representante Legal con aprobaci\u00f3n v\u00eda ciudadan\u00eda digital.<\/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 Propietario o Representante Legal, v\u00eda ciudadan\u00eda digital.<br><br>\n Llenar todos los campos del Formulario Virtual de Solicitud y realizar el pago a trav\u00e9s de la plataforma de pagos habilitada al efecto.<br><br>\n Realizado el pago, se realiza el an\u00e1lisis t\u00e9cnico legal, a fin de procesar el tr\u00e1mite y emitir la aprobaci\u00f3n de lo requerido. En caso de existir observaciones, las mismas pueden ser visualizadas en el portal de Tr\u00e1mites del SEPREC en la bandeja de \u201cOBSERVADOS\u201d, la observaci\u00f3n sobre el formulario virtual de solicitud, puede ser corregida en l\u00ednea y realizar el reingreso.<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 Resoluci\u00f3n Administrativa de autorizaci\u00f3n del uso de Hojas Removibles. (Todos 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 5 d\u00edas h\u00e1biles desde el d\u00eda siguiente h\u00e1bil a la fecha de su pago.\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,00. (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 y Sociedad Constituida en el Extranjero: <br>\n Bs 175,00 (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 Documento transcrito por cualquier medio mec\u00e1nico o electr\u00f3nico, el cual deber\u00e1 ser encuadernado correlativamente en los en los libros que obligatoriamente deben llevar las Empresas Unipersonales y Sociedades Comerciales, conforme lo establecido en el C\u00f3digo de Comercio. MARCO LEGAL D.L. No. 14379 de 25 de febrero de 1977, C\u00f3digo […]<\/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-56383","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56383","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=56383"}],"version-history":[{"count":4,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56383\/revisions"}],"predecessor-version":[{"id":57963,"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/56383\/revisions\/57963"}],"wp:attachment":[{"href":"https:\/\/www.seprec.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=56383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}