{"id":929,"date":"2026-09-03T14:02:59","date_gmt":"2026-09-03T12:02:59","guid":{"rendered":"https:\/\/patriciaibanezstudio.com\/?page_id=929"},"modified":"2026-09-03T14:07:04","modified_gmt":"2026-09-03T12:07:04","slug":"the-urban-cookie-2","status":"publish","type":"page","link":"https:\/\/patriciaibanezstudio.com\/?page_id=929","title":{"rendered":"THE URBAN COOKIE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"929\" class=\"elementor elementor-929\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec170ef e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ec170ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-debd469 elementor-widget elementor-widget-shortcode\" data-id=\"debd469\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        .paib-main-wrap {\n            --bg-beige: #E2DBD0;\n            --bg-card: #FAF8F5;\n            --bg-dark: #1F2421;\n            --text-dark: #1F2421;\n            --text-light: #FAF8F5;\n            --accent-studio: #675753;\n            --border-color: rgba(31, 36, 33, 0.15);\n            --font-display: Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif;\n            --font-body: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n            --font-serif: \"Bodoni MT\", \"Didot\", \"Playfair Display\", Georgia, serif;\n\n            background-color: var(--bg-beige);\n            color: var(--text-dark);\n            font-family: var(--font-body);\n            width: 100%;\n            padding: 60px 40px;\n            box-sizing: border-box;\n            line-height: 1.4;\n        }\n\n        .paib-main-wrap * {\n            box-sizing: border-box;\n        }\n\n        .paib-container {\n            max-width: 1280px;\n            margin: 0 auto;\n        }\n\n        .paib-hero-tag {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 15px;\n            opacity: 0.8;\n        }\n\n        \/* --- 1. HERO PRINCIPAL --- *\/\n        .paib-hero-grid {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 50px;\n            align-items: center;\n            margin-bottom: 90px;\n        }\n\n        .paib-hero-title {\n            font-family: var(--font-display);\n            font-size: clamp(48px, 6vw, 82px);\n            line-height: 0.92;\n            text-transform: uppercase;\n            margin: 0 0 25px 0;\n            letter-spacing: -1px;\n        }\n\n        .paib-hero-desc {\n            font-size: 14px;\n            max-width: 360px;\n            margin-bottom: 35px;\n            line-height: 1.5;\n            opacity: 0.85;\n        }\n\n        .paib-btn-outline {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px 24px;\n            border: 1px solid var(--text-dark);\n            color: var(--text-dark);\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            transition: all 0.3s ease;\n        }\n\n        .paib-btn-outline:hover {\n            background-color: var(--text-dark);\n            color: var(--bg-beige);\n        }\n\n        .paib-hero-image-wrap img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 2px;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.06);\n        }\n\n        \/* --- 2. QU\u00c9 HACEMOS --- *\/\n        .paib-services-sec {\n            border-top: 1px solid var(--border-color);\n            padding-top: 40px;\n            margin-bottom: 100px;\n        }\n\n        .paib-services-head {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            margin-bottom: 45px;\n        }\n\n        .paib-services-title {\n            font-family: var(--font-display);\n            font-size: clamp(32px, 4vw, 48px);\n            text-transform: uppercase;\n            margin: 0;\n            line-height: 1;\n        }\n\n        .paib-services-sub {\n            font-size: 13px;\n            max-width: 320px;\n            text-align: right;\n            opacity: 0.85;\n        }\n\n        .paib-services-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n        }\n\n        .paib-service-card {\n            border-left: 1px solid var(--border-color);\n            padding-left: 20px;\n        }\n\n        .paib-service-icon {\n            height: 35px;\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n\n        .paib-service-icon svg {\n            width: 28px;\n            height: 28px;\n            stroke: var(--text-dark);\n            fill: none;\n            stroke-width: 1.5;\n        }\n\n        .paib-service-name {\n            font-family: var(--font-display);\n            font-size: 16px;\n            text-transform: uppercase;\n            margin-bottom: 10px;\n            letter-spacing: 0.5px;\n        }\n\n        .paib-service-desc {\n            font-size: 12px;\n            line-height: 1.4;\n            opacity: 0.8;\n        }\n\n        \/* --- 3. PALETA DE COLOR --- *\/\n        .paib-palette-sec {\n            border-top: 1px solid var(--border-color);\n            padding-top: 40px;\n            margin-bottom: 100px;\n        }\n\n        .paib-palette-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .paib-color-card {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .paib-color-swatch {\n            width: 100%;\n            height: 120px;\n            border-radius: 2px;\n            border: 1px solid rgba(0,0,0,0.08);\n        }\n\n        .paib-color-info {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .paib-color-name {\n            font-family: var(--font-display);\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .paib-color-hex {\n            font-size: 11px;\n            opacity: 0.7;\n            font-family: monospace;\n        }\n\n        \/* --- 4. GALER\u00cdA DE IM\u00c1GENES --- *\/\n        .paib-gallery-sec {\n            border-top: 1px solid var(--border-color);\n            padding-top: 40px;\n            margin-bottom: 100px;\n        }\n\n        .paib-gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .paib-gallery-item {\n            overflow: hidden;\n            border-radius: 2px;\n            background-color: var(--bg-card);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.04);\n        }\n\n        .paib-gallery-item img {\n            width: 100%;\n            height: 320px;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.5s ease;\n        }\n\n        .paib-gallery-item:hover img {\n            transform: scale(1.03);\n        }\n\n        \/* --- 5. PROYECTOS DESTACADOS --- *\/\n        .paib-projects-sec {\n            border-top: 1px solid var(--border-color);\n            padding-top: 40px;\n            margin-bottom: 100px;\n        }\n\n        .paib-projects-head {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 35px;\n        }\n\n        .paib-link-all {\n            color: var(--text-dark);\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        .paib-projects-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n\n        .paib-project-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            align-items: stretch;\n        }\n\n        .paib-project-card {\n            background-color: var(--bg-card);\n            border: 1px solid rgba(0,0,0,0.05);\n            display: grid;\n            grid-template-columns: 0.9fr 1.1fr;\n            overflow: hidden;\n        }\n\n        .paib-project-info {\n            padding: 35px 25px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .paib-project-title {\n            font-family: var(--font-display);\n            font-size: 26px;\n            text-transform: uppercase;\n            margin: 0 0 10px 0;\n            letter-spacing: 0.5px;\n        }\n\n        .paib-project-text {\n            font-size: 12px;\n            opacity: 0.8;\n            margin-bottom: 20px;\n            line-height: 1.4;\n        }\n\n        .paib-project-link {\n            font-size: 10px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--text-dark);\n            text-decoration: none;\n        }\n\n        .paib-project-img {\n            width: 100%;\n            height: 100%;\n            min-height: 240px;\n            background: #E5E0D8;\n        }\n\n        .paib-project-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .paib-projects-bottom-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }\n\n        .paib-project-card-stack {\n            background-color: var(--bg-card);\n            border: 1px solid rgba(0,0,0,0.05);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .paib-project-card-stack .paib-project-img {\n            height: 200px;\n        }\n\n        \/* --- 6. NUESTRA FILOSOF\u00cdA --- *\/\n        .paib-philosophy-sec {\n            border-top: 1px solid var(--border-color);\n            padding-top: 50px;\n            padding-bottom: 20px;\n            display: grid;\n            grid-template-columns: 1.4fr 0.8fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        .paib-philosophy-title {\n            font-family: var(--font-serif);\n            font-size: clamp(38px, 5.5vw, 68px);\n            line-height: 1.05;\n            text-transform: uppercase;\n            margin: 0;\n            letter-spacing: -0.5px;\n            font-weight: 400;\n        }\n\n        .paib-philosophy-title em {\n            font-style: italic;\n            font-weight: 300;\n        }\n\n        .paib-philosophy-side {\n            border-left: 1px solid var(--border-color);\n            padding-left: 30px;\n            font-size: 13px;\n            line-height: 1.6;\n            opacity: 0.85;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 1024px) {\n            .paib-hero-grid, .paib-philosophy-sec {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            .paib-services-grid, .paib-palette-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .paib-gallery-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .paib-project-row, .paib-projects-bottom-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .paib-main-wrap {\n                padding: 30px 20px;\n            }\n            .paib-services-grid, .paib-palette-grid, .paib-gallery-grid {\n                grid-template-columns: 1fr;\n            }\n            .paib-project-card {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n\n    <div class=\"paib-main-wrap\">\n        <div class=\"paib-container\">\n\n            <!-- 1. HERO PRINCIPAL -->\n            <section class=\"paib-hero-grid\">\n                <div>\n                    <div class=\"paib-hero-tag\">Dise\u00f1o de Marcas<\/div>\n                    <h1 class=\"paib-hero-title\">THE URBAN COOKIE<\/h1>\n                    <p class=\"paib-hero-desc\">Creatividad con intenci\u00f3n, belleza y estrategia. Marcas que conectan, comunican y dejan huella.<\/p>\n                    <a href=\"#proyectos\" class=\"paib-btn-outline\">\n                        <span>Ver Proyectos<\/span>\n                        <span>\u2192<\/span>\n                    <\/a>\n                <\/div>\n                <div class=\"paib-hero-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/rshrt.png\" alt=\"Midori Coffee & Matcha - PAIB Studio\">\n                <\/div>\n            <\/section>\n\n            <!-- 2. QU\u00c9 HACEMOS -->\n            <section class=\"paib-services-sec\">\n                <div class=\"paib-services-head\">\n                    <div>\n                        <div class=\"paib-hero-tag\">Qu\u00e9 Hacemos<\/div>\n                        <h2 class=\"paib-services-title\">Dise\u00f1o con Prop\u00f3sito<\/h2>\n                    <\/div>\n                    <div class=\"paib-services-sub\">\n                        Acompa\u00f1amos a marcas que buscan algo m\u00e1s que verse bien: buscan significar.\n                    <\/div>\n                <\/div>\n\n                <div class=\"paib-services-grid\">\n                    <div class=\"paib-service-card\">\n                        <div class=\"paib-service-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                        <\/div>\n                        <div class=\"paib-service-name\">Direcci\u00f3n de Arte<\/div>\n                        <div class=\"paib-service-desc\">Concepto visual, universo gr\u00e1fico y direcci\u00f3n creativa para marcas memorables.<\/div>\n                    <\/div>\n\n                    <div class=\"paib-service-card\">\n                        <div class=\"paib-service-icon\">\n                            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a10 10 0 0 0 0 20z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"paib-service-name\">Identidad Visual<\/div>\n                        <div class=\"paib-service-desc\">Logotipo, tipograf\u00eda, color y sistema gr\u00e1fico. Marcas s\u00f3lidas y coherentes.<\/div>\n                    <\/div>\n\n                    <div class=\"paib-service-card\">\n                        <div class=\"paib-service-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"paib-service-name\">Packaging<\/div>\n                        <div class=\"paib-service-desc\">Dise\u00f1o de envases y etiquetas que comunican, diferencian y enamoran.<\/div>\n                    <\/div>\n\n                    <div class=\"paib-service-card\">\n                        <div class=\"paib-service-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"paib-service-name\">Dise\u00f1o Editorial<\/div>\n                        <div class=\"paib-service-desc\">Papeler\u00eda, publicaciones, cat\u00e1logos y piezas impresas con car\u00e1cter.<\/div>\n                    <\/div>\n\n                    <div class=\"paib-service-card\">\n                        <div class=\"paib-service-icon\">\n                            <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n                        <\/div>\n                        <div class=\"paib-service-name\">Digital<\/div>\n                        <div class=\"paib-service-desc\">Dise\u00f1o para web, redes sociales y experiencias digitales.<\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- 3. PALETA DE COLOR DE LA MARCA -->\n            <section class=\"paib-palette-sec\">\n                <div class=\"paib-hero-tag\">Identidad Crom\u00e1tica<\/div>\n                <h2 class=\"paib-services-title\">Paleta de Color de la Marca<\/h2>\n\n                <div class=\"paib-palette-grid\">\n                    <div class=\"paib-color-card\">\n                        <div class=\"paib-color-swatch\" style=\"background-color: #ca0f68;\"><\/div>\n                        <div class=\"paib-color-info\">\n                            <span class=\"paib-color-name\">FUCSIA<\/span>\n                            <span class=\"paib-color-hex\">#ca0f68<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"paib-color-card\">\n                        <div class=\"paib-color-swatch\" style=\"background-color: #f4cbcb;\"><\/div>\n                        <div class=\"paib-color-info\">\n                            <span class=\"paib-color-name\">ROSA PASTEL<\/span>\n                            <span class=\"paib-color-hex\">#f4cbcb<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"paib-color-card\">\n                        <div class=\"paib-color-swatch\" style=\"background-color: #675753;\"><\/div>\n                        <div class=\"paib-color-info\">\n                            <span class=\"paib-color-name\">Marr\u00f3n Acento<\/span>\n                            <span class=\"paib-color-hex\">#675753<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"paib-color-card\">\n                        <div class=\"paib-color-swatch\" style=\"background-color: #FAF8F5;\"><\/div>\n                        <div class=\"paib-color-info\">\n                            <span class=\"paib-color-name\">Blanco Crema<\/span>\n                            <span class=\"paib-color-hex\">#FAF8F5<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"paib-color-card\">\n                        <div class=\"paib-color-swatch\" style=\"background-color: #C8BFB3;\"><\/div>\n                        <div class=\"paib-color-info\">\n                            <span class=\"paib-color-name\">Arena Medio<\/span>\n                            <span class=\"paib-color-hex\">#C8BFB3<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- 4. GALER\u00cdA DE IM\u00c1GENES (6 IM\u00c1GENES EN TOTAL) -->\n            <section class=\"paib-gallery-sec\">\n                <div class=\"paib-hero-tag\">Universo Visual<\/div>\n                <h2 class=\"paib-services-title\">Galer\u00eda de Im\u00e1genes<\/h2>\n\n                <div class=\"paib-gallery-grid\">\n                    <div class=\"paib-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/cookie-10.png\" alt=\"Universo Visual 1\">\n                    <\/div>\n                    <div class=\"paib-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Firefly_generame-otra-imagen-corporativa-basandote-en-el-estilo-de-la-imagen-adjunta-pero-del-277438.png\" alt=\"Universo Visual 2\">\n                    <\/div>\n                    <div class=\"paib-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/cookie-8-scaled.png\" alt=\"Universo Visual 3\">\n                    <\/div>\n                    <div class=\"paib-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/cookie-1.png\" alt=\"Universo Visual 4\">\n                    <\/div>\n                    <div class=\"paib-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Firefly_generame-otra-version-de-la-imagen-de-referencia-adjunta-pero-que-muestre-unicamente-676561.png\" alt=\"Universo Visual 5\">\n                    <\/div>\n                    <div class=\"paib-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/cookie-7.png\" alt=\"Universo Visual 6\">\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- 5. PROYECTOS DESTACADOS -->\n            <section class=\"paib-projects-sec\" id=\"proyectos\">\n                <div class=\"paib-projects-head\">\n                    <div class=\"paib-hero-tag\">Proyectos Destacados<\/div>\n                    <a href=\"#\" class=\"paib-link-all\">Ver todos los proyectos \u2192<\/a>\n                <\/div>\n\n                <div class=\"paib-projects-grid\">\n                    <!-- Fila Superior: NOORE & MIDORI -->\n                    <div class=\"paib-project-row\">\n                        <div class=\"paib-project-card\">\n                            <div class=\"paib-project-info\">\n                                <div>\n                                    <h3 class=\"paib-project-title\">Noore<\/h3>\n                                    <div class=\"paib-project-text\">Identidad para marca de moda con est\u00e9tica minimalista y atemporal.<\/div>\n                                <\/div>\n                                <a href=\"#\" class=\"paib-project-link\">Ver Proyecto \u2192<\/a>\n                            <\/div>\n                            <div class=\"paib-project-img\">\n                                <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/MOCKUP-PAPELERIA-NOORE-scaled.png\" alt=\"N\u00f3ore Project\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"paib-project-card\">\n                            <div class=\"paib-project-info\">\n                                <div>\n                                    <h3 class=\"paib-project-title\">Midori<\/h3>\n                                    <div style=\"font-size:11px; font-weight:bold; margin-bottom:8px;\">Coffee & Matcha<\/div>\n                                    <div class=\"paib-project-text\">Identidad completa, desde la esencia hasta cada aplicaci\u00f3n.<\/div>\n                                <\/div>\n                                <a href=\"#\" class=\"paib-project-link\">Ver Proyecto \u2192<\/a>\n                            <\/div>\n                            <div class=\"paib-project-img\">\n                                <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/midori_corporate_social-scaled.png\" alt=\"Midori Project\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Fila Inferior: 3 Tarjetas -->\n                    <div class=\"paib-projects-bottom-grid\">\n                        <div class=\"paib-project-card-stack\">\n                            <div class=\"paib-project-info\">\n                                <h3 class=\"paib-project-title\">Little Whale<\/h3>\n                                <div class=\"paib-project-text\">Identidad l\u00fadica y amigable para productos infantiles.<\/div>\n                                <a href=\"#\" class=\"paib-project-link\">Ver Proyecto \u2192<\/a>\n                            <\/div>\n                            <div class=\"paib-project-img\">\n                                <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/ballena-2-scaled.jpg\" alt=\"Little Whale Project\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"paib-project-card-stack\">\n                            <div class=\"paib-project-info\">\n                                <h3 class=\"paib-project-title\">Maison Levain<\/h3>\n                                <div class=\"paib-project-text\">Branding y packaging para una marca de galletas artesanales.<\/div>\n                                <a href=\"#\" class=\"paib-project-link\">Ver Proyecto \u2192<\/a>\n                            <\/div>\n                            <div class=\"paib-project-img\">\n                                <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/maison_levain_disruptive_1-scaled.jpg\" alt=\"The Urban Cookie Project\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"paib-project-card-stack\">\n                            <div class=\"paib-project-info\">\n                                <h3 class=\"paib-project-title\">Lattea<\/h3>\n                                <div class=\"paib-project-text\">Identidad y packaging para una marca contempor\u00e1nea.<\/div>\n                                <a href=\"#\" class=\"paib-project-link\">Ver Proyecto \u2192<\/a>\n                            <\/div>\n                            <div class=\"paib-project-img\">\n                                <img decoding=\"async\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Cylinder-Container-Mockup-scaled.png\" alt=\"Lattea Project\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- 6. NUESTRA FILOSOF\u00cdA -->\n            <section class=\"paib-philosophy-sec\">\n                <div>\n                    <div class=\"paib-hero-tag\">Nuestra Filosof\u00eda<\/div>\n                    <h2 class=\"paib-philosophy-title\">\n                        No dise\u00f1amos para llenar espacios.<br>\n                        Dise\u00f1amos <em>para dejar huella.<\/em>\n                    <\/h2>\n                <\/div>\n                <div class=\"paib-philosophy-side\">\n                    Creemos en el poder del dise\u00f1o para transformar negocios, conectar personas y construir marcas que perduran en el tiempo.\n                <\/div>\n            <\/section>\n\n        <\/div>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61c1fa7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"61c1fa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73dbe42 elementor-widget elementor-widget-shortcode\" data-id=\"73dbe42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        .paib-footer-container {\n            --bg-dark: #1F2421;            \/* Grafito oscuro \/ fondo principal *\/\n            --bg-card: rgba(255, 255, 255, 0.03); \/* Fondo sutil tarjetas *\/\n            --accent-color: #675753;       \/* Tono corporativo de acento *\/\n            --text-light: #FAF8F5;        \/* Blanco roto \/ hueso *\/\n            --text-muted: rgba(250, 248, 245, 0.65); \/* Texto secundario *\/\n            --line-color: rgba(250, 248, 245, 0.12); \/* L\u00edneas divisoras *\/\n            --font-display: 'Impact', 'Arial Black', sans-serif;\n            --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n            background-color: var(--bg-dark);\n            color: var(--text-light);\n            font-family: var(--font-body);\n            padding: 60px 40px 30px 40px;\n            box-sizing: border-box;\n            width: 100%;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .paib-footer-container * {\n            box-sizing: border-box;\n        }\n\n        \/* --- BANNER CTA PRE-FOOTER --- *\/\n        .paib-footer-cta {\n            border-bottom: 1px solid var(--line-color);\n            padding-bottom: 50px;\n            margin-bottom: 50px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 25px;\n        }\n\n        .paib-footer-cta-text h2 {\n            font-family: var(--font-display);\n            font-size: clamp(32px, 4.5vw, 56px);\n            text-transform: uppercase;\n            margin: 0 0 10px 0;\n            line-height: 0.95;\n            letter-spacing: -0.5px;\n            color: var(--text-light);\n        }\n\n        .paib-footer-cta-text h2 span {\n            color: var(--accent-color);\n        }\n\n        .paib-footer-cta-text p {\n            font-size: 13px;\n            color: var(--text-muted);\n            margin: 0;\n            max-width: 480px;\n        }\n\n        .paib-footer-cta-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background-color: var(--accent-color);\n            color: #FFFFFF;\n            text-decoration: none;\n            padding: 16px 32px;\n            border-radius: 40px;\n            font-size: 11px;\n            font-weight: bold;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            transition: all 0.3s ease;\n        }\n\n        .paib-footer-cta-btn:hover {\n            background-color: #FAF8F5;\n            color: var(--bg-dark);\n            transform: translateY(-2px);\n        }\n\n        \/* --- REJILLA PRINCIPAL DEL FOOTER --- *\/\n        .paib-footer-grid {\n            display: grid;\n            grid-template-columns: 1.5fr repeat(3, 1fr) 1.2fr;\n            gap: 40px;\n            margin-bottom: 50px;\n        }\n\n        \/* Brand & Statement *\/\n        .paib-footer-brand h3 {\n            font-family: var(--font-display);\n            font-size: 24px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin: 0 0 15px 0;\n            color: var(--text-light);\n        }\n\n        .paib-footer-brand p {\n            font-size: 11px;\n            color: var(--text-muted);\n            line-height: 1.6;\n            margin: 0 0 20px 0;\n            max-width: 280px;\n        }\n\n        .paib-footer-tagline {\n            display: inline-block;\n            font-size: 9px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent-color);\n            border: 1px solid var(--accent-color);\n            padding: 4px 10px;\n            border-radius: 3px;\n        }\n\n        \/* Columnas de Enlaces *\/\n        .paib-footer-col h4 {\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin: 0 0 20px 0;\n            color: var(--accent-color);\n            font-weight: bold;\n        }\n\n        .paib-footer-col ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .paib-footer-col ul li {\n            margin-bottom: 12px;\n        }\n\n        .paib-footer-col ul li a {\n            color: var(--text-muted);\n            text-decoration: none;\n            font-size: 12px;\n            transition: color 0.2s ease;\n        }\n\n        .paib-footer-col ul li a:hover {\n            color: var(--text-light);\n        }\n\n        \/* Columna de Contacto & Ubicaci\u00f3n *\/\n        .paib-footer-info {\n            font-size: 12px;\n            color: var(--text-muted);\n        }\n\n        .paib-footer-info p {\n            margin: 0 0 12px 0;\n            line-height: 1.5;\n        }\n\n        .paib-footer-info a {\n            color: var(--text-light);\n            text-decoration: none;\n            border-bottom: 1px dashed var(--accent-color);\n            padding-bottom: 2px;\n        }\n\n        .paib-footer-info a:hover {\n            color: var(--accent-color);\n        }\n\n        \/* --- BARRA INFERIOR (COPYRIGHT & LEGAL) --- *\/\n        .paib-footer-bottom {\n            border-top: 1px solid var(--line-color);\n            padding-top: 25px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 15px;\n            font-size: 10px;\n            color: var(--text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .paib-footer-legal {\n            display: flex;\n            gap: 20px;\n        }\n\n        .paib-footer-legal a {\n            color: var(--text-muted);\n            text-decoration: none;\n            transition: color 0.2s ease;\n        }\n\n        .paib-footer-legal a:hover {\n            color: var(--accent-color);\n        }\n\n        \/* RESPONSIVO *\/\n        @media (max-width: 1024px) {\n            .paib-footer-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .paib-footer-container {\n                padding: 40px 20px 20px 20px;\n            }\n            .paib-footer-cta {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .paib-footer-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            .paib-footer-bottom {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n        }\n    <\/style>\n\n    <footer class=\"paib-footer-container\">\n\n        <!-- 1. BLOQUE CALL TO ACTION (PRE-FOOTER) -->\n        <div class=\"paib-footer-cta\">\n            <div class=\"paib-footer-cta-text\">\n                <h2>\u00bfHablamos de tu <span>pr\u00f3ximo proyecto<\/span>?<\/h2>\n                <p>Dise\u00f1amos marcas y envases pensados para perdurar, conectar y destacar en el lineal.<\/p>\n            <\/div>\n            <a href=\"https:\/\/patriciaibanezstudio.com\/contacto\" class=\"paib-footer-cta-btn\">\n                <span>Iniciar Proyecto<\/span>\n                <span>\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- 2. REJILLA PRINCIPAL -->\n        <div class=\"paib-footer-grid\">\n\n            <!-- Columna Marca -->\n            <div class=\"paib-footer-brand\">\n                <h3>PATRICIA IBA\u00d1EZ<\/h3>\n                <p>Estudio especializado en Branding, Packaging estrat\u00e9gico y dise\u00f1o de identidades con prop\u00f3sito.<\/p>\n                <span class=\"paib-footer-tagline\">Objetos que cuentan<\/span>\n            <\/div>\n\n            <!-- Columna Navegaci\u00f3n -->\n            <div class=\"paib-footer-col\">\n                <h4>Servicios<\/h4>\n                <ul>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Branding & Identidad<\/a><\/li>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Dise\u00f1o de Packaging<\/a><\/li>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Anatom\u00eda del Envase<\/a><\/li>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Direcci\u00f3n de Arte<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Columna Estudio -->\n            <div class=\"paib-footer-col\">\n                <h4>Estudio<\/h4>\n                <ul>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Proyectos<\/a><\/li>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Filosof\u00eda<\/a><\/li>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Biblioteca Materiales<\/a><\/li>\n                    <li><a href=\"https:\/\/patriciaibanezstudio.com\/\">Contacto<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Columna Redes -->\n            <div class=\"paib-footer-col\">\n                <h4>S\u00edguenos<\/h4>\n                <ul>\n                    <li><a href=\"https:\/\/www.instagram.com\" target=\"_blank\" rel=\"noopener\">Instagram \u2197<\/a><\/li>\n                    <li><a href=\"https:\/\/www.behance.net\" target=\"_blank\" rel=\"noopener\">Behance \u2197<\/a><\/li>\n                    <li><a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noopener\">LinkedIn \u2197<\/a><\/li>\n                    <li><a href=\"https:\/\/www.pinterest.com\" target=\"_blank\" rel=\"noopener\">Pinterest \u2197<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Columna Contacto Directo -->\n            <div class=\"paib-footer-col\">\n                <h4>Contacto<\/h4>\n                <div class=\"paib-footer-info\">\n                    <p><a href=\"mailto:hola@patriciaibanezstudio.com\">hola@patriciaibanezstudio.com<\/a><\/p>\n                    <p>Espa\u00f1a \/ Disponible para proyectos globales.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- 3. BARRA INFERIOR \/ LEGAL -->\n        <div class=\"paib-footer-bottom\">\n            <div>\n                \u00a9 2026 Patricia Iba\u00f1ez Studio. Todos los derechos reservados.\n            <\/div>\n            <div class=\"paib-footer-legal\">\n                <a href=\"https:\/\/patriciaibanezstudio.com\/aviso-legal\">Aviso Legal<\/a>\n                <a href=\"https:\/\/patriciaibanezstudio.com\/politica-de-privacidad\">Pol\u00edtica de Privacidad<\/a>\n                <a href=\"https:\/\/patriciaibanezstudio.com\/cookies\">Cookies<\/a>\n            <\/div>\n        <\/div>\n\n    <\/footer>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":55,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-929","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>THE URBAN COOKIE -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/patriciaibanezstudio.com\/?page_id=929\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"THE URBAN COOKIE -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/patriciaibanezstudio.com\/?page_id=929\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T12:07:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929\",\"url\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929\",\"name\":\"THE URBAN COOKIE -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Homepage-400_380.jpg\",\"datePublished\":\"2026-09-03T12:02:59+00:00\",\"dateModified\":\"2026-09-03T12:07:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929#primaryimage\",\"url\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Homepage-400_380.jpg\",\"contentUrl\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Homepage-400_380.jpg\",\"width\":400,\"height\":380},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=929#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"THE URBAN COOKIE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#website\",\"url\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"THE URBAN COOKIE -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/patriciaibanezstudio.com\/?page_id=929","og_locale":"es_ES","og_type":"article","og_title":"THE URBAN COOKIE -","og_url":"https:\/\/patriciaibanezstudio.com\/?page_id=929","article_modified_time":"2026-09-03T12:07:04+00:00","og_image":[{"width":400,"height":380,"url":"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/patriciaibanezstudio.com\/?page_id=929","url":"https:\/\/patriciaibanezstudio.com\/?page_id=929","name":"THE URBAN COOKIE -","isPartOf":{"@id":"https:\/\/patriciaibanezstudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/patriciaibanezstudio.com\/?page_id=929#primaryimage"},"image":{"@id":"https:\/\/patriciaibanezstudio.com\/?page_id=929#primaryimage"},"thumbnailUrl":"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg","datePublished":"2026-09-03T12:02:59+00:00","dateModified":"2026-09-03T12:07:04+00:00","breadcrumb":{"@id":"https:\/\/patriciaibanezstudio.com\/?page_id=929#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/patriciaibanezstudio.com\/?page_id=929"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/patriciaibanezstudio.com\/?page_id=929#primaryimage","url":"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg","contentUrl":"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg","width":400,"height":380},{"@type":"BreadcrumbList","@id":"https:\/\/patriciaibanezstudio.com\/?page_id=929#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/patriciaibanezstudio.com\/"},{"@type":"ListItem","position":2,"name":"THE URBAN COOKIE"}]},{"@type":"WebSite","@id":"https:\/\/patriciaibanezstudio.com\/#website","url":"https:\/\/patriciaibanezstudio.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/patriciaibanezstudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=929"}],"version-history":[{"count":5,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/929\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/929\/revisions\/934"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/media\/55"}],"wp:attachment":[{"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}