{"id":215,"date":"2025-12-04T16:42:35","date_gmt":"2025-12-04T15:42:35","guid":{"rendered":"https:\/\/patriciaibanezstudio.com\/?page_id=215"},"modified":"2026-09-03T11:28:30","modified_gmt":"2026-09-03T09:28:30","slug":"brand","status":"publish","type":"page","link":"https:\/\/patriciaibanezstudio.com\/?page_id=215","title":{"rendered":"BRANDING"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"215\" class=\"elementor elementor-215\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8fac20 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=\"d8fac20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-694e8a0 elementor-widget elementor-widget-shortcode\" data-id=\"694e8a0\" 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\n    \/* =====================================================\n       PATRICIA IB\u00c1\u00d1EZ STUDIO - BRANDING LANDING\n       ===================================================== *\/\n\n    .pis-branding {\n        --pis-bg: #f3f0e9;\n        --pis-text: #111111;\n        --pis-accent: #a89c86;\n        --pis-border: rgba(17,17,17,.35);\n\n        width: 100%;\n        max-width: 100%;\n        overflow: hidden;\n\n        background: var(--pis-bg);\n        color: var(--pis-text);\n\n        font-family: Arial, Helvetica, sans-serif;\n\n        line-height: 1.4;\n    }\n\n    .pis-branding *,\n    .pis-branding *:before,\n    .pis-branding *:after {\n        box-sizing: border-box;\n    }\n\n    .pis-branding img {\n        max-width: 100%;\n        display: block;\n    }\n\n    .pis-wrap {\n        width: calc(100% - 80px);\n        max-width: 1320px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n\n    \/* =====================================================\n       TIPOGRAF\u00cdA\n       ===================================================== *\/\n\n    .pis-title {\n        font-family:\n            \"Arial Narrow\",\n            \"Roboto Condensed\",\n            Arial,\n            Helvetica,\n            sans-serif;\n\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: -0.06em;\n    }\n\n    .pis-small {\n        font-size: 10px;\n        line-height: 1.4;\n        letter-spacing: .16em;\n        text-transform: uppercase;\n        font-weight: 700;\n    }\n\n\n    \/* =====================================================\n       HERO\n       ===================================================== *\/\n\n    .pis-hero {\n        padding-top: 55px;\n        padding-bottom: 70px;\n        border-bottom: 1px solid var(--pis-border);\n    }\n\n    .pis-hero-inner {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 55px;\n        align-items: center;\n    }\n\n    .pis-hero-text {\n        padding-left: 45px;\n    }\n\n    .pis-label {\n        display: inline-block;\n\n        padding: 7px 13px;\n\n        background: var(--pis-accent);\n        color: #111111;\n\n        border-radius: 4px;\n\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: .17em;\n        text-transform: uppercase;\n    }\n\n    .pis-hero h1 {\n        margin-top: 24px;\n        margin-bottom: 25px;\n\n        font-size: clamp(65px, 7vw, 125px);\n        line-height: .83;\n    }\n\n    .pis-hero-description {\n        max-width: 390px;\n\n        margin-top: 0;\n        margin-bottom: 28px;\n\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    .pis-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: space-between;\n\n        min-width: 190px;\n\n        padding: 14px 16px;\n\n        border: 1px solid #111111;\n\n        color: #111111;\n        background: transparent;\n\n        text-decoration: none;\n\n        font-size: 9px;\n        font-weight: 800;\n        letter-spacing: .13em;\n        text-transform: uppercase;\n\n        transition: all .25s ease;\n    }\n\n    .pis-button:hover {\n        background: #111111;\n        color: #ffffff;\n    }\n\n    .pis-button-arrow {\n        margin-left: 30px;\n        font-size: 21px;\n        line-height: 1;\n    }\n\n\n    \/* =====================================================\n       IMAGEN HERO\n       ===================================================== *\/\n\n    .pis-hero-visual {\n        position: relative;\n\n        min-height: 560px;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .pis-hero-visual:before {\n        content: \"\";\n\n        position: absolute;\n\n        width: 75%;\n        height: 75%;\n\n        background: var(--pis-accent);\n\n        transform: rotate(-5deg);\n\n        z-index: 0;\n    }\n\n    .pis-hero-visual img {\n        position: relative;\n        z-index: 1;\n\n        width: 92%;\n        max-height: 590px;\n\n        object-fit: cover;\n\n        transform: rotate(2deg);\n\n        box-shadow: 0 20px 45px rgba(0,0,0,.12);\n\n        transition: transform .4s ease;\n    }\n\n    .pis-hero-visual:hover img {\n        transform: rotate(0deg) scale(1.02);\n    }\n\n    .pis-round {\n        position: absolute;\n\n        right: 0;\n        bottom: 30px;\n\n        z-index: 3;\n\n        width: 105px;\n        height: 105px;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        padding: 15px;\n\n        border: 1px solid #111111;\n        border-radius: 50%;\n\n        background: var(--pis-accent);\n\n        font-size: 8px;\n        line-height: 1.45;\n        letter-spacing: .13em;\n        font-weight: 800;\n        text-align: center;\n        text-transform: uppercase;\n\n        transform: rotate(7deg);\n    }\n\n\n    \/* =====================================================\n       CASO DESTACADO\n       ===================================================== *\/\n\n    .pis-featured {\n        padding-top: 22px;\n        padding-bottom: 22px;\n\n        border-bottom: 1px solid var(--pis-border);\n    }\n\n    .pis-featured-box {\n        display: grid;\n        grid-template-columns: 310px 1fr;\n\n        min-height: 235px;\n\n        border: 1px solid var(--pis-border);\n    }\n\n    .pis-featured-info {\n        padding: 30px;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n\n        background: var(--pis-accent);\n    }\n\n    .pis-featured-info h2 {\n        margin: 8px 0 3px;\n\n        font-family: Georgia, \"Times New Roman\", serif;\n\n        font-size: 40px;\n        font-weight: 400;\n\n        letter-spacing: .08em;\n        line-height: 1;\n    }\n\n    .pis-featured-subtitle {\n        font-size: 10px;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n    }\n\n    .pis-featured-info p {\n        max-width: 230px;\n\n        margin: 15px 0 20px;\n\n        font-size: 11px;\n        line-height: 1.5;\n    }\n\n    .pis-featured-link {\n        color: #111111;\n\n        text-decoration: none;\n\n        font-size: 9px;\n        font-weight: 800;\n\n        letter-spacing: .14em;\n        text-transform: uppercase;\n    }\n\n    .pis-featured-image {\n        position: relative;\n\n        min-height: 235px;\n\n        overflow: hidden;\n    }\n\n    .pis-featured-image img {\n        width: 100%;\n        height: 100%;\n        min-height: 235px;\n\n        object-fit: cover;\n\n        transition: transform .5s ease;\n    }\n\n    .pis-featured-box:hover .pis-featured-image img {\n        transform: scale(1.04);\n    }\n\n    .pis-new {\n        position: absolute;\n\n        top: 12px;\n        right: 18px;\n\n        width: 82px;\n        height: 82px;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        border-radius: 50%;\n\n        background: var(--pis-accent);\n\n        font-size: 8px;\n        line-height: 1.4;\n        font-weight: 800;\n        letter-spacing: .12em;\n        text-align: center;\n        text-transform: uppercase;\n\n        transform: rotate(10deg);\n    }\n\n\n    \/* =====================================================\n       PROYECTOS\n       ===================================================== *\/\n\n    .pis-projects {\n        padding-top: 38px;\n        padding-bottom: 45px;\n\n        border-bottom: 1px solid var(--pis-border);\n    }\n\n    .pis-projects-head {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n\n        margin-bottom: 25px;\n    }\n\n    .pis-section-title {\n        margin: 0;\n\n        font-family:\n            \"Arial Narrow\",\n            \"Roboto Condensed\",\n            Arial,\n            sans-serif;\n\n        font-size: 23px;\n        line-height: .9;\n\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: -.04em;\n    }\n\n    .pis-section-title span {\n        display: block;\n        color: var(--pis-accent);\n    }\n\n    .pis-project-grid {\n        display: grid;\n\n        grid-template-columns: repeat(4, 1fr);\n\n        gap: 15px;\n    }\n\n\n    \/* =====================================================\n       TARJETA PROYECTO\n       ===================================================== *\/\n\n    .pis-project {\n        position: relative;\n\n        overflow: hidden;\n\n        border: 1px solid var(--pis-border);\n\n        background: var(--pis-bg);\n\n        transition:\n            transform .25s ease,\n            box-shadow .25s ease;\n    }\n\n    .pis-project:hover {\n        transform: translateY(-5px);\n\n        box-shadow:\n            0 15px 30px rgba(0,0,0,.10);\n    }\n\n    .pis-project-image {\n        position: relative;\n\n        overflow: hidden;\n\n        aspect-ratio: 1.18 \/ 1;\n    }\n\n    .pis-project-image img {\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n\n        transition: transform .5s ease;\n    }\n\n    .pis-project:hover .pis-project-image img {\n        transform: scale(1.05);\n    }\n\n    .pis-number {\n        position: absolute;\n\n        top: 8px;\n        left: 12px;\n\n        color: var(--pis-accent);\n\n        font-family:\n            \"Arial Narrow\",\n            \"Roboto Condensed\",\n            Arial,\n            sans-serif;\n\n        font-size: 48px;\n        line-height: 1;\n\n        font-weight: 900;\n        letter-spacing: -.08em;\n    }\n\n    .pis-project-content {\n        position: relative;\n\n        min-height: 110px;\n\n        padding: 14px 40px 15px 13px;\n    }\n\n    .pis-project-content h3 {\n        margin: 0 0 5px;\n\n        font-family:\n            \"Arial Narrow\",\n            \"Roboto Condensed\",\n            Arial,\n            sans-serif;\n\n        font-size: 16px;\n        line-height: 1;\n\n        font-weight: 900;\n\n        text-transform: uppercase;\n    }\n\n    .pis-project-content p {\n        margin: 0;\n\n        font-size: 10px;\n        line-height: 1.45;\n    }\n\n    .pis-project-arrow {\n        position: absolute;\n\n        right: 10px;\n        bottom: 11px;\n\n        width: 20px;\n        height: 20px;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        border: 1px solid var(--pis-accent);\n        border-radius: 50%;\n\n        color: var(--pis-accent);\n\n        font-size: 13px;\n\n        transition: all .25s ease;\n    }\n\n    .pis-project:hover .pis-project-arrow {\n        background: var(--pis-accent);\n        color: #111111;\n    }\n\n\n    \/* =====================================================\n       PROCESO\n       ===================================================== *\/\n\n    .pis-process {\n        padding-top: 40px;\n        padding-bottom: 65px;\n    }\n\n    .pis-process-layout {\n        display: grid;\n\n        grid-template-columns: 150px 1fr;\n\n        gap: 45px;\n    }\n\n    .pis-process-list {\n        display: grid;\n\n        grid-template-columns: repeat(3, 1fr);\n\n        gap: 55px;\n    }\n\n    .pis-process-item {\n        position: relative;\n    }\n\n    .pis-process-number {\n        margin-bottom: 12px;\n\n        font-family:\n            \"Arial Narrow\",\n            \"Roboto Condensed\",\n            Arial,\n            sans-serif;\n\n        font-size: clamp(90px, 8vw, 145px);\n\n        line-height: .72;\n\n        font-weight: 900;\n        letter-spacing: -.09em;\n\n        color: #171715;\n    }\n\n    .pis-process-item:not(:last-child):after {\n        content: \"\u2192\";\n\n        position: absolute;\n\n        top: 58px;\n        right: -40px;\n\n        color: var(--pis-accent);\n\n        font-size: 40px;\n        font-weight: 300;\n    }\n\n    .pis-process-item h3 {\n        margin: 0 0 6px;\n\n        font-family:\n            \"Arial Narrow\",\n            \"Roboto Condensed\",\n            Arial,\n            sans-serif;\n\n        font-size: 14px;\n        font-weight: 900;\n\n        text-transform: uppercase;\n    }\n\n    .pis-process-item p {\n        max-width: 240px;\n\n        margin: 0;\n\n        font-size: 10px;\n        line-height: 1.5;\n    }\n\n\n    \/* =====================================================\n       TABLET\n       ===================================================== *\/\n\n    @media (max-width: 1000px) {\n\n        .pis-wrap {\n            width: calc(100% - 45px);\n        }\n\n        .pis-hero-inner {\n            gap: 25px;\n        }\n\n        .pis-hero-text {\n            padding-left: 15px;\n        }\n\n        .pis-hero h1 {\n            font-size: clamp(55px, 8vw, 90px);\n        }\n\n        .pis-hero-visual {\n            min-height: 450px;\n        }\n\n        .pis-project-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .pis-process-layout {\n            grid-template-columns: 1fr;\n        }\n\n    }\n\n\n    \/* =====================================================\n       M\u00d3VIL\n       ===================================================== *\/\n\n    @media (max-width: 680px) {\n\n        .pis-wrap {\n            width: calc(100% - 30px);\n        }\n\n        .pis-hero {\n            padding-top: 30px;\n            padding-bottom: 45px;\n        }\n\n        .pis-hero-inner {\n            grid-template-columns: 1fr;\n            gap: 35px;\n        }\n\n        .pis-hero-text {\n            padding-left: 0;\n        }\n\n        .pis-hero h1 {\n            margin-top: 20px;\n\n            font-size: clamp(55px, 17vw, 82px);\n        }\n\n        .pis-hero-description {\n            font-size: 13px;\n        }\n\n        .pis-hero-visual {\n            min-height: 360px;\n        }\n\n        .pis-round {\n            width: 82px;\n            height: 82px;\n\n            right: 0;\n            bottom: 10px;\n\n            font-size: 7px;\n        }\n\n\n        .pis-featured-box {\n            grid-template-columns: 1fr;\n        }\n\n        .pis-featured-info {\n            min-height: 220px;\n        }\n\n        .pis-featured-image {\n            min-height: 240px;\n        }\n\n        .pis-featured-image img {\n            min-height: 240px;\n        }\n\n\n        .pis-projects-head {\n            display: block;\n        }\n\n        .pis-projects-head .pis-button {\n            margin-top: 18px;\n        }\n\n        .pis-project-grid {\n            grid-template-columns: 1fr;\n            gap: 18px;\n        }\n\n\n        .pis-process-layout {\n            display: block;\n        }\n\n        .pis-process-list {\n            grid-template-columns: 1fr;\n            gap: 60px;\n\n            margin-top: 35px;\n        }\n\n        .pis-process-item:not(:last-child):after {\n            content: \"\u2193\";\n\n            top: auto;\n            right: 50%;\n            bottom: -50px;\n\n            transform: translateX(50%);\n        }\n\n        .pis-process-number {\n            font-size: 105px;\n        }\n\n    }\n\n    <\/style>\n\n\n    <!-- =====================================================\n         CONTENEDOR PRINCIPAL\n         ===================================================== -->\n\n    <div class=\"pis-branding\" id=\"pis-branding\">\n\n        <!-- =================================================\n             HERO\n             ================================================= -->\n\n        <section class=\"pis-hero\">\n\n            <div class=\"pis-wrap\">\n\n                <div class=\"pis-hero-inner\">\n\n                    <div class=\"pis-hero-text\">\n\n                        <div class=\"pis-label\">\n                            Estrategia \u00b7 Identidad \u00b7 Aplicaciones\n                        <\/div>\n\n                        <h1 class=\"pis-title\">\n                            Branding<br>\n                            Identidades<br>\n                            Con car\u00e1cter\n                        <\/h1>\n\n                        <p class=\"pis-hero-description\">\n                            Creamos marcas memorables desde la estrategia\n                            hasta cada punto de contacto.\n                        <\/p>\n\n                        <a\n                            href=\"#pis-proyectos\"\n                            class=\"pis-button\"\n                        >\n                            <span>Ver proyectos<\/span>\n                            <span class=\"pis-button-arrow\">\u2192<\/span>\n                        <\/a>\n\n                    <\/div>\n\n\n                    <div class=\"pis-hero-visual\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/midori_corporate_social-scaled.png\"\n                            alt=\"Midori Coffee & Matcha\"\n                            loading=\"eager\"\n                        >\n\n                        <div class=\"pis-round\">\n                            Dise\u00f1o<br>\n                            con intenci\u00f3n<br>\n                            marcas que<br>\n                            perduran\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n        <!-- =================================================\n             CASO DESTACADO\n             ================================================= -->\n\n        <section class=\"pis-featured\">\n\n            <div class=\"pis-wrap\">\n\n                <div class=\"pis-featured-box\">\n\n                    <div class=\"pis-featured-info\">\n\n                        <div class=\"pis-small\">\n                            Caso destacado\n                        <\/div>\n\n                        <h2>\n                            MIDORI\n                        <\/h2>\n\n                        <div class=\"pis-featured-subtitle\">\n                            Coffee & Matcha\n                        <\/div>\n\n                        <p>\n                            Identidad completa, desde la esencia\n                            hasta cada aplicaci\u00f3n.\n                        <\/p>\n\n                        <a\n                            href=\"#pis-proyectos\"\n                            class=\"pis-featured-link\"\n                        >\n                            Ver caso completo&nbsp;&nbsp; \u2192\n                        <\/a>\n\n                    <\/div>\n\n\n                    <div class=\"pis-featured-image\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/midori_corporate_social-scaled.png\"\n                            alt=\"Midori Coffee & Matcha\"\n                            loading=\"lazy\"\n                        >\n\n                        <div class=\"pis-new\">\n                            Nuevo<br>\n                            proyecto<br>\n                            \u2726\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n        <!-- =================================================\n             PROYECTOS SELECCIONADOS\n             ================================================= -->\n\n        <section\n            class=\"pis-projects\"\n            id=\"pis-proyectos\"\n        >\n\n            <div class=\"pis-wrap\">\n\n                <div class=\"pis-projects-head\">\n\n                    <h2 class=\"pis-section-title\">\n                        Proyectos\n                        <span>Seleccionados<\/span>\n                    <\/h2>\n\n                    <a\n                        href=\"#pis-proyectos\"\n                        class=\"pis-button\"\n                    >\n                        <span>Ver todos los proyectos<\/span>\n                        <span class=\"pis-button-arrow\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"pis-project-grid\">\n\n\n                    <!-- ================================\n                         PROYECTO 01 - NOORE\n                         ================================ -->\n\n                    <article class=\"pis-project\">\n\n                        <div class=\"pis-project-image\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/noore_cinematic_19_full_collection-1.png\"\n                                alt=\"N\u00f3ore\"\n                                loading=\"lazy\"\n                            >\n\n                            <div class=\"pis-number\">\n                                01\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"pis-project-content\">\n\n                            <h3>\n                                N\u00f3ore\n                            <\/h3>\n\n                            <p>\n                                Identidad para marca de moda\n                                con est\u00e9tica minimalista\n                                y atemporal.\n                            <\/p>\n\n                            <span class=\"pis-project-arrow\">\n                                \u2192\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- ================================\n                         PROYECTO 02 - LITTLE WHALE\n                         ================================ -->\n\n                    <article class=\"pis-project\">\n\n                        <div class=\"pis-project-image\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/5e322e224246047.6807ce50d2e64-scaled.png\"\n                                alt=\"Little Whale\"\n                                loading=\"lazy\"\n                            >\n\n                            <div class=\"pis-number\">\n                                02\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"pis-project-content\">\n\n                            <h3>\n                                Little Whale\n                            <\/h3>\n\n                            <p>\n                                Identidad l\u00fadica y amigable\n                                para productos infantiles.\n                            <\/p>\n\n                            <span class=\"pis-project-arrow\">\n                                \u2192\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- ================================\n                         PROYECTO 03 - THE URBAN COOKIE\n                         ================================ -->\n\n                    <article class=\"pis-project\">\n\n                        <div class=\"pis-project-image\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/rshrt.png\"\n                                alt=\"The Urban Cookie\"\n                                loading=\"lazy\"\n                            >\n\n                            <div class=\"pis-number\">\n                                03\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"pis-project-content\">\n\n                            <h3>\n                                The Urban Cookie\n                            <\/h3>\n\n                            <p>\n                                Branding y packaging para\n                                una marca de galletas artesanales.\n                            <\/p>\n\n                            <span class=\"pis-project-arrow\">\n                                \u2192\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- ================================\n                         PROYECTO 04 - LATTEA\n                         ================================ -->\n\n                    <article class=\"pis-project\">\n\n                        <div class=\"pis-project-image\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Cylinder-Container-Mockup-scaled.png\"\n                                alt=\"Lattea\"\n                                loading=\"lazy\"\n                            >\n\n                            <div class=\"pis-number\">\n                                04\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"pis-project-content\">\n\n                            <h3>\n                                Lattea\n                            <\/h3>\n\n                            <p>\n                                Identidad y packaging para\n                                una marca contempor\u00e1nea.\n                            <\/p>\n\n                            <span class=\"pis-project-arrow\">\n                                \u2192\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n        <!-- =================================================\n             PROCESO\n             ================================================= -->\n\n        <section class=\"pis-process\">\n\n            <div class=\"pis-wrap\">\n\n                <div class=\"pis-process-layout\">\n\n\n                    <div>\n\n                        <h2 class=\"pis-section-title\">\n                            Nuestro\n                            <span>Proceso<\/span>\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"pis-process-list\">\n\n\n                        <!-- 01 -->\n\n                        <div class=\"pis-process-item\">\n\n                            <div class=\"pis-process-number\">\n                                01\n                            <\/div>\n\n                            <h3>\n                                Estrategia\n                            <\/h3>\n\n                            <p>\n                                Investigamos tu marca, tu audiencia\n                                y el contexto para definir un rumbo claro.\n                            <\/p>\n\n                        <\/div>\n\n\n                        <!-- 02 -->\n\n                        <div class=\"pis-process-item\">\n\n                            <div class=\"pis-process-number\">\n                                02\n                            <\/div>\n\n                            <h3>\n                                Identidad\n                            <\/h3>\n\n                            <p>\n                                Creamos la esencia visual: nombre,\n                                s\u00edmbolo, logotipo, color y tipograf\u00eda.\n                            <\/p>\n\n                        <\/div>\n\n\n                        <!-- 03 -->\n\n                        <div class=\"pis-process-item\">\n\n                            <div class=\"pis-process-number\">\n                                03\n                            <\/div>\n\n                            <h3>\n                                Aplicaciones\n                            <\/h3>\n\n                            <p>\n                                Llevamos la identidad a todos los\n                                puntos de contacto con coherencia y detalle.\n                            <\/p>\n\n                        <\/div>\n\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n    <\/div>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b1c7bbd elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"3b1c7bbd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c25a00\" data-id=\"9c25a00\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aed5be4 elementor-widget elementor-widget-shortcode\" data-id=\"aed5be4\" 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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\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-215","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>BRANDING -<\/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=215\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BRANDING -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/patriciaibanezstudio.com\/?page_id=215\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T09:28:30+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=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215\",\"url\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215\",\"name\":\"BRANDING -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Homepage-400_380.jpg\",\"datePublished\":\"2025-12-04T15:42:35+00:00\",\"dateModified\":\"2026-09-03T09:28:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/?page_id=215#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=215#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BRANDING\"}]},{\"@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":"BRANDING -","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=215","og_locale":"es_ES","og_type":"article","og_title":"BRANDING -","og_url":"https:\/\/patriciaibanezstudio.com\/?page_id=215","article_modified_time":"2026-09-03T09:28:30+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":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/patriciaibanezstudio.com\/?page_id=215","url":"https:\/\/patriciaibanezstudio.com\/?page_id=215","name":"BRANDING -","isPartOf":{"@id":"https:\/\/patriciaibanezstudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/patriciaibanezstudio.com\/?page_id=215#primaryimage"},"image":{"@id":"https:\/\/patriciaibanezstudio.com\/?page_id=215#primaryimage"},"thumbnailUrl":"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg","datePublished":"2025-12-04T15:42:35+00:00","dateModified":"2026-09-03T09:28:30+00:00","breadcrumb":{"@id":"https:\/\/patriciaibanezstudio.com\/?page_id=215#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/patriciaibanezstudio.com\/?page_id=215"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/patriciaibanezstudio.com\/?page_id=215#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=215#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/patriciaibanezstudio.com\/"},{"@type":"ListItem","position":2,"name":"BRANDING"}]},{"@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\/215","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=215"}],"version-history":[{"count":65,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":892,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/215\/revisions\/892"}],"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=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}