{"id":51,"date":"2025-12-04T10:30:14","date_gmt":"2025-12-04T09:30:14","guid":{"rendered":"https:\/\/patriciaibanezstudio.com\/?page_id=51"},"modified":"2026-09-03T15:35:07","modified_gmt":"2026-09-03T13:35:07","slug":"home","status":"publish","type":"page","link":"https:\/\/patriciaibanezstudio.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\">\n\t\t\t\t<div class=\"elementor-element elementor-element-093ad86 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=\"093ad86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e27e10a elementor-widget elementor-widget-shortcode\" data-id=\"e27e10a\" 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-interactive-container {\n            --bg-color: #000000;       \/* Fondo Negro *\/\n            --text-light: #FFFFFF;     \/* Texto Blanco *\/\n            --accent-studio: #675753;  \/* Tono de acento al pasar el cursor *\/\n            --font-title: \"Impact\", \"Arial Black\", sans-serif;\n            --font-sub: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n            \n            position: relative;\n            width: 100%;\n            min-height: 85vh;\n            background-color: var(--bg-color);\n            color: var(--text-light);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            padding: 40px 20px;\n            box-sizing: border-box;\n            cursor: pointer;\n            user-select: none;\n        }\n        .paib-text-wrapper { \n            position: relative; \n            z-index: 10; \n            text-align: center; \n        }\n        .paib-title-main {\n            font-family: var(--font-title);\n            font-size: clamp(60px, 12vw, 170px);\n            line-height: 0.85;\n            text-transform: uppercase;\n            letter-spacing: -2px;\n            margin: 0;\n            color: var(--text-light);\n            transition: color 0.3s ease;\n        }\n        .paib-interactive-container:hover .paib-title-main { \n            color: var(--accent-studio); \n        }\n        .paib-subtitle-main {\n            font-family: var(--font-sub);\n            font-size: clamp(14px, 2vw, 24px);\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 6px;\n            margin-top: 25px;\n            color: var(--text-light);\n            opacity: 0.9;\n        }\n        .paib-hint {\n            position: absolute;\n            bottom: 30px;\n            font-family: var(--font-sub);\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--text-light);\n            opacity: 0.5;\n            pointer-events: none;\n            z-index: 10;\n        }\n        .paib-trail-image {\n            position: absolute;\n            top: 0; left: 0;\n            width: clamp(220px, 22vw, 360px);\n            height: clamp(280px, 28vw, 450px);\n            object-fit: cover;\n            border-radius: 4px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\n            pointer-events: none;\n            z-index: 5;\n            opacity: 0;\n            transform: translate(-50%, -50%) scale(0.5) rotate(0deg);\n            will-change: transform, opacity;\n            transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n        .paib-trail-image.active {\n            opacity: 1;\n            transform: translate(-50%, -50%) scale(1) rotate(var(--rot, 0deg));\n        }\n        .paib-trail-image.fade-out {\n            opacity: 0;\n            transform: translate(-50%, -50%) scale(0.8) rotate(var(--rot, 0deg));\n        }\n        @media (max-width: 768px) {\n            .paib-interactive-container { min-height: 60vh; }\n            .paib-subtitle-main { letter-spacing: 3px; }\n        }\n    <\/style>\n\n    <div class=\"paib-interactive-container\" id=\"paibInteractiveContainer\">\n        <div class=\"paib-text-wrapper\">\n            <h1 class=\"paib-title-main\">PAIB STUDIO<\/h1>\n            <div class=\"paib-subtitle-main\">ESTUDIO DE DISE\u00d1O GR\u00c1FICO<\/div>\n        <\/div>\n        <div class=\"paib-hint\">Mueve el cursor para interactuar<\/div>\n        <img decoding=\"async\" class=\"paib-trail-image\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/555-scaled.jpg\" alt=\"PAIB 1\">\n        <img decoding=\"async\" class=\"paib-trail-image\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/ballena-2-scaled.jpg\" alt=\"PAIB 2\">\n        <img decoding=\"async\" class=\"paib-trail-image\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Book-Inner-Pages-Mockup-scaled.png\" alt=\"PAIB 3\">\n        <img decoding=\"async\" class=\"paib-trail-image\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/01\/vinilo-3-scaled.jpg\" alt=\"PAIB 4\">\n        <img decoding=\"async\" class=\"paib-trail-image\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/MOCKUP-PAPELERIA-NOORE-scaled.png\" alt=\"PAIB 5\">\n        <img decoding=\"async\" class=\"paib-trail-image\" src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Sin-titulo-3-scaled.jpg\" alt=\"PAIB 6\">\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const container = document.getElementById(\"paibInteractiveContainer\");\n        if (!container) return;\n        const images = container.querySelectorAll(\".paib-trail-image\");\n        let currentIndex = 0;\n        let lastX = 0, lastY = 0;\n        const distanceThreshold = 80;\n\n        container.addEventListener(\"mousemove\", function(e) {\n            const rect = container.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n            const dist = Math.hypot(x - lastX, y - lastY);\n\n            if (dist > distanceThreshold) {\n                lastX = x;\n                lastY = y;\n                const img = images[currentIndex];\n                const randomRotation = (Math.random() * 24 - 12).toFixed(2);\n\n                img.style.left = x + \"px\";\n                img.style.top = y + \"px\";\n                img.style.setProperty(\"--rot\", randomRotation + \"deg\");\n\n                img.classList.remove(\"active\", \"fade-out\");\n                void img.offsetWidth;\n                img.classList.add(\"active\");\n\n                setTimeout(() => {\n                    img.classList.add(\"fade-out\");\n                    img.classList.remove(\"active\");\n                }, 800);\n\n                currentIndex = (currentIndex + 1) % images.length;\n            }\n        });\n    });\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b138673 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=\"b138673\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc34acc elementor-widget elementor-widget-shortcode\" data-id=\"fc34acc\" 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    <section class=\"pib-branding\">\n\n        <!-- ==========================================\n             HERO\n        =========================================== -->\n\n        <div class=\"pib-hero\">\n\n            <div class=\"pib-hero-grid\">\n\n                <div class=\"pib-hero-title\">\n                    <span>MARCAS<\/span>\n                    <span>QUE SE<\/span>\n                    <span>HACEN VER<\/span>\n                <\/div>\n\n                <div class=\"pib-hero-content\">\n\n                    <div class=\"pib-pill\">\n                        <span>ESTRATEGIA<\/span>\n                        <span>IDENTIDAD<\/span>\n                        <span>APLICACIONES<\/span>\n                    <\/div>\n\n                    <div class=\"pib-star pib-star-hero\">\n                        \u2726\n                    <\/div>\n\n                    <p>\n                        Creo sistemas de marca diferenciadores,\n                        con prop\u00f3sito y preparados para crecer.\n                    <\/p>\n\n                    <p>\n                        Del concepto a cada punto de contacto.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"pib-line\"><\/div>\n\n            <div class=\"pib-cross pib-cross-one\"><\/div>\n            <div class=\"pib-cross pib-cross-two\"><\/div>\n\n        <\/div>\n\n\n        <!-- ==========================================\n             PROYECTO DESTACADO\n        =========================================== -->\n\n        <div class=\"pib-featured\">\n\n            <div class=\"pib-featured-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/cookie-1.png\"\n                    alt=\"The Urban Cookie - Branding\"\n                    loading=\"lazy\"\n                >\n\n                <div class=\"pib-featured-overlay\">\n\n                    <div class=\"pib-project-label\">\n                        CASO DESTACADO\n                    <\/div>\n\n                    <div class=\"pib-mini-line\"><\/div>\n\n                    <h2>\n                        THE URBAN<br>\n                        COOKIE\n                    <\/h2>\n\n                    <div class=\"pib-tags\">\n                        <span>IDENTIDAD VISUAL<\/span>\n                        <span>PACKAGING<\/span>\n                    <\/div>\n\n                    <p>\n                        Desarrollo de identidad visual,\n                        direcci\u00f3n art\u00edstica y universo gr\u00e1fico\n                        para una marca contempor\u00e1nea.\n                    <\/p>\n\n                    <a\n                        href=\"#\"\n                        class=\"pib-project-link\"\n                    >\n                        VER PROYECTO\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"pib-new\">\n                    NUEVO<br>\n                    PROYECTO\n                    <small>\u2726<\/small>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ==========================================\n             GRID DE PROYECTOS\n        =========================================== -->\n\n        <div class=\"pib-projects-grid\">\n\n\n            <!-- PROYECTO 02 -->\n\n            <article class=\"pib-card\">\n\n                <div class=\"pib-card-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/feqg-scaled.jpg\"\n                        alt=\"Proyecto editorial\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"pib-number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"pib-card-body\">\n\n                    <h3>\n                        PROYECTO<br>\n                        EDITORIAL\n                    <\/h3>\n\n                    <div class=\"pib-tags\">\n\n                        <span>\n                            EDITORIAL\n                        <\/span>\n\n                        <span>\n                            IMPRESO\n                        <\/span>\n\n                    <\/div>\n\n                    <p>\n                        Dise\u00f1o editorial y direcci\u00f3n gr\u00e1fica\n                        para una publicaci\u00f3n con personalidad.\n                    <\/p>\n\n                    <a\n                        href=\"#\"\n                        class=\"pib-arrow\"\n                    >\n                        \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PROYECTO 03 -->\n\n            <article class=\"pib-card\">\n\n                <div class=\"pib-card-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/Mockup-scaled.png\"\n                        alt=\"Proyecto NOORE\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"pib-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"pib-card-body\">\n\n                    <h3>\n                        NOORE\n                    <\/h3>\n\n                    <div class=\"pib-tags\">\n\n                        <span>\n                            IDENTIDAD\n                        <\/span>\n\n                        <span>\n                            APLICACIONES\n                        <\/span>\n\n                    <\/div>\n\n                    <p>\n                        Sistema visual y aplicaciones\n                        desarrollado para una marca contempor\u00e1nea.\n                    <\/p>\n\n                    <a\n                        href=\"#\"\n                        class=\"pib-arrow\"\n                    >\n                        \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PROYECTO 04 -->\n\n            <article class=\"pib-card\">\n\n                <div class=\"pib-card-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/ballena-6-1-scaled.jpg\"\n                        alt=\"Little Whale - Packaging\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"pib-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"pib-card-body\">\n\n                    <h3>\n                        LITTLE<br>\n                        WHALE\n                    <\/h3>\n\n                    <div class=\"pib-tags\">\n\n                        <span>\n                            PACKAGING\n                        <\/span>\n\n                        <span>\n                            DIRECCI\u00d3N DE ARTE\n                        <\/span>\n\n                    <\/div>\n\n                    <p>\n                        Packaging y direcci\u00f3n de arte\n                        para una identidad delicada y reconocible.\n                    <\/p>\n\n                    <a\n                        href=\"#\"\n                        class=\"pib-arrow\"\n                    >\n                        \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- ==========================================\n             NUESTRO PROCESO\n        =========================================== -->\n\n        <div class=\"pib-process\">\n\n            <div class=\"pib-process-intro\">\n\n                <span class=\"pib-section-label\">\n                    M\u00c9TODO\n                <\/span>\n\n                <h2>\n                    NUESTRO<br>\n                    PROCESO\n                <\/h2>\n\n                <p>\n                    M\u00e9todo claro.<br>\n                    Marcas con sentido.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- PASO 01 -->\n\n            <div class=\"pib-process-step\">\n\n                <span class=\"pib-step-number\">\n                    01\n                <\/span>\n\n                <h3>\n                    ESTRATEGIA\n                <\/h3>\n\n                <p>\n                    Investigamos tu contexto, tu audiencia\n                    y tu diferencial para construir una\n                    base s\u00f3lida.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pib-process-divider\"><\/div>\n\n\n            <!-- PASO 02 -->\n\n            <div class=\"pib-process-step\">\n\n                <span class=\"pib-step-number\">\n                    02\n                <\/span>\n\n                <h3>\n                    IDENTIDAD\n                <\/h3>\n\n                <p>\n                    Dise\u00f1amos sistemas visuales coherentes,\n                    memorables y llenos de intenci\u00f3n.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pib-process-divider\"><\/div>\n\n\n            <!-- PASO 03 -->\n\n            <div class=\"pib-process-step\">\n\n                <span class=\"pib-step-number\">\n                    03\n                <\/span>\n\n                <h3>\n                    APLICACIONES\n                <\/h3>\n\n                <p>\n                    Llevamos tu marca a todos los puntos\n                    de contacto con precisi\u00f3n y consistencia.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/section>\n\n\n    <style>\n\n    \/* =====================================================\n       VARIABLES\n    ===================================================== *\/\n\n    .pib-branding {\n\n        --pib-bg: #F3F0EA;\n        --pib-paper: #E9E3D9;\n\n        --pib-primary: #5B383C;\n        --pib-primary-dark: #42282C;\n        --pib-secondary: #B56D67;\n\n        --pib-text: #111111;\n        --pib-white: #FFFFFF;\n\n        --pib-border: rgba(17,17,17,.22);\n\n        width: 100vw;\n        max-width: none;\n\n        margin-left:\n            calc(50% - 50vw);\n\n        margin-right:\n            calc(50% - 50vw);\n\n        color:\n            var(--pib-text);\n\n        background:\n            var(--pib-bg);\n\n        font-family:\n            Arial,\n            Helvetica,\n            sans-serif;\n\n        overflow:\n            hidden;\n\n        box-sizing:\n            border-box;\n    }\n\n\n    .pib-branding *,\n    .pib-branding *::before,\n    .pib-branding *::after {\n\n        box-sizing:\n            border-box;\n    }\n\n\n    \/* =====================================================\n       HERO\n    ===================================================== *\/\n\n    .pib-hero {\n\n        position:\n            relative;\n\n        width:\n            100%;\n\n        min-height:\n            620px;\n\n        padding:\n            65px\n            7vw\n            85px;\n\n        background:\n            var(--pib-primary);\n\n        color:\n            var(--pib-white);\n\n        overflow:\n            hidden;\n    }\n\n\n    .pib-hero-grid {\n\n        position:\n            relative;\n\n        z-index:\n            2;\n\n        display:\n            grid;\n\n        grid-template-columns:\n            minmax(0, 1.15fr)\n            minmax(320px, .65fr);\n\n        gap:\n            7vw;\n\n        align-items:\n            center;\n\n        min-height:\n            470px;\n\n        max-width:\n            1550px;\n\n        margin:\n            0 auto;\n    }\n\n\n    \/* =====================================================\n       TITULAR PRINCIPAL\n       \n       MISMA L\u00cdNEA TIPOGR\u00c1FICA QUE\n       \"DISE\u00d1O CON CAR\u00c1CTER\"\n       \n       Se utiliza una serif elegante con contraste,\n       m\u00e1s ligera y sofisticada que Impact.\n    ===================================================== *\/\n\n    .pib-hero-title {\n\n        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;\n\n        font-weight:\n            500;\n\n        font-style:\n            normal;\n\n        text-transform:\n            uppercase;\n\n        line-height:\n            .82;\n\n        letter-spacing:\n            -3px;\n\n        font-size:\n            clamp(\n                78px,\n                9.7vw,\n                158px\n            );\n\n        color:\n            #FFFFFF;\n    }\n\n\n    .pib-hero-title span {\n\n        display:\n            block;\n    }\n\n\n    \/* =====================================================\n       CONTENIDO HERO\n    ===================================================== *\/\n\n    .pib-hero-content {\n\n        position:\n            relative;\n\n        max-width:\n            380px;\n\n        padding-top:\n            15px;\n    }\n\n\n    .pib-pill {\n\n        width:\n            fit-content;\n\n        min-width:\n            190px;\n\n        padding:\n            17px\n            28px;\n\n        border:\n            1px solid\n            rgba(255,255,255,.75);\n\n        border-radius:\n            100px;\n\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        align-items:\n            center;\n\n        justify-content:\n            center;\n\n        font-size:\n            11px;\n\n        font-weight:\n            700;\n\n        letter-spacing:\n            3px;\n\n        line-height:\n            1.55;\n\n        margin-bottom:\n            70px;\n    }\n\n\n    .pib-star {\n\n        color:\n            #E9E3D9;\n\n        line-height:\n            1;\n    }\n\n\n    .pib-star-hero {\n\n        position:\n            absolute;\n\n        right:\n            0;\n\n        top:\n            70px;\n\n        font-size:\n            70px;\n\n        transform:\n            rotate(12deg);\n    }\n\n\n    .pib-hero-content p {\n\n        max-width:\n            330px;\n\n        margin:\n            0\n            0\n            25px;\n\n        font-size:\n            15px;\n\n        line-height:\n            1.65;\n\n        color:\n            rgba(255,255,255,.92);\n    }\n\n\n    \/* =====================================================\n       L\u00cdNEA DECORATIVA\n    ===================================================== *\/\n\n    .pib-line {\n\n        position:\n            absolute;\n\n        z-index:\n            1;\n\n        left:\n            28%;\n\n        right:\n            -4%;\n\n        bottom:\n            65px;\n\n        height:\n            1px;\n\n        background:\n            rgba(255,255,255,.55);\n\n        transform:\n            rotate(-9deg);\n    }\n\n\n    \/* =====================================================\n       CRUCES\n    ===================================================== *\/\n\n    .pib-cross {\n\n        position:\n            absolute;\n\n        width:\n            30px;\n\n        height:\n            30px;\n\n        border:\n            1px solid\n            rgba(255,255,255,.7);\n\n        border-radius:\n            50%;\n\n        z-index:\n            3;\n    }\n\n\n    .pib-cross::before,\n    .pib-cross::after {\n\n        content:\n            \"\";\n\n        position:\n            absolute;\n\n        background:\n            rgba(255,255,255,.7);\n    }\n\n\n    .pib-cross::before {\n\n        width:\n            42px;\n\n        height:\n            1px;\n\n        left:\n            -7px;\n\n        top:\n            14px;\n    }\n\n\n    .pib-cross::after {\n\n        width:\n            1px;\n\n        height:\n            42px;\n\n        top:\n            -7px;\n\n        left:\n            14px;\n    }\n\n\n    .pib-cross-one {\n\n        right:\n            4vw;\n\n        bottom:\n            45px;\n    }\n\n\n    .pib-cross-two {\n\n        left:\n            4vw;\n\n        top:\n            35px;\n\n        transform:\n            scale(.75);\n    }\n\n\n    \/* =====================================================\n       PROYECTO DESTACADO\n    ===================================================== *\/\n\n    .pib-featured {\n\n        width:\n            100%;\n\n        padding:\n            30px\n            5vw\n            22px;\n\n        background:\n            var(--pib-bg);\n    }\n\n\n    .pib-featured-image {\n\n        position:\n            relative;\n\n        width:\n            100%;\n\n        min-height:\n            500px;\n\n        overflow:\n            hidden;\n\n        border-radius:\n            18px;\n\n        background:\n            #222;\n    }\n\n\n    .pib-featured-image img {\n\n        position:\n            absolute;\n\n        inset:\n            0;\n\n        width:\n            100%;\n\n        height:\n            100%;\n\n        object-fit:\n            cover;\n\n        transition:\n            transform\n            .8s\n            cubic-bezier(.2,.7,.2,1);\n    }\n\n\n    .pib-featured-image:hover img {\n\n        transform:\n            scale(1.035);\n    }\n\n\n    .pib-featured-overlay {\n\n        position:\n            relative;\n\n        z-index:\n            2;\n\n        width:\n            50%;\n\n        min-height:\n            500px;\n\n        padding:\n            65px\n            5vw;\n\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        justify-content:\n            center;\n\n        color:\n            #fff;\n\n        background:\n            linear-gradient(\n                90deg,\n                rgba(0,0,0,.78),\n                rgba(0,0,0,.28),\n                transparent\n            );\n    }\n\n\n    .pib-project-label {\n\n        font-size:\n            11px;\n\n        font-weight:\n            700;\n\n        letter-spacing:\n            1px;\n\n        margin-bottom:\n            13px;\n    }\n\n\n    .pib-mini-line {\n\n        width:\n            40px;\n\n        height:\n            2px;\n\n        background:\n            var(--pib-secondary);\n\n        margin-bottom:\n            18px;\n    }\n\n\n    .pib-featured-overlay h2 {\n\n        margin:\n            0\n            0\n            20px;\n\n        font-family:\n            \"Cormorant Garamond\",\n            \"Bodoni 72\",\n            \"Didot\",\n            \"Times New Roman\",\n            serif;\n\n        font-weight:\n            600;\n\n        font-size:\n            clamp(\n                48px,\n                5vw,\n                78px\n            );\n\n        line-height:\n            .88;\n\n        letter-spacing:\n            -1.5px;\n    }\n\n\n    .pib-featured-overlay p {\n\n        max-width:\n            360px;\n\n        margin:\n            15px\n            0\n            25px;\n\n        font-size:\n            14px;\n\n        line-height:\n            1.6;\n    }\n\n\n    \/* =====================================================\n       TAGS\n    ===================================================== *\/\n\n    .pib-tags {\n\n        display:\n            flex;\n\n        flex-wrap:\n            wrap;\n\n        gap:\n            7px;\n    }\n\n\n    .pib-tags span {\n\n        border:\n            1px solid\n            currentColor;\n\n        border-radius:\n            50px;\n\n        padding:\n            6px\n            11px;\n\n        font-size:\n            9px;\n\n        font-weight:\n            700;\n\n        letter-spacing:\n            .5px;\n    }\n\n\n    \/* =====================================================\n       LINK\n    ===================================================== *\/\n\n    .pib-project-link {\n\n        display:\n            flex;\n\n        align-items:\n            center;\n\n        gap:\n            20px;\n\n        width:\n            fit-content;\n\n        margin-top:\n            10px;\n\n        padding-bottom:\n            7px;\n\n        border-bottom:\n            1px solid\n            rgba(255,255,255,.7);\n\n        color:\n            #fff;\n\n        text-decoration:\n            none;\n\n        font-size:\n            10px;\n\n        font-weight:\n            700;\n\n        letter-spacing:\n            1px;\n    }\n\n\n    .pib-project-link span {\n\n        font-size:\n            22px;\n\n        font-weight:\n            300;\n    }\n\n\n    \/* =====================================================\n       NUEVO PROYECTO\n    ===================================================== *\/\n\n    .pib-new {\n\n        position:\n            absolute;\n\n        z-index:\n            4;\n\n        top:\n            22px;\n\n        right:\n            22px;\n\n        width:\n            115px;\n\n        height:\n            115px;\n\n        border-radius:\n            50%;\n\n        display:\n            flex;\n\n        align-items:\n            center;\n\n        justify-content:\n            center;\n\n        flex-direction:\n            column;\n\n        text-align:\n            center;\n\n        background:\n            var(--pib-secondary);\n\n        color:\n            #fff;\n\n        font-family:\n            \"Cormorant Garamond\",\n            \"Bodoni 72\",\n            \"Didot\",\n            serif;\n\n        font-weight:\n            700;\n\n        font-size:\n            20px;\n\n        line-height:\n            .9;\n\n        transform:\n            rotate(6deg);\n    }\n\n\n    .pib-new small {\n\n        margin-top:\n            6px;\n\n        font-size:\n            14px;\n    }\n\n\n    \/* =====================================================\n       GRID DE PROYECTOS\n    ===================================================== *\/\n\n    .pib-projects-grid {\n\n        display:\n            grid;\n\n        grid-template-columns:\n            repeat(3, 1fr);\n\n        gap:\n            18px;\n\n        padding:\n            0\n            5vw;\n    }\n\n\n    .pib-card {\n\n        background:\n            rgba(255,255,255,.35);\n\n        border:\n            1px solid\n            var(--pib-border);\n\n        border-radius:\n            12px;\n\n        overflow:\n            hidden;\n\n        transition:\n            transform\n            .35s\n            ease,\n            box-shadow\n            .35s\n            ease;\n    }\n\n\n    .pib-card:hover {\n\n        transform:\n            translateY(-5px);\n\n        box-shadow:\n            0\n            15px\n            40px\n            rgba(0,0,0,.08);\n    }\n\n\n    .pib-card-image {\n\n        position:\n            relative;\n\n        height:\n            300px;\n\n        overflow:\n            hidden;\n    }\n\n\n    .pib-card-image img {\n\n        width:\n            100%;\n\n        height:\n            100%;\n\n        display:\n            block;\n\n        object-fit:\n            cover;\n\n        transition:\n            transform\n            .6s\n            ease;\n    }\n\n\n    .pib-card:hover img {\n\n        transform:\n            scale(1.045);\n    }\n\n\n    .pib-number {\n\n        position:\n            absolute;\n\n        bottom:\n            12px;\n\n        left:\n            12px;\n\n        width:\n            30px;\n\n        height:\n            30px;\n\n        border-radius:\n            50%;\n\n        background:\n            #111;\n\n        color:\n            #fff;\n\n        display:\n            flex;\n\n        align-items:\n            center;\n\n        justify-content:\n            center;\n\n        font-size:\n            10px;\n\n        font-weight:\n            700;\n    }\n\n\n    .pib-card-body {\n\n        position:\n            relative;\n\n        padding:\n            22px\n            22px\n            28px;\n    }\n\n\n    .pib-card-body h3 {\n\n        margin:\n            0\n            0\n            14px;\n\n        font-family:\n            \"Cormorant Garamond\",\n            \"Bodoni 72\",\n            \"Didot\",\n            \"Times New Roman\",\n            serif;\n\n        font-weight:\n            600;\n\n        font-size:\n            32px;\n\n        line-height:\n            .92;\n\n        letter-spacing:\n            -.5px;\n    }\n\n\n    .pib-card-body p {\n\n        max-width:\n            85%;\n\n        margin:\n            14px\n            0\n            5px;\n\n        font-size:\n            12px;\n\n        line-height:\n            1.5;\n    }\n\n\n    .pib-card-body .pib-tags {\n\n        color:\n            #111;\n    }\n\n\n    .pib-card-body .pib-tags span {\n\n        font-size:\n            8px;\n\n        padding:\n            5px\n            9px;\n    }\n\n\n    .pib-arrow {\n\n        position:\n            absolute;\n\n        right:\n            18px;\n\n        bottom:\n            23px;\n\n        color:\n            #111;\n\n        text-decoration:\n            none;\n\n        font-size:\n            28px;\n\n        line-height:\n            1;\n    }\n\n\n    \/* =====================================================\n       NUESTRO PROCESO\n    ===================================================== *\/\n\n    .pib-process {\n\n        display:\n            grid;\n\n        grid-template-columns:\n            1.1fr\n            1fr\n            auto\n            1fr\n            auto\n            1fr;\n\n        align-items:\n            center;\n\n        gap:\n            28px;\n\n        margin:\n            60px\n            5vw\n            55px;\n\n        padding:\n            0\n            10px;\n    }\n\n\n    .pib-process-intro h2 {\n\n        margin:\n            7px\n            0\n            12px;\n\n        font-family:\n            \"Cormorant Garamond\",\n            \"Bodoni 72\",\n            \"Didot\",\n            \"Times New Roman\",\n            serif;\n\n        font-weight:\n            600;\n\n        font-size:\n            48px;\n\n        line-height:\n            .88;\n\n        letter-spacing:\n            -.5px;\n    }\n\n\n    .pib-section-label {\n\n        font-size:\n            9px;\n\n        font-weight:\n            700;\n\n        letter-spacing:\n            2px;\n\n        opacity:\n            .65;\n    }\n\n\n    .pib-process-intro p {\n\n        margin:\n            0;\n\n        font-size:\n            13px;\n\n        line-height:\n            1.45;\n    }\n\n\n    .pib-process-step {\n\n        min-height:\n            140px;\n    }\n\n\n    .pib-step-number {\n\n        display:\n            block;\n\n        margin-bottom:\n            13px;\n\n        color:\n            var(--pib-primary);\n\n        font-size:\n            25px;\n\n        font-weight:\n            800;\n    }\n\n\n    .pib-process-step h3 {\n\n        margin:\n            0\n            0\n            8px;\n\n        font-size:\n            16px;\n\n        letter-spacing:\n            .2px;\n    }\n\n\n    .pib-process-step p {\n\n        margin:\n            0;\n\n        font-size:\n            11px;\n\n        line-height:\n            1.5;\n\n        max-width:\n            210px;\n    }\n\n\n    .pib-process-divider {\n\n        width:\n            1px;\n\n        height:\n            110px;\n\n        background:\n            rgba(0,0,0,.3);\n\n        transform:\n            rotate(15deg);\n    }\n\n\n    \/* =====================================================\n       TABLET\n    ===================================================== *\/\n\n    @media (max-width: 1000px) {\n\n        .pib-hero {\n\n            min-height:\n                auto;\n\n            padding:\n                55px\n                6vw\n                75px;\n        }\n\n\n        .pib-hero-grid {\n\n            grid-template-columns:\n                1fr;\n\n            gap:\n                50px;\n\n            min-height:\n                auto;\n        }\n\n\n        .pib-hero-content {\n\n            max-width:\n                500px;\n        }\n\n\n        .pib-pill {\n\n            margin-bottom:\n                40px;\n        }\n\n\n        .pib-featured-overlay {\n\n            width:\n                65%;\n        }\n\n\n        .pib-process {\n\n            grid-template-columns:\n                1fr\n                1fr;\n\n            gap:\n                35px;\n        }\n\n\n        .pib-process-divider {\n\n            display:\n                none;\n        }\n\n    }\n\n\n    \/* =====================================================\n       M\u00d3VIL\n    ===================================================== *\/\n\n    @media (max-width: 650px) {\n\n        .pib-branding {\n\n            width:\n                100vw;\n\n            margin-left:\n                calc(50% - 50vw);\n\n            margin-right:\n                calc(50% - 50vw);\n        }\n\n\n        .pib-hero {\n\n            padding:\n                45px\n                25px\n                65px;\n        }\n\n\n        .pib-hero-title {\n\n            font-size:\n                clamp(\n                    58px,\n                    18vw,\n                    100px\n                );\n\n            letter-spacing:\n                -1.5px;\n\n            line-height:\n                .86;\n        }\n\n\n        .pib-hero-grid {\n\n            gap:\n                40px;\n        }\n\n\n        .pib-hero-content {\n\n            padding-right:\n                15px;\n        }\n\n\n        .pib-star-hero {\n\n            top:\n                0;\n\n            right:\n                10px;\n\n            font-size:\n                55px;\n        }\n\n\n        .pib-featured {\n\n            padding:\n                18px\n                12px\n                15px;\n        }\n\n\n        .pib-featured-image {\n\n            min-height:\n                600px;\n\n            border-radius:\n                12px;\n        }\n\n\n        .pib-featured-overlay {\n\n            width:\n                100%;\n\n            min-height:\n                600px;\n\n            padding:\n                35px\n                28px;\n\n            justify-content:\n                flex-end;\n\n            background:\n                linear-gradient(\n                    0deg,\n                    rgba(0,0,0,.85),\n                    rgba(0,0,0,.12)\n                );\n        }\n\n\n        .pib-featured-overlay h2 {\n\n            font-size:\n                52px;\n        }\n\n\n        .pib-new {\n\n            width:\n                90px;\n\n            height:\n                90px;\n\n            font-size:\n                15px;\n\n            top:\n                15px;\n\n            right:\n                15px;\n        }\n\n\n        .pib-projects-grid {\n\n            grid-template-columns:\n                1fr;\n\n            padding:\n                0\n                12px;\n\n            gap:\n                15px;\n        }\n\n\n        .pib-card-image {\n\n            height:\n                270px;\n        }\n\n\n        .pib-process {\n\n            grid-template-columns:\n                1fr;\n\n            margin:\n                45px\n                25px\n                40px;\n\n            gap:\n                30px;\n        }\n\n\n        .pib-process-step {\n\n            min-height:\n                auto;\n        }\n\n\n        .pib-process-intro h2 {\n\n            font-size:\n                50px;\n        }\n\n\n        .pib-process-step p {\n\n            max-width:\n                280px;\n        }\n\n    }\n\n    <\/style>\n\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-2502764 e-flex e-con-boxed 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=\"2502764\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75ca851 elementor-widget elementor-widget-shortcode\" data-id=\"75ca851\" 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       VARIABLES CORPORATIVAS\n       ========================================================== *\/\n\n    .pis-services {\n\n        --pis-bg: #F5F2F0;\n        --pis-teja: #9E6752;\n        --pis-black: #111111;\n        --pis-white: #FFFFFF;\n        --pis-line: rgba(17,17,17,.22);\n\n        width: 100vw;\n        max-width: 100vw;\n\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n\n        background: var(--pis-bg);\n        color: var(--pis-black);\n\n        overflow: hidden;\n\n        font-family:\n            Arial,\n            Helvetica,\n            sans-serif;\n\n    }\n\n\n    .pis-services *,\n    .pis-services *::before,\n    .pis-services *::after {\n\n        box-sizing: border-box;\n\n    }\n\n\n    \/* ==========================================================\n       TIPOGRAF\u00cdA PRINCIPAL\n       ========================================================== *\/\n\n    .pis-condensed {\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        text-transform: uppercase;\n\n        letter-spacing: -2px;\n\n        line-height: .86;\n\n    }\n\n\n    \/* ==========================================================\n       CONTENEDOR\n       ========================================================== *\/\n\n    .pis-services-inner {\n\n        width: 100%;\n\n        padding:\n            70px\n            4.5vw\n            85px;\n\n    }\n\n\n    \/* ==========================================================\n       CABECERA DE LA SECCI\u00d3N\n       ========================================================== *\/\n\n    .pis-services-header {\n\n        display: grid;\n\n        grid-template-columns:\n            1fr\n            1fr;\n\n        gap: 50px;\n\n        align-items: end;\n\n        padding-bottom: 35px;\n\n        border-bottom:\n            1px solid\n            var(--pis-line);\n\n    }\n\n\n    .pis-services-label {\n\n        font-size: 10px;\n\n        text-transform: uppercase;\n\n        letter-spacing: 2px;\n\n        margin-bottom: 22px;\n\n    }\n\n\n    .pis-services-main-title {\n\n        margin: 0;\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size:\n            clamp(\n                70px,\n                8vw,\n                145px\n            );\n\n        line-height: .82;\n\n        letter-spacing: -4px;\n\n        text-transform: uppercase;\n\n    }\n\n\n    .pis-services-description {\n\n        max-width: 520px;\n\n        justify-self: end;\n\n        font-size: 14px;\n\n        line-height: 1.7;\n\n        padding-bottom: 5px;\n\n    }\n\n\n    .pis-services-description strong {\n\n        display: block;\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size: 19px;\n\n        letter-spacing: -.5px;\n\n        text-transform: uppercase;\n\n        margin-bottom: 12px;\n\n    }\n\n\n    \/* ==========================================================\n       ELEMENTO DECORATIVO\n       ========================================================== *\/\n\n    .pis-services-header-decoration {\n\n        position: relative;\n\n        display: inline-flex;\n\n        width: 65px;\n\n        height: 65px;\n\n        border:\n            1px solid\n            var(--pis-black);\n\n        border-radius: 50%;\n\n        align-items: center;\n\n        justify-content: center;\n\n        margin-left: 20px;\n\n        vertical-align: middle;\n\n    }\n\n\n    .pis-services-header-decoration::before,\n    .pis-services-header-decoration::after {\n\n        content: \"\";\n\n        position: absolute;\n\n        background: var(--pis-black);\n\n    }\n\n\n    .pis-services-header-decoration::before {\n\n        width: 1px;\n\n        height: 90px;\n\n    }\n\n\n    .pis-services-header-decoration::after {\n\n        width: 90px;\n\n        height: 1px;\n\n    }\n\n\n    .pis-services-header-decoration span {\n\n        position: relative;\n\n        z-index: 2;\n\n        width: 18px;\n\n        height: 18px;\n\n        background: var(--pis-teja);\n\n        clip-path: polygon(\n\n            50% 0%,\n            57% 42%,\n            100% 50%,\n            57% 58%,\n            50% 100%,\n            43% 58%,\n            0% 50%,\n            43% 42%\n\n        );\n\n    }\n\n\n    \/* ==========================================================\n       GRID DE PROYECTOS\n       ========================================================== *\/\n\n    .pis-projects-grid {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(4, 1fr);\n\n        gap: 18px;\n\n        margin-top: 28px;\n\n    }\n\n\n    \/* ==========================================================\n       TARJETA\n       ========================================================== *\/\n\n    .pis-project-card {\n\n        position: relative;\n\n        min-width: 0;\n\n        background:\n            var(--pis-black);\n\n        border-radius: 14px;\n\n        overflow: hidden;\n\n        transition:\n            transform .35s ease,\n            box-shadow .35s ease;\n\n    }\n\n\n    .pis-project-card:hover {\n\n        transform:\n            translateY(-7px);\n\n        box-shadow:\n            0 18px 35px\n            rgba(0,0,0,.15);\n\n    }\n\n\n    \/* ==========================================================\n       IMAGEN\n       ========================================================== *\/\n\n    .pis-project-image {\n\n        position: relative;\n\n        width: 100%;\n\n        aspect-ratio: 4 \/ 3;\n\n        overflow: hidden;\n\n        background:\n            #ded8d4;\n\n    }\n\n\n    .pis-project-image img {\n\n        width: 100%;\n\n        height: 100%;\n\n        display: block;\n\n        object-fit: cover;\n\n        transition:\n            transform .6s ease;\n\n    }\n\n\n    .pis-project-card:hover\n    .pis-project-image img {\n\n        transform:\n            scale(1.05);\n\n    }\n\n\n    \/* ==========================================================\n       NUMERACI\u00d3N\n       ========================================================== *\/\n\n    .pis-project-number {\n\n        position: absolute;\n\n        z-index: 5;\n\n        top: 12px;\n\n        left: 12px;\n\n        width: 42px;\n\n        height: 42px;\n\n        border-radius: 50%;\n\n        background:\n            var(--pis-teja);\n\n        color:\n            var(--pis-white);\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size: 18px;\n\n        letter-spacing: 0;\n\n    }\n\n\n    \/* ==========================================================\n       CONTENIDO TARJETA\n       ========================================================== *\/\n\n    .pis-project-info {\n\n        min-height: 205px;\n\n        padding:\n            25px\n            22px\n            23px;\n\n        color:\n            var(--pis-white);\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: space-between;\n\n    }\n\n\n    .pis-project-title {\n\n        margin: 0 0 12px;\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        text-transform: uppercase;\n\n        font-size:\n            clamp(\n                30px,\n                2.3vw,\n                43px\n            );\n\n        letter-spacing:\n            -1px;\n\n        line-height:\n            .9;\n\n    }\n\n\n    .pis-project-category {\n\n        font-size: 9px;\n\n        text-transform: uppercase;\n\n        letter-spacing: 1.5px;\n\n        color:\n            rgba(255,255,255,.75);\n\n        margin-bottom: 14px;\n\n    }\n\n\n    .pis-project-description {\n\n        font-size: 11px;\n\n        line-height: 1.55;\n\n        color:\n            rgba(255,255,255,.88);\n\n        max-width: 250px;\n\n        margin: 0;\n\n    }\n\n\n    \/* ==========================================================\n       FLECHA\n       ========================================================== *\/\n\n    .pis-project-arrow {\n\n        position: absolute;\n\n        right: 20px;\n\n        bottom: 22px;\n\n        width: 35px;\n\n        height: 35px;\n\n        border:\n            1px solid\n            var(--pis-teja);\n\n        border-radius: 50%;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        color:\n            var(--pis-teja);\n\n        font-size: 18px;\n\n        transition:\n            background .3s ease,\n            color .3s ease;\n\n    }\n\n\n    .pis-project-card:hover\n    .pis-project-arrow {\n\n        background:\n            var(--pis-teja);\n\n        color:\n            white;\n\n    }\n\n\n    \/* ==========================================================\n       PIE DE SECCI\u00d3N\n       ========================================================== *\/\n\n    .pis-services-footer {\n\n        display: grid;\n\n        grid-template-columns:\n            30%\n            1fr;\n\n        margin-top: 35px;\n\n        border-top:\n            1px solid\n            var(--pis-line);\n\n        border-bottom:\n            1px solid\n            var(--pis-line);\n\n        min-height: 125px;\n\n    }\n\n\n    .pis-services-footer-title {\n\n        padding:\n            25px;\n\n        border-right:\n            1px solid\n            var(--pis-line);\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        text-transform: uppercase;\n\n        font-size: 25px;\n\n        line-height: .9;\n\n    }\n\n\n    .pis-services-footer-items {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(4, 1fr);\n\n    }\n\n\n    .pis-services-footer-item {\n\n        padding:\n            25px 20px;\n\n        border-right:\n            1px solid\n            var(--pis-line);\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: center;\n\n    }\n\n\n    .pis-services-footer-item:last-child {\n\n        border-right: none;\n\n    }\n\n\n    .pis-services-footer-number {\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size: 24px;\n\n        color:\n            var(--pis-teja);\n\n        margin-bottom: 7px;\n\n    }\n\n\n    .pis-services-footer-item strong {\n\n        font-size: 11px;\n\n        text-transform: uppercase;\n\n        letter-spacing: .8px;\n\n        margin-bottom: 6px;\n\n    }\n\n\n    .pis-services-footer-item span {\n\n        font-size: 10px;\n\n        line-height: 1.4;\n\n        opacity: .7;\n\n    }\n\n\n    \/* ==========================================================\n       RESPONSIVE TABLET\n       ========================================================== *\/\n\n    @media (max-width: 1050px) {\n\n        .pis-projects-grid {\n\n            grid-template-columns:\n                repeat(2, 1fr);\n\n        }\n\n\n        .pis-services-header {\n\n            grid-template-columns:\n                1fr;\n\n        }\n\n\n        .pis-services-description {\n\n            justify-self: start;\n\n        }\n\n\n        .pis-services-footer {\n\n            grid-template-columns:\n                1fr;\n\n        }\n\n\n        .pis-services-footer-title {\n\n            border-right: none;\n\n            border-bottom:\n                1px solid\n                var(--pis-line);\n\n        }\n\n    }\n\n\n    \/* ==========================================================\n       RESPONSIVE M\u00d3VIL\n       ========================================================== *\/\n\n    @media (max-width: 600px) {\n\n        .pis-services-inner {\n\n            padding:\n                60px\n                20px\n                65px;\n\n        }\n\n\n        .pis-services-main-title {\n\n            font-size:\n                68px;\n\n            letter-spacing:\n                -2px;\n\n        }\n\n\n        .pis-services-header-decoration {\n\n            width: 45px;\n\n            height: 45px;\n\n        }\n\n\n        .pis-services-header-decoration::before {\n\n            height: 65px;\n\n        }\n\n\n        .pis-services-header-decoration::after {\n\n            width: 65px;\n\n        }\n\n\n        .pis-projects-grid {\n\n            grid-template-columns:\n                1fr;\n\n            gap: 16px;\n\n        }\n\n\n        .pis-project-image {\n\n            aspect-ratio:\n                4 \/ 3;\n\n        }\n\n\n        .pis-project-info {\n\n            min-height:\n                185px;\n\n        }\n\n\n        .pis-services-footer-items {\n\n            grid-template-columns:\n                repeat(2, 1fr);\n\n        }\n\n\n        .pis-services-footer-item {\n\n            min-height:\n                110px;\n\n        }\n\n    }\n\n\n    <\/style>\n\n\n    <!-- ========================================================\n         CONTENIDO\n         ======================================================== -->\n\n    <section class=\"pis-services\">\n\n\n        <div class=\"pis-services-inner\">\n\n\n            <!-- =================================================\n                 CABECERA\n                 ================================================= -->\n\n            <div class=\"pis-services-header\">\n\n\n                <div>\n\n\n                    <div class=\"pis-services-label\">\n\n                        ESTUDIO \u00b7 PROYECTOS \u00b7 2026\n\n                    <\/div>\n\n\n                    <h2 class=\"pis-services-main-title\">\n\n                        Dise\u00f1o<br>\n                        con car\u00e1cter\n\n                        <span\n                            class=\"pis-services-header-decoration\"\n                        >\n\n                            <span><\/span>\n\n                        <\/span>\n\n                    <\/h2>\n\n\n                <\/div>\n\n\n                <div class=\"pis-services-description\">\n\n\n                    <strong>\n\n                        Identidad \u00b7 Editorial \u00b7 Packaging\n\n                    <\/strong>\n\n\n                    Creo sistemas visuales que\n                    convierten ideas en marcas,\n                    publicaciones y objetos con\n                    personalidad.\n\n\n                    <br><br>\n\n\n                    Del concepto a la aplicaci\u00f3n,\n                    cada proyecto busca construir\n                    algo reconocible, coherente\n                    y con intenci\u00f3n.\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 PROYECTOS\n                 ================================================= -->\n\n            <div class=\"pis-projects-grid\">\n\n\n                <!-- =============================================\n                     01 BRANDING\n                     ============================================= -->\n\n                <article class=\"pis-project-card\">\n\n\n                    <div class=\"pis-project-image\">\n\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/22.png\"\n                            alt=\"Proyecto de Branding\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <div class=\"pis-project-number\">\n\n                            01\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                    <div class=\"pis-project-info\">\n\n\n                        <div>\n\n                            <div class=\"pis-project-category\">\n\n                                Identidad visual\n\n                            <\/div>\n\n\n                            <h3 class=\"pis-project-title\">\n\n                                Branding\n\n                            <\/h3>\n\n\n                            <p class=\"pis-project-description\">\n\n                                Identidades visuales\n                                con personalidad,\n                                estrategia y coherencia\n                                en cada punto de contacto.\n\n                            <\/p>\n\n                        <\/div>\n\n\n                        <div class=\"pis-project-arrow\">\n\n                            \u2192\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n\n                <!-- =============================================\n                     02 MAQUETACI\u00d3N\n                     ============================================= -->\n\n                <article class=\"pis-project-card\">\n\n\n                    <div class=\"pis-project-image\">\n\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/CVGR-scaled.jpg\"\n                            alt=\"Proyecto de Maquetaci\u00f3n Editorial\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <div class=\"pis-project-number\">\n\n                            02\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                    <div class=\"pis-project-info\">\n\n\n                        <div>\n\n                            <div class=\"pis-project-category\">\n\n                                Dise\u00f1o editorial\n\n                            <\/div>\n\n\n                            <h3 class=\"pis-project-title\">\n\n                                Maquetaci\u00f3n\n\n                            <\/h3>\n\n\n                            <p class=\"pis-project-description\">\n\n                                Publicaciones editoriales\n                                donde composici\u00f3n,\n                                tipograf\u00eda y ritmo\n                                construyen la experiencia.\n\n                            <\/p>\n\n                        <\/div>\n\n\n                        <div class=\"pis-project-arrow\">\n\n                            \u2192\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n\n                <!-- =============================================\n                     03 PACKAGING\n                     ============================================= -->\n\n                <article class=\"pis-project-card\">\n\n\n                    <div class=\"pis-project-image\">\n\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/cookie-9.png\"\n                            alt=\"Proyecto de Packaging\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <div class=\"pis-project-number\">\n\n                            03\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                    <div class=\"pis-project-info\">\n\n\n                        <div>\n\n                            <div class=\"pis-project-category\">\n\n                                Packaging \u00b7 Direcci\u00f3n de arte\n\n                            <\/div>\n\n\n                            <h3 class=\"pis-project-title\">\n\n                                Packaging\n\n                            <\/h3>\n\n\n                            <p class=\"pis-project-description\">\n\n                                Dise\u00f1o de envases y\n                                experiencias gr\u00e1ficas\n                                pensadas para destacar\n                                y comunicar.\n\n                            <\/p>\n\n                        <\/div>\n\n\n                        <div class=\"pis-project-arrow\">\n\n                            \u2192\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n\n                <!-- =============================================\n                     04 PRINT\n                     ============================================= -->\n\n                <article class=\"pis-project-card\">\n\n\n                    <div class=\"pis-project-image\">\n\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2026\/09\/5.png\"\n                            alt=\"Proyecto de Dise\u00f1o Print\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <div class=\"pis-project-number\">\n\n                            04\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                    <div class=\"pis-project-info\">\n\n\n                        <div>\n\n                            <div class=\"pis-project-category\">\n\n                                Dise\u00f1o gr\u00e1fico \u00b7 Print\n\n                            <\/div>\n\n\n                            <h3 class=\"pis-project-title\">\n\n                                Print\n\n                            <\/h3>\n\n\n                            <p class=\"pis-project-description\">\n\n                                Piezas impresas que\n                                combinan concepto,\n                                composici\u00f3n y cuidado\n                                por los detalles.\n\n                            <\/p>\n\n                        <\/div>\n\n\n                        <div class=\"pis-project-arrow\">\n\n                            \u2192\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 LO QUE ENTREGAMOS\n                 ================================================= -->\n\n            <div class=\"pis-services-footer\">\n\n\n                <div class=\"pis-services-footer-title\">\n\n                    Lo que<br>\n                    entregamos\n\n                <\/div>\n\n\n                <div class=\"pis-services-footer-items\">\n\n\n                    <div class=\"pis-services-footer-item\">\n\n                        <div class=\"pis-services-footer-number\">\n                            01\n                        <\/div>\n\n                        <strong>\n                            Estrategia\n                        <\/strong>\n\n                        <span>\n                            Investigaci\u00f3n,\n                            posicionamiento\n                            y concepto.\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"pis-services-footer-item\">\n\n                        <div class=\"pis-services-footer-number\">\n                            02\n                        <\/div>\n\n                        <strong>\n                            Identidad\n                        <\/strong>\n\n                        <span>\n                            Sistemas visuales,\n                            tipograf\u00eda y\n                            direcci\u00f3n gr\u00e1fica.\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"pis-services-footer-item\">\n\n                        <div class=\"pis-services-footer-number\">\n                            03\n                        <\/div>\n\n                        <strong>\n                            Aplicaciones\n                        <\/strong>\n\n                        <span>\n                            Piezas y soportes\n                            adaptados a cada\n                            proyecto.\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"pis-services-footer-item\">\n\n                        <div class=\"pis-services-footer-number\">\n                            04\n                        <\/div>\n\n                        <strong>\n                            Consistencia\n                        <\/strong>\n\n                        <span>\n                            Coherencia visual\n                            en todos los puntos\n                            de contacto.\n                        <\/span>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/section>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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-boxed 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-d1e1794 elementor-widget elementor-widget-shortcode\" data-id=\"d1e1794\" 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       VARIABLES\n       ===================================================== *\/\n\n    .pis-extra {\n\n        --fondo: #F5F2F0;\n        --teja: #9E6752;\n        --negro: #111111;\n        --blanco: #FFFFFF;\n        --linea: rgba(17,17,17,.25);\n\n        width: 100vw;\n        max-width: 100vw;\n\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n\n        background: var(--fondo);\n        color: var(--negro);\n\n        font-family: Arial, Helvetica, sans-serif;\n\n        overflow: hidden;\n\n    }\n\n\n    .pis-extra *,\n    .pis-extra *::before,\n    .pis-extra *::after {\n\n        box-sizing: border-box;\n\n    }\n\n\n    \/* =====================================================\n       TIPOGRAF\u00cdA\n       ===================================================== *\/\n\n    .pis-extra-title {\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        text-transform: uppercase;\n\n        letter-spacing: -2px;\n\n        line-height: .85;\n\n    }\n\n\n    \/* =====================================================\n       SOBRE M\u00cd\n       ===================================================== *\/\n\n    .pis-about {\n\n        position: relative;\n\n        padding: 110px 5.2vw 120px;\n\n        border-top: 1px solid var(--linea);\n\n        border-bottom: 1px solid var(--linea);\n\n    }\n\n\n    .pis-about-grid {\n\n        display: grid;\n\n        grid-template-columns: 35% 65%;\n\n        gap: 40px;\n\n        max-width: 1500px;\n\n        margin: auto;\n\n    }\n\n\n    .pis-about-label {\n\n        font-size: 10px;\n\n        text-transform: uppercase;\n\n        letter-spacing: 2px;\n\n        margin-bottom: 25px;\n\n    }\n\n\n    .pis-about-title {\n\n        font-size: clamp(\n            60px,\n            7vw,\n            125px\n        );\n\n        margin: 0;\n\n    }\n\n\n    .pis-about-title span {\n\n        display: block;\n\n    }\n\n\n    .pis-about-right {\n\n        padding-top: 10px;\n\n        max-width: 800px;\n\n    }\n\n\n    .pis-about-intro {\n\n        font-family:\n            Georgia,\n            'Times New Roman',\n            serif;\n\n        font-size: clamp(\n            24px,\n            2.5vw,\n            42px\n        );\n\n        line-height: 1.15;\n\n        margin: 0 0 45px;\n\n        max-width: 760px;\n\n    }\n\n\n    .pis-about-columns {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, 1fr);\n\n        gap: 45px;\n\n        border-top: 1px solid var(--linea);\n\n        padding-top: 30px;\n\n    }\n\n\n    .pis-about-columns p {\n\n        margin: 0;\n\n        font-size: 13px;\n\n        line-height: 1.7;\n\n    }\n\n\n    .pis-about-columns strong {\n\n        display: block;\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size: 18px;\n\n        text-transform: uppercase;\n\n        margin-bottom: 12px;\n\n    }\n\n\n    \/* =====================================================\n       ESTRELLA\n       ===================================================== *\/\n\n    .pis-extra-star {\n\n        position: absolute;\n\n        width: 85px;\n\n        height: 85px;\n\n        background: var(--teja);\n\n        clip-path: polygon(\n\n            50% 0%,\n            57% 41%,\n            100% 50%,\n            57% 59%,\n            50% 100%,\n            43% 59%,\n            0% 50%,\n            43% 41%\n\n        );\n\n        right: 6%;\n\n        top: 80px;\n\n    }\n\n\n    \/* =====================================================\n       C\u00cdRCULO DECORATIVO\n       ===================================================== *\/\n\n    .pis-about-circle {\n\n        position: absolute;\n\n        width: 150px;\n\n        height: 150px;\n\n        border: 1px solid var(--negro);\n\n        border-radius: 50%;\n\n        bottom: 55px;\n\n        left: 4%;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        text-align: center;\n\n        font-size: 9px;\n\n        letter-spacing: 1.5px;\n\n        text-transform: uppercase;\n\n        transform: rotate(-12deg);\n\n    }\n\n\n    \/* =====================================================\n       FAQ\n       ===================================================== *\/\n\n    .pis-faq {\n\n        padding: 110px 5.2vw 120px;\n\n        max-width: 1500px;\n\n        margin: auto;\n\n    }\n\n\n    .pis-faq-header {\n\n        display: grid;\n\n        grid-template-columns: 35% 65%;\n\n        gap: 40px;\n\n        margin-bottom: 60px;\n\n    }\n\n\n    .pis-faq-title {\n\n        font-size: clamp(\n            60px,\n            7vw,\n            120px\n        );\n\n        margin: 0;\n\n    }\n\n\n    .pis-faq-intro {\n\n        max-width: 600px;\n\n        font-size: 14px;\n\n        line-height: 1.7;\n\n        padding-top: 15px;\n\n    }\n\n\n    \/* =====================================================\n       FAQ ITEMS\n       ===================================================== *\/\n\n    .pis-faq-list {\n\n        border-top: 1px solid var(--negro);\n\n    }\n\n\n    .pis-faq-item {\n\n        border-bottom: 1px solid var(--linea);\n\n    }\n\n\n    .pis-faq-question {\n\n        width: 100%;\n\n        border: 0;\n\n        background: transparent;\n\n        padding: 28px 5px;\n\n        display: grid;\n\n        grid-template-columns: 60px 1fr 45px;\n\n        align-items: center;\n\n        text-align: left;\n\n        cursor: pointer;\n\n        color: var(--negro);\n\n    }\n\n\n    .pis-faq-number {\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        color: var(--teja);\n\n        font-size: 20px;\n\n    }\n\n\n    .pis-faq-question-text {\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        text-transform: uppercase;\n\n        font-size: clamp(\n            22px,\n            2vw,\n            32px\n        );\n\n        letter-spacing: -.5px;\n\n    }\n\n\n    .pis-faq-plus {\n\n        width: 35px;\n\n        height: 35px;\n\n        border: 1px solid var(--negro);\n\n        border-radius: 50%;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        font-size: 20px;\n\n        transition: .3s ease;\n\n    }\n\n\n    .pis-faq-answer {\n\n        max-height: 0;\n\n        overflow: hidden;\n\n        transition:\n            max-height .4s ease,\n            padding .4s ease;\n\n        padding:\n            0\n            105px\n            0\n            65px;\n\n    }\n\n\n    .pis-faq-answer p {\n\n        margin: 0;\n\n        max-width: 650px;\n\n        font-size: 13px;\n\n        line-height: 1.7;\n\n    }\n\n\n    .pis-faq-item.active\n    .pis-faq-answer {\n\n        max-height: 250px;\n\n        padding-bottom: 30px;\n\n    }\n\n\n    .pis-faq-item.active\n    .pis-faq-plus {\n\n        background: var(--teja);\n\n        color: white;\n\n        border-color: var(--teja);\n\n        transform: rotate(45deg);\n\n    }\n\n\n    \/* =====================================================\n       CONTACTO\n       ===================================================== *\/\n\n    .pis-contact {\n\n        margin: 0 5.2vw 40px;\n\n        background: var(--teja);\n\n        color: white;\n\n        border-radius: 14px;\n\n        overflow: hidden;\n\n        position: relative;\n\n    }\n\n\n    .pis-contact-grid {\n\n        display: grid;\n\n        grid-template-columns: 48% 52%;\n\n        min-height: 650px;\n\n    }\n\n\n    .pis-contact-left {\n\n        padding: 70px 8%;\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: space-between;\n\n        position: relative;\n\n    }\n\n\n    .pis-contact-label {\n\n        font-size: 10px;\n\n        letter-spacing: 2px;\n\n        text-transform: uppercase;\n\n    }\n\n\n    .pis-contact-title {\n\n        font-size: clamp(\n            75px,\n            9vw,\n            160px\n        );\n\n        margin: 0;\n\n        color: white;\n\n    }\n\n\n    .pis-contact-text {\n\n        max-width: 420px;\n\n        font-size: 14px;\n\n        line-height: 1.7;\n\n    }\n\n\n    .pis-contact-email {\n\n        display: inline-block;\n\n        color: white;\n\n        text-decoration: none;\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size: 23px;\n\n        border-bottom: 1px solid white;\n\n        padding-bottom: 7px;\n\n        margin-top: 15px;\n\n    }\n\n\n    \/* =====================================================\n       FORMULARIO\n       ===================================================== *\/\n\n    .pis-contact-right {\n\n        background: var(--fondo);\n\n        color: var(--negro);\n\n        padding: 65px 7%;\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: center;\n\n    }\n\n\n    .pis-contact-form-title {\n\n        font-family:\n            Impact,\n            Haettenschweiler,\n            'Arial Narrow Bold',\n            sans-serif;\n\n        font-size: 38px;\n\n        text-transform: uppercase;\n\n        margin: 0 0 30px;\n\n    }\n\n\n    .pis-form-row {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, 1fr);\n\n        gap: 20px;\n\n    }\n\n\n    .pis-field {\n\n        margin-bottom: 25px;\n\n    }\n\n\n    .pis-field label {\n\n        display: block;\n\n        font-size: 9px;\n\n        letter-spacing: 1.5px;\n\n        text-transform: uppercase;\n\n        margin-bottom: 8px;\n\n    }\n\n\n    .pis-field input,\n    .pis-field textarea {\n\n        width: 100%;\n\n        border: none;\n\n        border-bottom: 1px solid var(--negro);\n\n        background: transparent;\n\n        padding: 12px 0;\n\n        font-family:\n            Arial,\n            Helvetica,\n            sans-serif;\n\n        font-size: 13px;\n\n        outline: none;\n\n        border-radius: 0;\n\n    }\n\n\n    .pis-field textarea {\n\n        min-height: 110px;\n\n        resize: vertical;\n\n    }\n\n\n    .pis-field input:focus,\n    .pis-field textarea:focus {\n\n        border-bottom-color: var(--teja);\n\n    }\n\n\n    .pis-submit {\n\n        border: 1px solid var(--negro);\n\n        background: var(--negro);\n\n        color: white;\n\n        padding: 16px 25px;\n\n        font-size: 10px;\n\n        letter-spacing: 1px;\n\n        text-transform: uppercase;\n\n        cursor: pointer;\n\n        display: inline-flex;\n\n        align-items: center;\n\n        justify-content: space-between;\n\n        gap: 50px;\n\n        transition: .3s ease;\n\n    }\n\n\n    .pis-submit:hover {\n\n        background: var(--teja);\n\n        border-color: var(--teja);\n\n    }\n\n\n    \/* =====================================================\n       DECORACI\u00d3N CONTACTO\n       ===================================================== *\/\n\n    .pis-contact-decoration {\n\n        position: absolute;\n\n        width: 125px;\n\n        height: 125px;\n\n        border: 1px solid rgba(255,255,255,.6);\n\n        border-radius: 50%;\n\n        right: 8%;\n\n        bottom: 60px;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        text-align: center;\n\n        font-size: 8px;\n\n        letter-spacing: 2px;\n\n        text-transform: uppercase;\n\n    }\n\n\n    .pis-contact-decoration::after {\n\n        content: \"\";\n\n        width: 22px;\n\n        height: 22px;\n\n        background: white;\n\n        clip-path: polygon(\n\n            50% 0%,\n            57% 41%,\n            100% 50%,\n            57% 59%,\n            50% 100%,\n            43% 59%,\n            0% 50%,\n            43% 41%\n\n        );\n\n        position: absolute;\n\n    }\n\n\n    \/* =====================================================\n       RESPONSIVE\n       ===================================================== *\/\n\n    @media (max-width: 900px) {\n\n        .pis-about-grid,\n        .pis-faq-header {\n\n            grid-template-columns: 1fr;\n\n        }\n\n\n        .pis-about-right {\n\n            padding-top: 0;\n\n        }\n\n\n        .pis-about-circle {\n\n            display: none;\n\n        }\n\n\n        .pis-extra-star {\n\n            width: 55px;\n\n            height: 55px;\n\n            top: 50px;\n\n        }\n\n\n        .pis-contact-grid {\n\n            grid-template-columns: 1fr;\n\n        }\n\n\n        .pis-contact-left {\n\n            min-height: 500px;\n\n        }\n\n\n        .pis-contact-right {\n\n            min-height: 600px;\n\n        }\n\n    }\n\n\n    @media (max-width: 600px) {\n\n        .pis-about {\n\n            padding:\n                75px\n                20px\n                80px;\n\n        }\n\n\n        .pis-about-title,\n        .pis-faq-title {\n\n            font-size: 65px;\n\n        }\n\n\n        .pis-about-intro {\n\n            font-size: 25px;\n\n        }\n\n\n        .pis-about-columns {\n\n            grid-template-columns: 1fr;\n\n            gap: 30px;\n\n        }\n\n\n        .pis-faq {\n\n            padding:\n                75px\n                20px\n                80px;\n\n        }\n\n\n        .pis-faq-question {\n\n            grid-template-columns:\n                40px\n                1fr\n                35px;\n\n            gap: 10px;\n\n            padding: 23px 0;\n\n        }\n\n\n        .pis-faq-question-text {\n\n            font-size: 21px;\n\n        }\n\n\n        .pis-faq-answer {\n\n            padding-left: 50px;\n\n            padding-right: 20px;\n\n        }\n\n\n        .pis-contact {\n\n            margin:\n                0\n                18px\n                20px;\n\n        }\n\n\n        .pis-contact-left {\n\n            padding:\n                45px\n                25px;\n\n            min-height: 450px;\n\n        }\n\n\n        .pis-contact-right {\n\n            padding:\n                45px\n                25px;\n\n        }\n\n\n        .pis-contact-title {\n\n            font-size: 75px;\n\n        }\n\n\n        .pis-contact-decoration {\n\n            width: 80px;\n\n            height: 80px;\n\n            right: 25px;\n\n            bottom: 35px;\n\n        }\n\n\n        .pis-form-row {\n\n            grid-template-columns: 1fr;\n\n            gap: 0;\n\n        }\n\n    }\n\n    <\/style>\n\n\n    <div class=\"pis-extra\">\n\n\n        <!-- =================================================\n             SOBRE M\u00cd\n             ================================================= -->\n\n        <section class=\"pis-about\">\n\n\n            <div class=\"pis-about-grid\">\n\n\n                <div>\n\n                    <div class=\"pis-about-label\">\n                        Estudio \u00b7 Direcci\u00f3n creativa\n                    <\/div>\n\n\n                    <h2 class=\"pis-about-title\">\n\n                        <span>Sobre<\/span>\n\n                        <span>m\u00ed<\/span>\n\n                    <\/h2>\n\n                <\/div>\n\n\n                <div class=\"pis-about-right\">\n\n\n                    <p class=\"pis-about-intro\">\n\n                        Soy Patricia, dise\u00f1adora gr\u00e1fica\n                        y directora creativa. Creo identidades\n                        visuales que convierten ideas en marcas\n                        con personalidad.\n\n                    <\/p>\n\n\n                    <div class=\"pis-about-columns\">\n\n\n                        <div>\n\n                            <strong>\n                                Mi enfoque\n                            <\/strong>\n\n                            <p>\n\n                                Trabajo desde una mirada\n                                estrat\u00e9gica y visual, buscando\n                                que cada decisi\u00f3n tenga un\n                                motivo y que cada elemento\n                                forme parte de un sistema.\n\n                            <\/p>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <strong>\n                                C\u00f3mo trabajo\n                            <\/strong>\n\n                            <p>\n\n                                Escucho, investigo, concepto\n                                y dise\u00f1o. Me gusta trabajar\n                                de forma cercana para construir\n                                proyectos honestos, cuidados\n                                y reconocibles.\n\n                            <\/p>\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"pis-extra-star\"><\/div>\n\n\n            <div class=\"pis-about-circle\">\n\n                Dise\u00f1o<br>\n                con intenci\u00f3n<br>\n                desde 2016\n\n            <\/div>\n\n\n        <\/section>\n\n\n\n        <!-- =================================================\n             PREGUNTAS FRECUENTES\n             ================================================= -->\n\n        <section class=\"pis-faq\">\n\n\n            <div class=\"pis-faq-header\">\n\n\n                <h2 class=\"pis-faq-title\">\n\n                    Preguntas<br>\n                    frecuentes\n\n                <\/h2>\n\n\n                <div class=\"pis-faq-intro\">\n\n                    Antes de empezar un proyecto es normal\n                    tener preguntas. Aqu\u00ed encontrar\u00e1s algunas\n                    de las m\u00e1s habituales.\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"pis-faq-list\">\n\n\n                <!-- FAQ 01 -->\n\n                <div class=\"pis-faq-item\">\n\n\n                    <button\n                        type=\"button\"\n                        class=\"pis-faq-question\"\n                    >\n\n                        <span class=\"pis-faq-number\">\n                            01\n                        <\/span>\n\n                        <span class=\"pis-faq-question-text\">\n\n                            \u00bfQu\u00e9 tipo de proyectos realizas?\n\n                        <\/span>\n\n                        <span class=\"pis-faq-plus\">\n                            +\n                        <\/span>\n\n                    <\/button>\n\n\n                    <div class=\"pis-faq-answer\">\n\n                        <p>\n\n                            Desarrollo proyectos de branding,\n                            identidad visual, dise\u00f1o editorial,\n                            packaging, direcci\u00f3n de arte y\n                            aplicaciones gr\u00e1ficas para marcas\n                            que buscan una identidad coherente\n                            y con personalidad.\n\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- FAQ 02 -->\n\n                <div class=\"pis-faq-item\">\n\n\n                    <button\n                        type=\"button\"\n                        class=\"pis-faq-question\"\n                    >\n\n                        <span class=\"pis-faq-number\">\n                            02\n                        <\/span>\n\n                        <span class=\"pis-faq-question-text\">\n\n                            \u00bfTrabajas con clientes de cualquier lugar?\n\n                        <\/span>\n\n                        <span class=\"pis-faq-plus\">\n                            +\n                        <\/span>\n\n                    <\/button>\n\n\n                    <div class=\"pis-faq-answer\">\n\n                        <p>\n\n                            S\u00ed. Trabajo tanto de forma presencial\n                            como online, por lo que podemos\n                            desarrollar el proyecto independientemente\n                            de d\u00f3nde te encuentres.\n\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- FAQ 03 -->\n\n                <div class=\"pis-faq-item\">\n\n\n                    <button\n                        type=\"button\"\n                        class=\"pis-faq-question\"\n                    >\n\n                        <span class=\"pis-faq-number\">\n                            03\n                        <\/span>\n\n                        <span class=\"pis-faq-question-text\">\n\n                            \u00bfCu\u00e1nto dura un proyecto?\n\n                        <\/span>\n\n                        <span class=\"pis-faq-plus\">\n                            +\n                        <\/span>\n\n                    <\/button>\n\n\n                    <div class=\"pis-faq-answer\">\n\n                        <p>\n\n                            Cada proyecto tiene sus propios\n                            tiempos dependiendo del alcance,\n                            n\u00famero de aplicaciones y fases\n                            necesarias. Despu\u00e9s de conocer\n                            tu proyecto te indicar\u00e9 un calendario\n                            aproximado.\n\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- FAQ 04 -->\n\n                <div class=\"pis-faq-item\">\n\n\n                    <button\n                        type=\"button\"\n                        class=\"pis-faq-question\"\n                    >\n\n                        <span class=\"pis-faq-number\">\n                            04\n                        <\/span>\n\n                        <span class=\"pis-faq-question-text\">\n\n                            \u00bfC\u00f3mo puedo solicitar un presupuesto?\n\n                        <\/span>\n\n                        <span class=\"pis-faq-plus\">\n                            +\n                        <\/span>\n\n                    <\/button>\n\n\n                    <div class=\"pis-faq-answer\">\n\n                        <p>\n\n                            Puedes escribirme desde el formulario\n                            de contacto indicando qu\u00e9 necesitas,\n                            qu\u00e9 objetivos tienes y, si lo sabes,\n                            los plazos aproximados. A partir de\n                            ah\u00ed podremos valorar el proyecto.\n\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- FAQ 05 -->\n\n                <div class=\"pis-faq-item\">\n\n\n                    <button\n                        type=\"button\"\n                        class=\"pis-faq-question\"\n                    >\n\n                        <span class=\"pis-faq-number\">\n                            05\n                        <\/span>\n\n                        <span class=\"pis-faq-question-text\">\n\n                            \u00bfPuedo contratar solo una parte del servicio?\n\n                        <\/span>\n\n                        <span class=\"pis-faq-plus\">\n                            +\n                        <\/span>\n\n                    <\/button>\n\n\n                    <div class=\"pis-faq-answer\">\n\n                        <p>\n\n                            S\u00ed. Aunque algunos proyectos funcionan\n                            mejor como un sistema completo, podemos\n                            adaptar el servicio a las necesidades\n                            concretas de cada marca.\n\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/section>\n\n\n\n        <!-- =================================================\n             CONTACTO\n             ================================================= -->\n\n        <section class=\"pis-contact\">\n\n\n            <div class=\"pis-contact-grid\">\n\n\n                <!-- IZQUIERDA -->\n\n                <div class=\"pis-contact-left\">\n\n\n                    <div>\n\n                        <div class=\"pis-contact-label\">\n\n                            Hablemos \u00b7 Nuevo proyecto\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <h2 class=\"pis-contact-title\">\n\n                            Hablemos\n\n                        <\/h2>\n\n\n                        <p class=\"pis-contact-text\">\n\n                            \u00bfTienes una idea entre manos?\n                            Cu\u00e9ntame qu\u00e9 necesitas y\n                            hablamos sobre c\u00f3mo podemos\n                            convertirla en algo que tenga\n                            sentido para tu marca.\n\n                        <\/p>\n\n\n                        <a\n                            href=\"mailto:hola@patriciaibanezstudio.com\"\n                            class=\"pis-contact-email\"\n                        >\n\n                            hola@patriciaibanezstudio.com\n\n                        <\/a>\n\n                    <\/div>\n\n\n                    <div class=\"pis-contact-decoration\">\n\n                        Dise\u00f1o<br>\n                        identidad<br>\n                        direcci\u00f3n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n\n                <!-- DERECHA -->\n\n                <div class=\"pis-contact-right\">\n\n\n                    <h3 class=\"pis-contact-form-title\">\n\n                        Cu\u00e9ntame tu proyecto\n\n                    <\/h3>\n\n\n                    <form\n                        action=\"mailto:hola@patriciaibanezstudio.com\"\n                        method=\"post\"\n                        enctype=\"text\/plain\"\n                    >\n\n\n                        <div class=\"pis-form-row\">\n\n\n                            <div class=\"pis-field\">\n\n                                <label>\n                                    Nombre\n                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    name=\"Nombre\"\n                                    placeholder=\"Tu nombre\"\n                                    required\n                                >\n\n                            <\/div>\n\n\n                            <div class=\"pis-field\">\n\n                                <label>\n                                    Email\n                                <\/label>\n\n                                <input\n                                    type=\"email\"\n                                    name=\"Email\"\n                                    placeholder=\"tu@email.com\"\n                                    required\n                                >\n\n                            <\/div>\n\n\n                        <\/div>\n\n\n                        <div class=\"pis-field\">\n\n                            <label>\n                                Proyecto\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                name=\"Proyecto\"\n                                placeholder=\"\u00bfQu\u00e9 tienes en mente?\"\n                            >\n\n                        <\/div>\n\n\n                        <div class=\"pis-field\">\n\n                            <label>\n                                Cu\u00e9ntame m\u00e1s\n                            <\/label>\n\n                            <textarea\n                                name=\"Mensaje\"\n                                placeholder=\"H\u00e1blame un poco sobre tu proyecto...\"\n                                required\n                            ><\/textarea>\n\n                        <\/div>\n\n\n                        <button\n                            type=\"submit\"\n                            class=\"pis-submit\"\n                        >\n\n                            Enviar proyecto\n\n                            <span>\n                                \u2192\n                            <\/span>\n\n                        <\/button>\n\n\n                    <\/form>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/section>\n\n\n    <\/div>\n\n\n    <script>\n\n    document.addEventListener(\n        'DOMContentLoaded',\n        function () {\n\n            const questions =\n                document.querySelectorAll(\n                    '.pis-faq-question'\n                );\n\n\n            questions.forEach(function(question) {\n\n                question.addEventListener(\n                    'click',\n                    function() {\n\n                        const item =\n                            this.closest(\n                                '.pis-faq-item'\n                            );\n\n\n                        const allItems =\n                            document.querySelectorAll(\n                                '.pis-faq-item'\n                            );\n\n\n                        allItems.forEach(\n                            function(otherItem) {\n\n                                if (\n                                    otherItem !== item\n                                ) {\n\n                                    otherItem.classList.remove(\n                                        'active'\n                                    );\n\n                                }\n\n                            }\n                        );\n\n\n                        item.classList.toggle(\n                            'active'\n                        );\n\n                    }\n                );\n\n            });\n\n        }\n\n    );\n\n    <\/script>\n\n\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<div class=\"elementor-element elementor-element-2d9d76b 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=\"2d9d76b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10079af elementor-widget elementor-widget-shortcode\" data-id=\"10079af\" 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 class=\"elementor-element elementor-element-1eb9cf4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1eb9cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/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-51","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>Home -<\/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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/patriciaibanezstudio.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T13:35:07+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=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/\",\"url\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/\",\"name\":\"Home -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Homepage-400_380.jpg\",\"datePublished\":\"2025-12-04T09:30:14+00:00\",\"dateModified\":\"2026-09-03T13:35:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/patriciaibanezstudio.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/#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\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/patriciaibanezstudio.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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":"Home -","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\/","og_locale":"es_ES","og_type":"article","og_title":"Home -","og_url":"https:\/\/patriciaibanezstudio.com\/","article_modified_time":"2026-09-03T13:35:07+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":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/patriciaibanezstudio.com\/","url":"https:\/\/patriciaibanezstudio.com\/","name":"Home -","isPartOf":{"@id":"https:\/\/patriciaibanezstudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/patriciaibanezstudio.com\/#primaryimage"},"image":{"@id":"https:\/\/patriciaibanezstudio.com\/#primaryimage"},"thumbnailUrl":"https:\/\/patriciaibanezstudio.com\/wp-content\/uploads\/2025\/12\/Homepage-400_380.jpg","datePublished":"2025-12-04T09:30:14+00:00","dateModified":"2026-09-03T13:35:07+00:00","breadcrumb":{"@id":"https:\/\/patriciaibanezstudio.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/patriciaibanezstudio.com\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/patriciaibanezstudio.com\/#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\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/patriciaibanezstudio.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/51","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=51"}],"version-history":[{"count":263,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":957,"href":"https:\/\/patriciaibanezstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/957"}],"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=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}