{"id":29834,"date":"2025-10-28T14:07:41","date_gmt":"2025-10-28T14:07:41","guid":{"rendered":"https:\/\/podaurora.com\/?page_id=29834"},"modified":"2026-07-19T14:37:20","modified_gmt":"2026-07-19T14:37:20","slug":"estudio-a-medida","status":"publish","type":"page","link":"https:\/\/old388.podaurora.com\/es\/estudio-a-medida\/","title":{"rendered":"Estudio a medida"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"29834\" class=\"elementor elementor-29834\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-949f18b e-flex e-con-boxed e-con e-parent\" data-id=\"949f18b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c60cc1c elementor-widget elementor-widget-html\" data-id=\"c60cc1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. \u5f15\u5165\u54c1\u724c\u5b57\u4f53 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================\r\n   PODAURORA: Bespoke Studio (Stable Version)\r\n   ========================================= *\/\r\n\r\n:root {\r\n    --pa-black: #1a1a1a;\r\n    --pa-white: #ffffff;\r\n    --pa-gold: #D4AF37;\r\n    --pa-grey-bg: #f9f9f9;\r\n}\r\n\r\n\/* \u6838\u5fc3\u5bb9\u5668\uff1a\u9632\u6b62\u5de6\u53f3\u6643\u52a8 *\/\r\n.bespoke-wrapper {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px 120px;\r\n    background-color: var(--pa-white);\r\n    font-family: 'Lato', sans-serif;\r\n    box-sizing: border-box;\r\n    overflow-x: hidden; \/* \u5173\u952e\uff1a\u5207\u65ad\u6240\u6709\u6ea2\u51fa\uff0c\u9632\u6b62\u5de6\u53f3\u8dd1\u52a8 *\/\r\n    position: relative;\r\n}\r\n\r\n\/* =========================================\r\n   1. HERO SECTION (\u4fee\u590d\u7248\uff1a\u4e0d\u4f7f\u7528 100vw)\r\n   ========================================= *\/\r\n.bespoke-hero {\r\n    position: relative;\r\n    \/* \u901a\u8fc7\u8d1f\u8fb9\u8ddd\u6491\u6ee1\u5bb9\u5668\uff0c\u4e0d\u4f7f\u7528 100vw \u4ee5\u514d\u5728\u624b\u673a\u7aef\u4ea7\u751f\u4f4d\u79fb *\/\r\n    margin-left: -20px; \r\n    margin-right: -20px;\r\n    margin-top: -20px;\r\n    margin-bottom: 60px;\r\n    \r\n    background-image: url('https:\/\/podaurora.com\/wp-content\/uploads\/2025\/12\/bespokebg.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-color: #f4f4f4;\r\n    \r\n    padding: 120px 20px 100px;\r\n    text-align: center;\r\n}\r\n\r\n\/* \u80cc\u666f\u906e\u7f69 *\/\r\n.bespoke-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: rgba(255, 255, 255, 0.82); \r\n    backdrop-filter: blur(2px);\r\n    z-index: 0;\r\n}\r\n\r\n.bespoke-hero h1, .bespoke-subtitle, .decor-line {\r\n    position: relative; \r\n    z-index: 1;\r\n}\r\n\r\n.bespoke-hero h1 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 3.5em; font-weight: 400;\r\n    text-transform: uppercase; letter-spacing: 4px;\r\n    margin: 0 0 20px 0; color: var(--pa-black);\r\n    line-height: 1.1;\r\n}\r\n.bespoke-hero h1 span { color: var(--pa-gold); font-style: italic; }\r\n\r\n.bespoke-subtitle {\r\n    font-size: 1.1em; color: #555;\r\n    max-width: 600px; margin: 0 auto;\r\n    line-height: 1.8; font-weight: 300;\r\n}\r\n\r\n.decor-line {\r\n    width: 1px; height: 40px;\r\n    background: var(--pa-black); opacity: 0.2;\r\n    margin: 30px auto;\r\n}\r\n\r\n\/* =========================================\r\n   2. TAB \u5bfc\u822a\u680f\r\n   ========================================= *\/\r\n.bespoke-tabs-nav {\r\n    display: flex; \r\n    justify-content: center; \r\n    gap: 50px; \r\n    margin-bottom: 50px;\r\n    border-bottom: 1px solid #eee; \r\n    position: relative;\r\n    background: transparent;\r\n}\r\n\r\n.tab-btn {\r\n    background: transparent !important;\r\n    border: none;\r\n    outline: none;\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 0.9em;\r\n    color: #999;\r\n    padding: 15px 0;\r\n    cursor: pointer;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tab-btn:hover { color: var(--pa-black); }\r\n.tab-btn.active { color: var(--pa-black); font-weight: 700; }\r\n\r\n\/* \u6fc0\u6d3b\u72b6\u6001\u91d1\u8272\u5e95\u7ebf *\/\r\n.tab-btn.active::after {\r\n    content: ''; \r\n    position: absolute; \r\n    bottom: -1px; left: 0; \r\n    width: 100%; height: 2px; \r\n    background: var(--pa-gold);\r\n}\r\n\r\n\/* \u5185\u5bb9\u663e\u793a\/\u9690\u85cf *\/\r\n.tab-content { display: none; opacity: 0; transform: translateY(10px); transition: all 0.4s ease; }\r\n.tab-content.active { display: block; opacity: 1; transform: translateY(0); }\r\n\r\n\/* =========================================\r\n   3. \u4ea7\u54c1\u7f51\u683c\r\n   ========================================= *\/\r\n.bespoke-grid { \r\n    display: grid; \r\n    grid-template-columns: repeat(4, 1fr); \r\n    gap: 30px; \r\n}\r\n\r\n.bespoke-card { display: block; text-decoration: none; color: inherit; }\r\n.img-wrapper { position: relative; overflow: hidden; aspect-ratio: 3\/4; margin-bottom: 15px; background: #f9f9f9; }\r\n.bespoke-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }\r\n.bespoke-card:hover img { transform: scale(1.05); }\r\n\r\n.hover-overlay {\r\n    position: absolute; inset: 0; background: rgba(0,0,0,0.15); \r\n    opacity: 0; display: flex; align-items: center; justify-content: center; transition: 0.3s;\r\n}\r\n.bespoke-card:hover .hover-overlay { opacity: 1; }\r\n\r\n.ghost-btn {\r\n    padding: 10px 20px; background: #fff; color: #000; font-size: 0.7em; \r\n    letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600;\r\n}\r\n\r\n.card-info { text-align: center; }\r\n.card-info h3 { font-family: 'Playfair Display', serif; font-size: 1.1em; margin: 5px 0; font-weight: 400; }\r\n.card-price { font-size: 0.85em; color: #888; }\r\n\r\n\/* =========================================\r\n   4. \u624b\u673a\u7aef\u9002\u914d (\u91cd\u70b9\u4f18\u5316)\r\n   ========================================= *\/\r\n@media (max-width: 768px) {\r\n    \/* \u89e3\u51b3 Hero \u5b57\u4f53\u5927\u5c0f *\/\r\n    .bespoke-hero { \r\n        padding: 80px 20px 60px; \r\n        margin-left: -20px; \r\n        margin-right: -20px;\r\n    }\r\n    .bespoke-hero h1 { font-size: 2.2em; letter-spacing: 2px; }\r\n    .bespoke-subtitle { font-size: 0.95em; }\r\n\r\n    \/* Tab \u6807\u9898\u4f18\u5316\uff1a\u7f29\u5c0f\u5b57\u4f53\uff0c\u9632\u6b62\u5de6\u53f3\u6643\u52a8 *\/\r\n    .bespoke-tabs-nav {\r\n        justify-content: flex-start !important; \r\n        overflow-x: auto !important; \r\n        gap: 20px !important; \/* \u7f29\u5c0f\u6807\u9898\u95f4\u8ddd *\/\r\n        padding: 0 5px !important;\r\n        margin-bottom: 30px !important;\r\n        -webkit-overflow-scrolling: touch; \/* \u6ed1\u52a8\u66f4\u987a\u6ed1 *\/\r\n        scrollbar-width: none;\r\n    }\r\n    .bespoke-tabs-nav::-webkit-scrollbar { display: none; }\r\n    \r\n    .tab-btn {\r\n        flex: 0 0 auto !important;\r\n        font-size: 0.75em !important; \/* \u7f29\u5c0f\u5b57\u4f53 *\/\r\n        letter-spacing: 1px !important;\r\n        padding: 10px 5px 12px 5px !important;\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    \/* \u7f51\u683c\u53d8\u53cc\u5217 *\/\r\n    .bespoke-grid { \r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 15px; \r\n    }\r\n    \r\n    \/* \u624b\u673a\u7aef\u79fb\u9664\u60ac\u505c\u6548\u679c\uff0c\u6539\u4e3a\u76f4\u63a5\u663e\u793a *\/\r\n    .hover-overlay { display: none !important; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ================= HTML \u5185\u5bb9 ================= -->\r\n<div class=\"bespoke-wrapper\">\r\n\r\n    <!-- 1. HERO \u533a\u57df -->\r\n    <div class=\"bespoke-hero\">\r\n        <h1>El Bespoke <span>Taller<\/span><\/h1>\r\n        <div class=\"decor-line\"><\/div>\r\n        <p class=\"bespoke-subtitle\">\r\n            Crea tu propio estilo. Telas de primera calidad, cortes atemporales, dise\u00f1ados por ti.<br>Selecciona un lienzo para comenzar.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- 2. TAB \u5bfc\u822a -->\r\n    <div class=\"bespoke-tabs-nav\">\r\n        <button class=\"tab-btn active\" onclick=\"switchBespokeTab(event, 'tab-tshirts')\">Camisetas<\/button>\r\n        <button class=\"tab-btn\" onclick=\"switchBespokeTab(event, 'tab-hoodies')\">Sudaderas con capucha<\/button>\r\n        <button class=\"tab-btn\" onclick=\"switchBespokeTab(event, 'tab-home')\">Hogar y vida<\/button>\r\n        <button class=\"tab-btn\" onclick=\"switchBespokeTab(event, 'tab-acc')\">Accesorios<\/button>\r\n    <\/div>\r\n\r\n    <!-- ================= TAB \u5185\u5bb9\u533a\u57df ================= -->\r\n    \r\n    <!-- Tab 1: T-Shirts -->\r\n    <div id=\"tab-tshirts\" class=\"tab-content active\">\r\n        <div class=\"bespoke-grid\">\r\n            <a href=\"\/es\/producto\/camisetas-personalizadas-de-talla-grande-para-mujer-disena-tu-propia-camiseta-anade-texto-imagen-logotipo-y-estampado-personalizado\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/09\/b101.webp\" alt=\"Tallas grandes para mujer\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Tallas grandes para mujer<\/h3><span class=\"card-price\">Desde $24.99<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"\/es\/producto\/camisetas-unisex-con-estampado-personalizado-2\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/07\/men-plus-custom-T1.webp\" alt=\"Tallas grandes para hombres\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Tallas grandes para hombre<\/h3><span class=\"card-price\">Desde $24.99<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"\/es\/producto\/camisetas-personalizadas-para-mujer-disena-tu-propia-camiseta-anade-texto-imagen-logotipo-y-estampado-personalizado\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/09\/w30.webp\" alt=\"Regular para mujer\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Regular para mujer<\/h3><span class=\"card-price\">Desde $24.99<\/span><\/div>\r\n            <\/a>\r\n            <a href=\"\/es\/producto\/camisetas-personalizadas-para-hombre-disena-tu-propia-camiseta-anade-texto-imagen-logotipo-impresion-personalizada\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/09\/b201.webp\" alt=\"Regular para hombre\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Regular para hombre<\/h3><span class=\"card-price\">Desde $24.99<\/span><\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tab 2: Hoodies -->\r\n    <div id=\"tab-hoodies\" class=\"tab-content\">\r\n        <div class=\"bespoke-grid\">\r\n            <a href=\"\/es\/custom-design-hoodies\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/10\/custom-hoodie-2.webp\" alt=\"Sudadera cl\u00e1sica con capucha\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Sudadera cl\u00e1sica con capucha<\/h3><span class=\"card-price\">Desde $28.99<\/span><\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tab 3: Home & Living -->\r\n    <div id=\"tab-home\" class=\"tab-content\">\r\n        <div class=\"bespoke-grid\">\r\n            <a href=\"\/es\/producto\/custom-design-mugs\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/07\/Front.webp\" alt=\"Taza artesanal\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Taza artesanal<\/h3><span class=\"card-price\">Desde $20.99<\/span><\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Tab 4: Accessories -->\r\n    <div id=\"tab-acc\" class=\"tab-content\">\r\n        <div class=\"bespoke-grid\">\r\n            <a href=\"\/es\/producto\/gorras-de-diseno-personalizado\/\" class=\"bespoke-card\">\r\n                <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/podaurora.com\/wp-content\/uploads\/2025\/09\/h11.webp\" alt=\"Tapa estructurada\"><div class=\"hover-overlay\"><div class=\"ghost-btn\">Comienza a dise\u00f1ar<\/div><\/div><\/div>\r\n                <div class=\"card-info\"><h3>Tapa estructurada<\/h3><span class=\"card-price\">Desde $19.99<\/span><\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JS \u4ea4\u4e92\u903b\u8f91 -->\r\n<script>\r\nfunction switchBespokeTab(evt, tabId) {\r\n    const contents = document.querySelectorAll('.tab-content');\r\n    contents.forEach(content => {\r\n        content.classList.remove('active');\r\n        content.style.display = 'none';\r\n    });\r\n\r\n    const buttons = document.querySelectorAll('.tab-btn');\r\n    buttons.forEach(btn => btn.classList.remove('active'));\r\n\r\n    const target = document.getElementById(tabId);\r\n    if(target) {\r\n        target.style.display = 'block'; \r\n        setTimeout(() => target.classList.add('active'), 10);\r\n    }\r\n    evt.currentTarget.classList.add('active');\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Bespoke Atelier Curate your signature style. Premium fabrics, timeless cuts, created by you.Select a canvas to begin. T-Shirts Hoodies [&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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-29834","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/pages\/29834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/comments?post=29834"}],"version-history":[{"count":0,"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/pages\/29834\/revisions"}],"wp:attachment":[{"href":"https:\/\/old388.podaurora.com\/es\/wp-json\/wp\/v2\/media?parent=29834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}