diff --git a/resources/js/components/PedidosAdminBody.vue b/resources/js/components/PedidosAdminBody.vue
index 68b617d..afce746 100644
--- a/resources/js/components/PedidosAdminBody.vue
+++ b/resources/js/components/PedidosAdminBody.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="container is-max-widescreen is-max-desktop">
         <pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones>
-        <div class="block" id="pedidos-seccion" 
-        :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
+        <div class="block" id="pedidos-seccion"
+            :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
             <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
                 <pedidos-admin-dropdown-descargar
                     :gdc="gdc">
@@ -15,8 +15,8 @@
                 Todavía no hay ningún pedido para administrar.
             </p>
         </div>
-        <div class="block pb-6" id="bonos-seccion" 
-        :class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'">
+        <div class="block pb-6" id="bonos-seccion"
+            :class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'">
             <pedidos-admin-tabla-bonos v-show="hayAprobados"
                 :pedidos="pedidos">
             </pedidos-admin-tabla-bonos>
@@ -24,6 +24,11 @@
                 Todavía no hay pedidos aprobados.
             </p>
         </div>
+        <div class="block pb-6" id="caracteristicas-seccion"
+             :class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
+            <pedidos-admin-caracteristicas-opcionales>
+            </pedidos-admin-caracteristicas-opcionales>
+        </div>
     </div>
 </template>
 
@@ -32,9 +37,11 @@ import PedidosAdminTabsSecciones from './PedidosAdminTabsSecciones.vue';
 import PedidosAdminDropdownDescargar from "./PedidosAdminDropdownDescargar.vue";
 import PedidosAdminTablaBonos from './PedidosAdminTablaBonos.vue';
 import PedidosAdminTablaPedidos from "./PedidosAdminTablaPedidos.vue";
+import PedidosAdminCaracteristicasOpcionales from "./PedidosAdminCaracteristicasOpcionales.vue";
 export default {
     name: "PedidosAdminBody",
     components: {
+        PedidosAdminCaracteristicasOpcionales,
         PedidosAdminTabsSecciones,
         PedidosAdminDropdownDescargar,
         PedidosAdminTablaPedidos,
diff --git a/resources/js/components/PedidosAdminTabsSecciones.vue b/resources/js/components/PedidosAdminTabsSecciones.vue
index 9490123..2be699f 100644
--- a/resources/js/components/PedidosAdminTabsSecciones.vue
+++ b/resources/js/components/PedidosAdminTabsSecciones.vue
@@ -3,11 +3,11 @@
         <div class="tabs is-boxed" id="tabs">
             <ul class="has-bottom-line">
                 <li v-for="(tab, index) in tabs" class="is-size-6"
-                    :key="index" 
-                    :id="tab.id + '-tab'" 
+                    :key="index"
+                    :id="tab.id + '-tab'"
                     :class="{'is-active': tab.id === tabActiva}">
                     <a @click="setTabActiva(tab.id)">
-                        <span> 
+                        <span>
                             {{ tab.nombre }}
                         </span>
                     </a>
@@ -31,6 +31,10 @@ export default {
                 {
                     id: "bonos",
                     nombre: "Bonos"
+                },
+                {
+                    id: "caracteristicas",
+                    nombre: "Caracteristicas opcionales"
                 }
             ]
         }
@@ -59,4 +63,4 @@ export default {
     border-bottom-color: #e3342f;
     color: #e3342f;
   }
-</style>
\ No newline at end of file
+</style>