{"id":166,"date":"2026-07-03T12:15:00","date_gmt":"2026-07-03T12:15:00","guid":{"rendered":"https:\/\/www.prototipa.es\/?page_id=166"},"modified":"2026-07-06T10:42:09","modified_gmt":"2026-07-06T10:42:09","slug":"proceso-de-diseno","status":"publish","type":"page","link":"https:\/\/www.prototipa.es\/en\/proceso-de-diseno\/","title":{"rendered":"Design process"},"content":{"rendered":"<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@300;400&display=swap');\n\n.proc-page {\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 90px 32px 80px;\n    font-family: 'Barlow', sans-serif;\n}\n\n\/* Cabecera *\/\n.proc-eyebrow {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 30px; font-weight: 700; letter-spacing: .26em;\n    text-transform: uppercase; color: #C1292E;\n    display: flex; align-items: center; gap: 12px;\n    margin-bottom: 14px;\n}\n.proc-eyebrow::before { content: ''; width: 20px; height: 1px; background: #C1292E; }\n\n.proc-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(44px, 6vw, 72px); font-weight: 800;\n    color: #1E140E; line-height: 1; margin-bottom: 16px;\n}\n.proc-desc {\n    font-size: 19px; color: #5C4A3A; font-weight: 300;\n    line-height: 1.7; max-width: 620px; margin-bottom: 48px;\n}\n\n\/* V\u00eddeo *\/\n.proc-video-wrap {\n    display: flex; justify-content: center;\n    margin-bottom: 56px;\n}\n.proc-video-inner {\n    width: 100%; max-width: 480px;\n    aspect-ratio: 9\/16;\n    position: relative;\n    box-shadow: 0 8px 40px rgba(30,20,14,0.18);\n}\n.proc-video-inner iframe {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; border: 0;\n}\n\n\/* Separador *\/\n.proc-sep {\n    width: 100%; height: 1px;\n    background: #C8BFAF; margin-bottom: 48px;\n}\n\n\/* Pasos *\/\n.proc-steps-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px; font-weight: 700; letter-spacing: .26em;\n    text-transform: uppercase; color: #C1292E;\n    display: flex; align-items: center; gap: 12px;\n    margin-bottom: 32px;\n}\n.proc-steps-title::before { content: ''; width: 20px; height: 1px; background: #C1292E; }\n\n.proc-steps {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n    position: relative;\n    margin-bottom: 56px;\n}\n.proc-steps::before {\n    content: '';\n    position: absolute;\n    top: 28px; left: 10%; right: 10%;\n    height: 1px; background: #C8BFAF;\n}\n@media (max-width: 700px) {\n    .proc-steps { grid-template-columns: 1fr; gap: 24px; }\n    .proc-steps::before { display: none; }\n}\n.proc-step {\n    display: flex; flex-direction: column;\n    align-items: center; text-align: center; padding: 0 10px;\n}\n.proc-step-n {\n    width: 56px; height: 56px;\n    border: 1px solid #C8BFAF; background: #F2EDE4;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px; font-weight: 800; color: #C1292E;\n    margin-bottom: 18px; position: relative; z-index: 1;\n}\n.proc-step-t {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 17px; font-weight: 700; color: #1E140E; margin-bottom: 6px;\n}\n.proc-step-d {\n    font-size: 14px; color: #5C4A3A; line-height: 1.55; font-weight: 300;\n}\n\n\/* CTA final *\/\n.proc-cta {\n    text-align: center;\n    padding: 48px 32px;\n    background: #E8E1D6;\n    border: 1px solid #C8BFAF;\n}\n.proc-cta h2 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(26px, 4vw, 40px); font-weight: 800;\n    color: #1E140E; margin-bottom: 10px;\n}\n.proc-cta p {\n    font-size: 18px; color: #5C4A3A; font-weight: 300; margin-bottom: 24px;\n}\n.proc-btn {\n    display: inline-block;\n    padding: 14px 32px;\n    background: #C1292E; color: white; text-decoration: none;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px; font-weight: 700; letter-spacing: .12em;\n    text-transform: uppercase; transition: background .15s;\n}\n.proc-btn:hover { background: #A31B2C; color: white; text-decoration: none; }\n<\/style>\n\n<div class=\"proc-page\">\n\n    <!-- CABECERA -->\n    <div class=\"proc-eyebrow\">How we work<\/div>\n    <h1 class=\"proc-title\">From concept<br>to drawing.<\/h1>\n    <p class=\"proc-desc\">\n        An agile process, 100% online and with continuous communication at every stage. No travel, no surprises. From the initial brief to the ready-to-manufacture file, you always know exactly where your project stands.\n    <\/p>\n\n    <!-- V\u00cdDEO VERTICAL -->\n    <div class=\"proc-video-wrap\">\n        <div class=\"proc-video-inner\">\n            <iframe src=\"https:\/\/www.youtube.com\/embed\/bv2rEdbck7U?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=bv2rEdbck7U&amp;rel=0&amp;playsinline=1\" allow=\"autoplay; encrypted-media; fullscreen\" allowfullscreen=\"\">\n            <\/iframe>\n        <\/div>\n    <\/div>\n\n    <div class=\"proc-sep\"><\/div>\n\n    <!-- PASOS -->\n    <div class=\"proc-steps-title\">The process in 5 steps<\/div>\n    <div class=\"proc-steps\">\n        <div class=\"proc-step\">\n            <div class=\"proc-step-n\">01<\/div>\n            <div class=\"proc-step-t\">Briefing<\/div>\n            <div class=\"proc-step-d\">Requirements gathered by email or WhatsApp. We define the need together.<\/div>\n        <\/div>\n        <div class=\"proc-step\">\n            <div class=\"proc-step-n\">02<\/div>\n            <div class=\"proc-step-t\">3D design<\/div>\n            <div class=\"proc-step-d\">First proposal in Fusion 360. Iterative review and adjustments with you.<\/div>\n        <\/div>\n        <div class=\"proc-step\">\n            <div class=\"proc-step-n\">03<\/div>\n            <div class=\"proc-step-t\">Validation<\/div>\n            <div class=\"proc-step-d\">Sign-off on the final design before documenting.<\/div>\n        <\/div>\n        <div class=\"proc-step\">\n            <div class=\"proc-step-n\">04<\/div>\n            <div class=\"proc-step-t\">Documentation<\/div>\n            <div class=\"proc-step-d\">Drawings, assembly instructions and 3D video where applicable.<\/div>\n        <\/div>\n        <div class=\"proc-step\">\n            <div class=\"proc-step-n\">05<\/div>\n            <div class=\"proc-step-t\">Delivery<\/div>\n            <div class=\"proc-step-d\">Native files + PDF. Post-sale follow-up included.<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"proc-cta\">\n        <h2>Ready to start your project?<\/h2>\n        <p>We reply within 24 hours. No obligation.<\/p>\n        <a href=\"\/en\/contacto\/\" class=\"proc-btn\">Request a quote \u2192<\/a>\n    <\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo trabajamos Del conceptoal plano. Un proceso \u00e1gil, 100% online y con comunicaci\u00f3n continua en cada fase. Sin desplazamientos, sin sorpresas. Del briefing inicial al archivo listo para fabricar, siempre sab\u00e9is en qu\u00e9 punto est\u00e1 vuestro proyecto. El proceso en 5 pasos 01 Briefing Recogida de requisitos por email o WhatsApp. Definimos la necesidad juntos. [&hellip;]<\/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,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-166","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/pages\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/comments?post=166"}],"version-history":[{"count":4,"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/pages\/166\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/pages\/166\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/www.prototipa.es\/en\/wp-json\/wp\/v2\/media?parent=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}