{"id":568,"date":"2024-06-19T08:00:34","date_gmt":"2024-06-19T08:00:34","guid":{"rendered":"https:\/\/bonapecora.com\/home\/"},"modified":"2025-09-11T08:10:32","modified_gmt":"2025-09-11T08:10:32","slug":"home","status":"publish","type":"page","link":"https:\/\/bonapecora.com\/ca\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"header_25_2 conimagen\" id=\"\"     style=\"background-image:url('https:\/\/bonapecora.com\/wp-content\/uploads\/2025\/09\/Leonardo_Vision_XL_Disear_una_escena_minimalista_y_elegante_co_0-1.jpg);\"     aria-label=\"Portafolio creativo de tatuajes art\u00edsticos.\" data-block-id=\"69d7a2749394769d7a27493948\" data-block-name=\"acf\/header-25-2\" data-post-id=\"568\" data-stable-id=\"block_6819ce630b4812adade3b121dbcbcc13\">\r\n    <div class=\"mask\"><\/div>\r\n        <div class=\"container\" data-aos=\"fade-up\">\r\n        <div class=\"row\">\r\n            <div class=\"col col-titulo\">\r\n                                <div class=\"subtitulo tamano6 color-2-headings-light\">\r\n                    Arte en tu piel, creado con pasi\u00f3n y pensado solo para ti.                <\/div>\r\n                                                <h1 class=\"tamano1 color-2-headings-light\">Bona P\u00e8cora Tattoo<\/h1>\r\n                \r\n                <div class=\"enlaces\">\r\n                                            <a href=\"https:\/\/bonapecora.com\/contacto\/\" target=\"\" class=\"btn-round tamano-7-mediumcta color-boton-3-texto-normal color-boton-3-texto-hover color-boton-3-normal color-boton-3-hover\">\r\n    \r\n    <span>Cont\u00e1ctame<\/span>\r\n<\/a>\r\n\r\n<style>\r\n    .btn-border-rounded {\r\n        border-radius: 12px !important;\r\n    }\r\n\r\n    .btn-border-square {\r\n        border-radius: 0 !important;\r\n    }\r\n\r\n    \/* Estilos de hover *\/\r\n    .btn-hover-hover1:hover {\r\n        filter: contrast(0.55);\r\n    }\r\n\r\n    .btn-hover-hover2:hover {\r\n        filter: sepia(2);\r\n    }\r\n\r\n    \/* Estilos del icono cuando existe *\/\r\n    a i {\r\n        margin-right: 8px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* Icono Lucide *\/\r\n    .btn-icon--lucide {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .btn-icon--lucide svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        display: block;\r\n    }\r\n<\/style>\r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/section>\r\n<style>\r\n    .header_25_2.conimagen {\r\n        background-position: center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    .header_25_2 .enlaces {\r\n        display: inline-flex;\r\n        gap: 25px;\r\n        flex-wrap: wrap;\r\n        margin-top: 35px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .header_25_2 .mask {\r\n        background: rgba(18, 18, 18, 0.50);\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n    }\r\n\r\n    .header_25_2 {\r\n        height: 100vH;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .header_25_2 .video-background {\r\n        background: #000;\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: -99;\r\n    }\r\n\r\n    .header_25_2 .video-foreground,\r\n    .header_25_2 .video-background iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .header_25_2 .col-titulo {\r\n        max-width: 1070px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n    }\r\n\r\n\r\n    .header_25_2 .bar {\r\n        position: absolute;\r\n        left: 50%;\r\n        width: 1px;\r\n        height: 98px;\r\n        bottom: 35px;\r\n    }\r\n\r\n    .header_25_2 {\r\n        padding-top: 185px;\r\n        position: relative;\r\n        padding-bottom: 63px;\r\n        min-height: 100vH;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        padding-bottom: 100px;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n    }\r\n\r\n    .header_25_2 .subtitulo {\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    .header_25_2 .texto * {\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    .header_25_2 .texto *:last-child {\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    .header_25_2 .texto {\r\n        max-width: 896px;\r\n        padding-bottom: 35px;\r\n    }\r\n\r\n    .header_25_2 .container {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .header_25_2 .btn-round {\r\n        border-radius: 60px;\r\n        padding: 12px 25px;\r\n        display: inline-block;\r\n        min-width: 175px;\r\n        text-align: center;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .header_25_2 .btn-round.secundario {\r\n        background-color: var(--color-boton-3-hover);\r\n        color: var(--color-boton-3-texto-hover);\r\n    }\r\n\r\n    .header_25_2 .btn-round.secundario:hover {\r\n        background-color: var(--color-boton-3-normal);\r\n        color: var(--color-boton-3-texto-normal);\r\n    }\r\n\r\n    .header_25_2 h1 {\r\n        padding-bottom: 30px;\r\n        max-width: 1205px;\r\n    }\r\n\r\n    @media (min-aspect-ratio: 16\/9) {\r\n        .header_25_2 .video-foreground {\r\n            height: 300%;\r\n            top: -100%;\r\n        }\r\n    }\r\n\r\n    @media (max-aspect-ratio: 16\/9) {\r\n        .header_25_2 .video-foreground {\r\n            width: 300%;\r\n            left: -100%;\r\n        }\r\n    }\r\n\r\n    @media (max-width:992px) {\r\n        .header_25_2 .bar {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width:768px) {\r\n        .header_25_2 {\r\n            padding-top: 130px;\r\n        }\r\n\r\n        .header_25_2 h1 {\r\n            padding-bottom: 25px;\r\n            line-height: var(--tamano3-line-height);\r\n        }\r\n\r\n        .header_25_2 .texto {\r\n            padding-bottom: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\n\n<section class=\"aboutus_11_1 background-1-light\" id=\"\"\r\n    original-block-id=\"block_8634172a1f160e8ecaf221b405c136b8\" data-block-id=\"69d7a274952bd69d7a274952be\" data-block-name=\"acf\/about-us-11-1\" data-post-id=\"568\" data-stable-id=\"block_8634172a1f160e8ecaf221b405c136b8\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col col-left\" data-aos=\"fade-right\">\r\n                                <h2 class=\"tamano3 color-1-headings-dark\"><span class=\"ez-toc-section\" id=\"Bona_Pecora\"><\/span>Bona P\u00e8cora<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n                \r\n                                <div class=\"texto color-1-body-dark tamano7\" data-desactivar-leer-mas=\"0\">\r\n                    <span class=\"texto-corto\"><\/span>\r\n                    <span class=\"texto-completo\" style=\"display: none;\"><p data-start=\"275\" data-end=\"475\">Soy tatuadora y artista en constante evoluci\u00f3n. Desde ni\u00f1a el dibujo ha sido mi forma de expresarme, y hoy he convertido esa pasi\u00f3n en tatuajes \u00fanicos que cobran vida sobre la piel.<\/p>\n<p data-start=\"477\" data-end=\"814\">Me inspiro en cada persona que conf\u00eda en m\u00ed para crear un dise\u00f1o que se adapte a su estilo y a su historia. No me limito a un solo camino: exploro diferentes t\u00e9cnicas y propuestas, desde tatuajes minimalistas, llenos de delicadeza, hasta piezas realistas con gran detalle o dise\u00f1os full color vibrantes y llenos de energ\u00eda.<\/p>\n<p data-start=\"816\" data-end=\"943\">Mi objetivo es sencillo: que cada tatuaje no solo cumpla tus expectativas, sino que se convierta en una parte especial de ti.<\/p><\/span>\r\n                <\/div>\r\n                <div class=\"vermas tamano7 boton-4-texto-normal\">\r\n                    <span class=\"mas tamano7 boton-4-texto-normal\">Llegir m\u00e9s<\/span>\r\n                    <span class=\"menos hide tamano7 boton-4-texto-normal\">Llegir menys<\/span>\r\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 8\" fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path id=\"Vector 14\" d=\"M1 1L6.5 6.5L12 1\" stroke=\"#2B275C\" stroke-width=\"1.5\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                \r\n                                    <a href=\"https:\/\/bonapecora.com\/nosotros\/\" target=\"\" class=\"btn-round tamano-7-mediumcta color-boton-1-texto-normal color-boton-1-texto-hover color-boton-1-normal color-boton-1-hover\">\r\n    \r\n    <span>Saber m\u00e1s<\/span>\r\n<\/a>\r\n\r\n<style>\r\n    .btn-border-rounded {\r\n        border-radius: 12px !important;\r\n    }\r\n\r\n    .btn-border-square {\r\n        border-radius: 0 !important;\r\n    }\r\n\r\n    \/* Estilos de hover *\/\r\n    .btn-hover-hover1:hover {\r\n        filter: contrast(0.55);\r\n    }\r\n\r\n    .btn-hover-hover2:hover {\r\n        filter: sepia(2);\r\n    }\r\n\r\n    \/* Estilos del icono cuando existe *\/\r\n    a i {\r\n        margin-right: 8px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* Icono Lucide *\/\r\n    .btn-icon--lucide {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .btn-icon--lucide svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        display: block;\r\n    }\r\n<\/style>\r\n                            <\/div>\r\n\r\n            <div class=\"col col-right\" data-aos=\"fade-left\">\r\n                                <img decoding=\"async\" src=\"https:\/\/bonapecora.com\/wp-content\/uploads\/2025\/09\/IMG_2217-scaled.jpg\" alt=\"\" title=\"bona pecora\">\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n    .aboutus_11_1 .btn-round {\r\n        border-radius: 60px;\r\n        padding: 12px 25px;\r\n        display: inline-block;\r\n        min-width: 175px;\r\n        text-align: center;\r\n\r\n        text-decoration: none;\r\n    }\r\n\r\n    .aboutus_11_1 .vermas svg path {\r\n        stroke: var(--boton-4-texto-normal);\r\n    }\r\n\r\n    .aboutus_11_1 .vermas .hide {\r\n        display: none;\r\n    }\r\n\r\n    .aboutus_11_1 .vermas.show svg {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .aboutus_11_1 .vermas {\r\n        margin: 20px 0 30px;\r\n        display: none;\r\n        align-items: center;\r\n        gap: 10px;\r\n        cursor: pointer;\r\n        width: max-content;\r\n    }\r\n\r\n    .aboutus_11_1 .vermas span {\r\n        font-weight: var(--tamano5-font-weight);\r\n    }\r\n\r\n    .aboutus_11_1 h2 {\r\n        padding-bottom: 60px;\r\n    }\r\n\r\n    .aboutus_11_1 .row .col-left {\r\n        padding-top: 75px;\r\n        max-width: 605px;\r\n    }\r\n\r\n    .aboutus_11_1 .texto {\r\n        margin-bottom: 50px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        animation: all 0.5s ease-in-out;\r\n    }\r\n\r\n    .aboutus_11_1 .texto .texto-corto {\r\n        padding-bottom: 0 !important;\r\n    }\r\n\r\n    .aboutus_11_1 .texto ul,\r\n    .aboutus_11_1 .texto ol {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .aboutus_11_1 .texto *:not(:last-child) {\r\n        padding-bottom: 20px;\r\n    }\r\n\r\n    .aboutus_11_1 iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 560px;\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .aboutus_11_1 img {\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .aboutus_11_1 .row {\r\n        display: flex;\r\n        gap: 180px;\r\n    }\r\n\r\n    .aboutus_11_1[original-block-id=\"block_8634172a1f160e8ecaf221b405c136b8\"] .row {\r\n            }\r\n\r\n    .aboutus_11_1 {\r\n        position: relative;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        padding: 81px 150px;\r\n        margin-top: -1px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    @media (max-width:1750px) {\r\n        .aboutus_11_1 .row {\r\n            gap: 100px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1550px) {\r\n        .aboutus_11_1 {\r\n            padding-left: 50px;\r\n            padding-right: 50px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1350px) {\r\n        .aboutus_11_1 .row {\r\n            gap: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n        .aboutus_11_1 {\r\n            padding-left: 0;\r\n            padding-right: 0;\r\n        }\r\n    }\r\n\r\n    @media (max-width:992px) {\r\n        .aboutus_11_1 .row .col-left {\r\n            padding-top: 0;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .aboutus_11_1 .texto {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .aboutus_11_1 .vermas {\r\n            display: flex;\r\n        }\r\n\r\n        \/* .aboutus_11_1 .texto.show p:not(:first-child):not(:nth-child(2)) {\r\n            display: block;\r\n        }\r\n\r\n        .aboutus_11_1 .texto p:not(:first-child):not(:nth-child(2)) {\r\n            display: none;\r\n        } *\/\r\n\r\n        .aboutus_11_1 h2 {\r\n            padding-bottom: 25px;\r\n        }\r\n\r\n        .aboutus_11_1 .row {\r\n            flex-direction: column-reverse;\r\n        }\r\n\r\n        .aboutus_11_1 {\r\n            padding: 40px 0;\r\n        }\r\n\r\n        .aboutus_11_1 .video {\r\n            width: 100%;\r\n        }\r\n\r\n        .aboutus_11_1 iframe {\r\n            min-height: 475px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:768px) {\r\n        .aboutus_11_1 iframe {\r\n            min-height: 310px;\r\n        }\r\n    }\r\n<\/style>\r\n<script>\r\n    jQuery(document).ready(function($) {\r\n        const $instance = $('.aboutus_11_1[original-block-id=\"block_8634172a1f160e8ecaf221b405c136b8\"]');\r\n\r\n        if (!$instance.length) return;\r\n\r\n        const CONFIG_AU111 = {\r\n            limites: {\r\n                mobile: 200,\r\n                desktop: 600\r\n            },\r\n            breakpoint: 992\r\n        };\r\n\r\n        function truncarTextoEnUltimaPalabraAU111(texto, limite) {\r\n            if (texto.length <= limite) return texto;\r\n            const cortado = texto.substring(0, limite);\r\n            const ultimoEspacio = cortado.lastIndexOf(' ');\r\n            return (ultimoEspacio > limite * 0.8 ? cortado.substring(0, ultimoEspacio) : cortado) + '...';\r\n        }\r\n\r\n        function truncarHTMLAU111(html, limite) {\r\n            const $temp = $('<div>').html(html);\r\n            let chars = 0,\r\n                resultado = '';\r\n\r\n            function procesarNodoAU111(nodo) {\r\n                if (chars >= limite) return false;\r\n\r\n                if (nodo.nodeType === 3) {\r\n                    const texto = nodo.textContent || '';\r\n                    if (chars + texto.length <= limite) {\r\n                        resultado += texto;\r\n                        chars += texto.length;\r\n                    } else {\r\n                        resultado += truncarTextoEnUltimaPalabraAU111(texto, limite - chars);\r\n                        chars = limite;\r\n                        return false;\r\n                    }\r\n                } else if (nodo.nodeType === 1) {\r\n                    const $elem = $(nodo);\r\n                    const tag = nodo.tagName.toLowerCase();\r\n                    const textoElem = $elem.text();\r\n\r\n                    if (chars + textoElem.length <= limite) {\r\n                        resultado += $('<div>').append($elem.clone()).html();\r\n                        chars += textoElem.length;\r\n                    } else {\r\n                        const attrs = Array.from(nodo.attributes).map(a =>\r\n                            a.name + '=\"' + (a.value || '').replace(\/\"\/g, '&quot;') + '\"'\r\n                        ).join(' ');\r\n                        resultado += '<' + tag + (attrs ? ' ' + attrs : '') + '>';\r\n\r\n                        $elem.contents().each(function() {\r\n                            return procesarNodoAU111(this);\r\n                        });\r\n\r\n                        resultado += '<\/' + tag + '>';\r\n                        return false;\r\n                    }\r\n                }\r\n                return true;\r\n            }\r\n\r\n            $temp.contents().each(function() {\r\n                return procesarNodoAU111(this);\r\n            });\r\n\r\n            return resultado || truncarTextoEnUltimaPalabraAU111($temp.text(), limite);\r\n        }\r\n\r\n        function aplicarTruncadoAU111() {\r\n            $instance.find('.texto-completo').each(function() {\r\n                const $completo = $(this);\r\n                if ($completo.is(':visible')) return;\r\n\r\n                const $texto = $completo.closest('.texto');\r\n                const $corto = $completo.siblings('.texto-corto');\r\n                const $vermas = $texto.siblings('.vermas');\r\n\r\n                if (!$corto.length) return;\r\n\r\n                const html = $completo.html() || '';\r\n                const textoPlano = $completo.text() || '';\r\n                const esMobile = $(window).width() <= CONFIG_AU111.breakpoint;\r\n                const limite = esMobile ? CONFIG_AU111.limites.mobile : CONFIG_AU111.limites.desktop;\r\n                const desactivado = $texto.attr('data-desactivar-leer-mas') === '1';\r\n\r\n                if (desactivado) {\r\n                    if (!esMobile) {\r\n                        $corto.html(html).show();\r\n                        $vermas.hide();\r\n                        return;\r\n                    }\r\n                }\r\n\r\n                if (textoPlano.length > limite) {\r\n                    $corto.html(truncarHTMLAU111(html, limite)).show();\r\n                    $vermas.css('display', 'flex');\r\n                } else {\r\n                    $corto.html(html).show();\r\n                    $vermas.hide();\r\n                }\r\n            });\r\n        }\r\n\r\n        aplicarTruncadoAU111();\r\n        $(window).on('resize', aplicarTruncadoAU111);\r\n\r\n        $instance.on('click', '.vermas', function() {\r\n            const $btn = $(this);\r\n            const $texto = $btn.siblings('.texto');\r\n            const $corto = $texto.find('.texto-corto');\r\n            const $completo = $texto.find('.texto-completo');\r\n\r\n            if ($corto.is(':visible')) {\r\n                $corto.hide();\r\n                $completo.show();\r\n                $btn.addClass('show');\r\n            } else {\r\n                $completo.hide();\r\n                aplicarTruncadoAU111();\r\n                $btn.removeClass('show');\r\n            }\r\n\r\n            $btn.find('span').toggleClass('hide');\r\n        });\r\n    });\r\n<\/script>\r\n\n\n<section class=\"services_curvy1_17_3_1 background-1-light\" id=\"\" data-block-id=\"69d7a27496f3c69d7a27496f3d\" data-block-name=\"acf\/services-curvy1-17-3-1\" data-post-id=\"568\" data-stable-id=\"block_45b822404f2032db7e39152c22acf0cf\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col col-top\">\r\n                <div class=\"left\">\r\n                                        <h2 class=\"color-1-headings-dark tamano3\"><span class=\"ez-toc-section\" id=\"Explora_todos_los_estilos\"><\/span>Explora todos los estilos<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n                                                            <div class=\"texto tamano7 color-1-body-dark\"><p>Desde lo delicado hasta lo atrevido, el tatuaje que imaginas puede hacerse realidad.<\/p>\n<\/div>\r\n                                    <\/div>\r\n                <div class=\"right\">\r\n                    <div class=\"flechas\">\r\n                        <div class=\"izquierda\">\r\n                            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <circle cx=\"20\" cy=\"20\" r=\"19.25\" transform=\"rotate(180 20 20)\"\r\n                                    stroke=\"#211D4F\" stroke-width=\"1.5\" \/>\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M18.7517 23.6925C19.0596 23.9696 19.0846 24.4438 18.8075 24.7517C18.5304 25.0596 18.0562 25.0846 17.7483 24.8075L12.7508 20.3097C12.5969 20.1723 12.5 19.9725 12.5 19.75C12.5 19.5275 12.5969 19.3276 12.7508 19.1902L17.7483 14.6925C18.0562 14.4154 18.5304 14.4404 18.8075 14.7483C19.0846 15.0562 19.0596 15.5304 18.7517 15.8075L15.2045 19L27.25 19C27.6642 19 28 19.3358 28 19.75C28 20.1642 27.6642 20.5 27.25 20.5L15.2045 20.5L18.7517 23.6925Z\"\r\n                                    fill=\"#211D4F\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"derecha\">\r\n                            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <circle cx=\"20\" cy=\"20\" r=\"19.25\" transform=\"rotate(180 20 20)\"\r\n                                    stroke=\"#211D4F\" stroke-width=\"1.5\" \/>\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M18.7517 23.6925C19.0596 23.9696 19.0846 24.4438 18.8075 24.7517C18.5304 25.0596 18.0562 25.0846 17.7483 24.8075L12.7508 20.3097C12.5969 20.1723 12.5 19.9725 12.5 19.75C12.5 19.5275 12.5969 19.3276 12.7508 19.1902L17.7483 14.6925C18.0562 14.4154 18.5304 14.4404 18.8075 14.7483C19.0846 15.0562 19.0596 15.5304 18.7517 15.8075L15.2045 19L27.25 19C27.6642 19 28 19.3358 28 19.75C28 20.1642 27.6642 20.5 27.25 20.5L15.2045 20.5L18.7517 23.6925Z\"\r\n                                    fill=\"#211D4F\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row row-servicios\">\r\n            <div class=\"col col-servicios\">\r\n                <div class=\"slider\">\r\n                                                                                                    <div class=\"servicio-item\">\r\n                                <div class=\"imagenCont\">\r\n                                    <div class=\"imagen\" style=\"background-image:url('https:\/\/bonapecora.com\/wp-content\/uploads\/2024\/06\/portfoliochil-21.jpg');\"\r\n                                        aria-label=\"\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"meta background-1-dark\">\r\n                                    <div class=\"top\">\r\n                                                                                <h3 class=\"tamano5 color-2-headings-light\">Tatuajes full color<\/h3>\r\n                                                                                                                        <div class=\"texto tamano7 color-2-body-light\"><p>Quisque egestas eros id suscipit porttitor. Nullam hendrerit fermentum interdum. Donec non mi magna. Cras massa dolor, hendrerit id aliquam at, tempus nec libero. Fusce finibus eu nibh sed viverra. Suspendisse nec eleifend massa. Vivamus sit amet lorem turpis. Donec ullamcorper scelerisque purus, vitae accumsan quam varius nec.<\/p>\n<\/div>\r\n                                                                            <\/div>\r\n                                    <div class=\"bottom\">\r\n\r\n                                        <a class=\"btn-round tamano-7-mediumcta color-boton-3-texto-normal color-boton-3-normal\"\r\n                                            href=\"https:\/\/bonapecora.com\/ca\/servicios\/tatuajes-full-color\/\">Llegir m\u00e9s<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                                                <div class=\"servicio-item\">\r\n                                <div class=\"imagenCont\">\r\n                                    <div class=\"imagen\" style=\"background-image:url('https:\/\/bonapecora.com\/wp-content\/uploads\/2024\/06\/portfoliochil-16.jpg');\"\r\n                                        aria-label=\"\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"meta background-1-dark\">\r\n                                    <div class=\"top\">\r\n                                                                                <h3 class=\"tamano5 color-2-headings-light\">Tatuajes realistas<\/h3>\r\n                                                                                                                    <\/div>\r\n                                    <div class=\"bottom\">\r\n\r\n                                        <a class=\"btn-round tamano-7-mediumcta color-boton-3-texto-normal color-boton-3-normal\"\r\n                                            href=\"https:\/\/bonapecora.com\/ca\/servicios\/tatuajes-realistas\/\">Llegir m\u00e9s<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                                                <div class=\"servicio-item\">\r\n                                <div class=\"imagenCont\">\r\n                                    <div class=\"imagen\" style=\"background-image:url('https:\/\/bonapecora.com\/wp-content\/uploads\/2024\/06\/portfoliochil-6.jpg');\"\r\n                                        aria-label=\"\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"meta background-1-dark\">\r\n                                    <div class=\"top\">\r\n                                                                                <h3 class=\"tamano5 color-2-headings-light\">Tatuajes minimalistas<\/h3>\r\n                                                                                                                    <\/div>\r\n                                    <div class=\"bottom\">\r\n\r\n                                        <a class=\"btn-round tamano-7-mediumcta color-boton-3-texto-normal color-boton-3-normal\"\r\n                                            href=\"https:\/\/bonapecora.com\/ca\/servicios\/tatuajes-minimalistas\/\">Llegir m\u00e9s<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n    .services_curvy1_17_3_1 .btn-round {\r\n        border-radius: 60px;\r\n        padding: 12px 25px;\r\n        display: inline-block;\r\n        margin-top: 20px;\r\n        min-width: 175px;\r\n        text-align: center;\r\n        transition: all ease .3s;\r\n        text-decoration: none;\r\n        transform: none;\r\n    }\r\n\r\n     .services_curvy1_17_3_1 .col-top .flechas {\r\n        gap: 15px;\r\n        align-items: center;\r\n        display: flex;\r\n        justify-content: end;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .col-top {\r\n        display: flex;\r\n        align-items: flex-end;\r\n        justify-content: space-between;\r\n        gap: 30px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .left {\r\n        max-width: 50%;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item h3 {\r\n        transition: all ease .3s;\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item .texto {\r\n        transition: all ease .3s;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item:hover .btn-round {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item:hover h3 {\r\n        color: var(--boton-4-texto-hover);\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .slick-track {\r\n        display: flex !important;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .slick-slide {\r\n        height: inherit !important;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item .meta {\r\n        padding: 40px 30px;\r\n        height: calc(100% - 229px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        border-bottom-left-radius: 30px;\r\n        border-bottom-right-radius: 30px;\r\n        justify-content: space-between;\r\n        width: 100%;\r\n    }\r\n\r\n     .services_curvy1_17_3_1 .servicio-item {\r\n        width: 433px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n        justify-content: space-between;\r\n        align-items: end;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item .imagenCont {\r\n        width: 100%;\r\n        border-top-left-radius: 30px;\r\n        border-top-right-radius: 30px;\r\n        overflow: hidden;\r\n    }\r\n\r\n     .services_curvy1_17_3_1 .servicio-item:hover .imagenCont .imagen {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .servicio-item .imagenCont .imagen {\r\n        height: 229px;\r\n        transition: all ease .3s;\r\n        width: 100%;\r\n        background-position: center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        border-top-left-radius: 30px;\r\n        border-top-right-radius: 30px;\r\n        transform: none;\r\n    }\r\n\r\n     .services_curvy1_17_3_1 .servicio-item {\r\n        margin: 0 15px;\r\n        border-radius: 3px;\r\n        transition: all ease .3s;\r\n        border-top-left-radius: 30px;\r\n        border-top-right-radius: 30px;\r\n        padding: 0;\r\n    }\r\n\r\n     .services_curvy1_17_3_1 .servicio-item svg {\r\n        width: 62px;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .slick-list {\r\n        margin: 0 -15px;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 {\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .flechas .derecha {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .flechas .izquierda,\r\n    .services_curvy1_17_3_1 .flechas .derecha {\r\n        cursor: pointer;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .flechas svg:hover path {\r\n        fill: var(--color-boton-2-texto-normal);\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .flechas svg path {\r\n        fill: var(--color-boton-2-normal);\r\n        transition: all ease .3s;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .flechas svg:hover circle {\r\n        fill: var(--color-boton-2-normal);\r\n    }\r\n\r\n    .services_curvy1_17_3_1 .flechas svg circle {\r\n        fill: transparent;\r\n        stroke: var(--color-boton-2-normal);\r\n        transition: all ease .3s;\r\n    }\r\n\r\n    .services_curvy1_17_3_1 h2 {\r\n        padding-bottom: 50px;\r\n    }\r\n\r\n    @media (max-width:992px) {\r\n        .services_curvy1_17_3_1 .servicio-item svg {\r\n            width: 40px;\r\n        }\r\n\r\n        .services_curvy1_17_3_1 h2 {\r\n            padding-bottom: 35px;\r\n        }\r\n\r\n        .services_curvy1_17_3_1 {\r\n            padding: 40px 0;\r\n        }\r\n\r\n        .services_curvy1_17_3_1 .col-top {\r\n            flex-direction: column;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .services_curvy1_17_3_1 .left,\r\n        .services_curvy1_17_3_1 .right {\r\n            max-width: 100%;\r\n        }\r\n\r\n        .services_curvy1_17_3_1 .servicio-item .meta {\r\n            padding: 20px;\r\n        }\r\n\r\n        .services_curvy1_17_3_1 .flechas {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\r\n<script>\r\n    jQuery(document).ready(function() {\r\n        jQuery('.services_curvy1_17_3_1 .slider').slick({\r\n            dots: false,\r\n            arrows: true,\r\n            infinite: true,\r\n            prevArrow: jQuery('.services_curvy1_17_3_1 .flechas .izquierda'),\r\n            nextArrow: jQuery('.services_curvy1_17_3_1 .flechas .derecha'),\r\n            speed: 300,\r\n            slidesToShow: 4,\r\n            responsive: [{\r\n                    breakpoint: 1550,\r\n                    settings: {\r\n                        slidesToShow: 3\r\n                    }\r\n                },\r\n                {\r\n                    breakpoint: 1200,\r\n                    settings: {\r\n                        slidesToShow: 2\r\n                    }\r\n                },\r\n                {\r\n                    breakpoint: 768,\r\n                    settings: {\r\n                        slidesToShow: 1\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n    });\r\n<\/script>\r\n\n\n<section class=\"portfolio_home_curvy1_9_1_1 background-1-light\" id=\"\" data-block-id=\"69d7a274993d269d7a274993d3\" data-block-name=\"acf\/portfolio-home-curvy1-9-1-1\" data-post-id=\"568\" data-stable-id=\"block_fabf836f0a0f206ec1b0da54ecbe56c3\">\r\n    <div class=\"container\">\r\n        <div class=\"row flex\">\r\n            <div class=\"col col-titulo\">\r\n                <div class=\"top\">\r\n                                        <h2 class=\"tamano2 color-1-headings-dark\"><span class=\"ez-toc-section\" id=\"Descubre_mis_tatuajes\"><\/span>Descubre mis tatuajes<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n                                                            <a href=\"https:\/\/bonapecora.com\/ca\/portfolio\/\" class=\"back tamano-7-mediumcta color-1-body-dark\">\r\n                        <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <rect x=\"1\" y=\"1\" width=\"28\" height=\"28\" rx=\"14\" fill=\"#885DA6\" \/>\r\n                            <path d=\"M13 10L17.5 14.5L13 19\" stroke=\"#D3E7F6\" stroke-width=\"1.5\" \/>\r\n                        <\/svg>\r\n                        Veure tots                    <\/a>\r\n                <\/div>\r\n                <div class=\"down\">\r\n                    <div class=\"flechas\">\r\n                        <div class=\"left-flecha\">\r\n                            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <circle cx=\"20\" cy=\"20\" r=\"19.25\" transform=\"rotate(180 20 20)\"\r\n                                    stroke=\"#211D4F\" stroke-width=\"1.5\" \/>\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M18.7517 23.6925C19.0596 23.9696 19.0846 24.4438 18.8075 24.7517C18.5304 25.0596 18.0562 25.0846 17.7483 24.8075L12.7508 20.3097C12.5969 20.1723 12.5 19.9725 12.5 19.75C12.5 19.5275 12.5969 19.3276 12.7508 19.1902L17.7483 14.6925C18.0562 14.4154 18.5304 14.4404 18.8075 14.7483C19.0846 15.0562 19.0596 15.5304 18.7517 15.8075L15.2045 19L27.25 19C27.6642 19 28 19.3358 28 19.75C28 20.1642 27.6642 20.5 27.25 20.5L15.2045 20.5L18.7517 23.6925Z\"\r\n                                    fill=\"#211D4F\" \/>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n                        <div class=\"right-flecha\">\r\n                            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <circle cx=\"20\" cy=\"20\" r=\"19.25\" transform=\"rotate(180 20 20)\"\r\n                                    stroke=\"#211D4F\" stroke-width=\"1.5\" \/>\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M18.7517 23.6925C19.0596 23.9696 19.0846 24.4438 18.8075 24.7517C18.5304 25.0596 18.0562 25.0846 17.7483 24.8075L12.7508 20.3097C12.5969 20.1723 12.5 19.9725 12.5 19.75C12.5 19.5275 12.5969 19.3276 12.7508 19.1902L17.7483 14.6925C18.0562 14.4154 18.5304 14.4404 18.8075 14.7483C19.0846 15.0562 19.0596 15.5304 18.7517 15.8075L15.2045 19L27.25 19C27.6642 19 28 19.3358 28 19.75C28 20.1642 27.6642 20.5 27.25 20.5L15.2045 20.5L18.7517 23.6925Z\"\r\n                                    fill=\"#211D4F\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"container-full\">\r\n        <div class=\"row\">\r\n            <div class=\"col col-portfolios\">\r\n                                <a href=\"https:\/\/bonapecora.com\/ca\/portfolio\/arte-y-elegancia-microrealismo-en-blanco-y-negro\/\" class=\"portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bonapecora.com\/wp-content\/uploads\/2025\/09\/Leonardo_Vision_XL_Disear_una_imagen_para_una_web_de_negocio_d_0.jpg\" alt=\"\"\r\n                        title=\"\" \/>\r\n                    <div class=\"mask\"><\/div>\r\n                                        <div class=\"meta\">\r\n                        <h3 class=\" tamano5 color-4-headings-light\">Arte y Elegancia: Microrealismo en Blanco y Negro<\/h3>\r\n                        <div class=\"subtitulo tamano7 color-2-body-light\">Microrealismo<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/bonapecora.com\/ca\/portfolio\/arte-en-flor-tatuajes-botanicos-de-bona-pecora\/\" class=\"portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bonapecora.com\/wp-content\/uploads\/2025\/09\/Leonardo_Vision_XL_Disear_una_escena_minimalista_y_elegante_co_0.jpg\" alt=\"\"\r\n                        title=\"\" \/>\r\n                    <div class=\"mask\"><\/div>\r\n                                        <div class=\"meta\">\r\n                        <h3 class=\" tamano5 color-4-headings-light\">Arte en flor: tatuajes bot\u00e1nicos de Bona P\u00e8cora<\/h3>\r\n                        <div class=\"subtitulo tamano7 color-2-body-light\">Tatuajes florales<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/bonapecora.com\/ca\/portfolio\/tatuaje-acuarela-arte-elegante-en-tu-piel\/\" class=\"portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bonapecora.com\/wp-content\/uploads\/2025\/09\/Leonardo_Vision_XL_La_imagen_para_la_seccin_Informativo_debe_i_0.jpg\" alt=\"\"\r\n                        title=\"\" \/>\r\n                    <div class=\"mask\"><\/div>\r\n                                        <div class=\"meta\">\r\n                        <h3 class=\" tamano5 color-4-headings-light\">Tatuaje Acuarela: Arte Elegante en Tu Piel<\/h3>\r\n                        <div class=\"subtitulo tamano7 color-2-body-light\">Arte en piel<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/bonapecora.com\/ca\/portfolio\/tatuaje-de-flores-personalizadas-arte-unico-en-tu-piel\/\" class=\"portfolio-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bonapecora.com\/wp-content\/uploads\/2025\/09\/Leonardo_Vision_XL_Diseo_de_tatuaje_floral_elegante_y_personal_0.jpg\" alt=\"\"\r\n                        title=\"\" \/>\r\n                    <div class=\"mask\"><\/div>\r\n                                        <div class=\"meta\">\r\n                        <h3 class=\" tamano5 color-4-headings-light\">Tatuaje de flores personalizadas: Arte \u00fanico en tu piel<\/h3>\r\n                        <div class=\"subtitulo tamano7 color-2-body-light\">Arte floral<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n    .portfolio_home_curvy1_9_1_1 .back path {\r\n        stroke: var(--color-boton-1-texto-normal);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .back rect {\r\n        fill: var(--color-boton-1-normal);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .back {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        text-decoration: none;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item {\r\n        position: relative;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item:hover .play {\r\n        visibility: hidden;\r\n        opacity: 0;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item .play path {\r\n        fill: var(--color-logotipo-positive);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item .play {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transition: all ease .3s;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item img {\r\n        height: 47.5vh;\r\n        border-radius: 30px;\r\n        min-height: 47.5vh;\r\n        min-width: 500px;\r\n    }\r\n    \r\n    .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item {\r\n        margin: 0 15px;\r\n        border-radius: 30px;\r\n    }\r\n    \r\n    .portfolio_home_curvy1_9_1_1 .col-titulo .top {\r\n        max-width: 895px;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .col-titulo {\r\n        padding-left: 150px !important;\r\n        padding-right: 150px !important;\r\n        display: flex;\r\n        align-items: end;\r\n        justify-content: space-between;\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-titulo h2 {\r\n        padding-bottom: 13px;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-titulo .down .flechas .right-flecha {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .flechas svg:hover path {\r\n        fill: var(--color-boton-2-texto-normal);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .flechas svg:hover circle {\r\n        fill: var(--color-boton-2-normal);\r\n        stroke: var(--color-boton-2-normal);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .flechas path {\r\n        fill: var(--color-boton-2-normal);\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .flechas circle {\r\n        stroke: var(--color-boton-2-normal);\r\n        transition: all ease .3s;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .row .col-titulo .down .flechas {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 13px;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .slick-list {\r\n        margin: 0 -15px;\r\n        padding-left: 0 !important;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .btn-round {\r\n        border-radius: 60px;\r\n        padding: 12px 25px;\r\n        display: inline-block;\r\n        min-width: 175px;\r\n        text-align: center;\r\n        text-decoration: none;\r\n    }\r\n    \r\n    .portfolio_home_curvy1_9_1_1 .row.flex {\r\n        display: flex;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 {\r\n        overflow: hidden;\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item {\r\n        position: relative;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item:hover .mask,\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item:hover .meta,\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item.hover .mask,\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item.hover .meta {\r\n        visibility: visible;\r\n        opacity: 1;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item .mask {\r\n        background: rgb(0 0 0 \/ 25%);\r\n        border-radius: 30px;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n    }\r\n    \r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item .meta {\r\n        padding: 40px 25px;\r\n        position: relative;\r\n        width: 100%;\r\n        z-index: 1;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item .meta .texto {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .portfolio_home_curvy1_9_1_1 .portfolio-item .meta {\r\n        position: absolute;\r\n        visibility: hidden;\r\n        transition: all ease .3s;\r\n        opacity: 0;\r\n        width: 100%;\r\n        z-index: 1;\r\n        bottom: 0;\r\n    }\r\n\r\n    @media (max-width:1750px) {\r\n        .portfolio_home_curvy1_9_1_1 .col-titulo {\r\n            padding-left: 50px !important;\r\n            padding-right: 50px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1550px) {\r\n        .portfolio_home_curvy1_9_1_1 .col-titulo {\r\n            padding-left: 15px !important;\r\n            padding-right: 15px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width:992px) {\r\n        .portfolio_home_curvy1_9_1_1 .col-titulo .down {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: end;\r\n            margin-top: -73px;\r\n        }\r\n\r\n        .portfolio_home_curvy1_9_1_1 .col-titulo {\r\n            flex-direction: column;\r\n            align-items: baseline;\r\n            gap: 30px;\r\n        }\r\n\r\n        .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item img {\r\n            height: 400px;\r\n        }\r\n\r\n        .portfolio_home_curvy1_9_1_1 {\r\n            padding: 40px 0;\r\n        }\r\n    }\r\n\r\n    @media (max-width:768px) {\r\n        .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item {\r\n            margin: 0px 25px;\r\n            max-height: 250px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item h3 {\r\n            line-height: var(--tamano7-line-height);\r\n        }\r\n\r\n        .portfolio_home_curvy1_9_1_1 .row .col-portfolios .portfolio-item img {\r\n            height: 26vh;\r\n            min-height: auto;\r\n            min-width: 90vw;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .portfolio_home_curvy1_9_1_1 .slick-list {\r\n            margin: 0 0;\r\n            padding: 0 !important;\r\n        }\r\n    }\r\n<\/style>\r\n<script>\r\n    jQuery(document).ready(function($) {\r\n        try {\r\n            if (jQuery('.portfolio_home_curvy1_9_1_1 .col-portfolios'))\r\n                jQuery('.portfolio_home_curvy1_9_1_1 .col-portfolios').slick({\r\n                    \/\/ autoplay: true,\r\n                    infinite: true,\r\n                    arrows: false,\r\n                    variableWidth: true,\r\n                    dots: false,\r\n                    autoplay: true,\r\n                    autoplaySpeed: 5000,\r\n                    arrows: true,\r\n                    centerMode: true,\r\n                    prevArrow: jQuery('.portfolio_home_curvy1_9_1_1 .left-flecha'),\r\n                    nextArrow: jQuery('.portfolio_home_curvy1_9_1_1 .right-flecha'),\r\n                    responsive: [{\r\n                            breakpoint: 1350,\r\n                            settings: {\r\n                                slidesToShow: 1,\r\n                            }\r\n                        },\r\n                        {\r\n                            breakpoint: 768,\r\n                            settings: {\r\n                                slidesToShow: 1,\r\n                                centerPadding: '50px',\r\n                                centerMode: true\r\n                            }\r\n                        }\r\n                    ]\r\n                });\r\n        } catch (error) {\r\n\r\n        }\r\n    });\r\n<\/script>\r\n\n\n<section class=\"cta_curvy1_3_1_2 background-1-light\" id=\"\" data-block-id=\"69d7a2749d5a669d7a2749d5a9\" data-block-name=\"acf\/cta-curvy1-3-1-2\" data-post-id=\"568\" data-stable-id=\"block_03db6630e8a71953db5db2391256cc19\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col\">\r\n                <div class=\"inner background-1-dark\">\r\n                                        <div class=\"titulo\">\r\n                        <h2 class=\"tamano3 color-2-headings-light\"><span class=\"ez-toc-section\" id=\"%C2%BFTienes_una_idea_en_mente\"><\/span>\u00bfTienes una idea en mente?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n                    <\/div>\r\n                                                            <div class=\"texto color-2-body-light tamano7\"><p>Escr\u00edbeme y dise\u00f1emos juntos el tatuaje que mejor te represente.<\/p>\n<\/div>\r\n                                                                <div class=\"ctas\">\r\n                                                            <a href=\"https:\/\/bonapecora.com\/contacto\/\" target=\"\" class=\"btn-round tamano-7-mediumcta color-boton-3-texto-normal color-boton-3-texto-hover color-boton-3-normal color-boton-3-hover\">\r\n    \r\n    <span>Hazlo realidad<\/span>\r\n<\/a>\r\n\r\n<style>\r\n    .btn-border-rounded {\r\n        border-radius: 12px !important;\r\n    }\r\n\r\n    .btn-border-square {\r\n        border-radius: 0 !important;\r\n    }\r\n\r\n    \/* Estilos de hover *\/\r\n    .btn-hover-hover1:hover {\r\n        filter: contrast(0.55);\r\n    }\r\n\r\n    .btn-hover-hover2:hover {\r\n        filter: sepia(2);\r\n    }\r\n\r\n    \/* Estilos del icono cuando existe *\/\r\n    a i {\r\n        margin-right: 8px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* Icono Lucide *\/\r\n    .btn-icon--lucide {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .btn-icon--lucide svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        display: block;\r\n    }\r\n<\/style>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n    .cta_curvy1_3_1_2 .inner {\r\n        display: flex;\r\n        gap: 30px;\r\n        border-radius: 30px;\r\n        align-items: center;\r\n        padding: 55px 150px;\r\n        justify-content: space-between;\r\n    }\r\n\r\n     .cta_curvy1_3_1_2 .titulo {\r\n        max-width: 430px;\r\n        width: 100%;\r\n    }\r\n\r\n    .cta_curvy1_3_1_2 .texto {\r\n        max-width: 660px;\r\n        text-align: left;\r\n        width: 100%;\r\n    }\r\n\r\n    .cta_curvy1_3_1_2 {\r\n        padding: 80px 0;\r\n        position: relative;\r\n    }\r\n\r\n    .cta_curvy1_3_1_2 .btn-round {\r\n        border-radius: 60px;\r\n        padding: 15px 30px;\r\n        display: inline-block;\r\n        text-align: center;\r\n        transition: all ease .3s;\r\n        text-decoration: none;\r\n        min-width: 278px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    @media (max-width:1750px) {\r\n        .cta_curvy1_3_1_2 .texto {\r\n            max-width: 500px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1600px) {\r\n        .cta_curvy1_3_1_2 .inner {\r\n            padding-left: 50px;\r\n            padding-right: 50px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1400px) {\r\n        .cta_curvy1_3_1_2 .texto {\r\n            max-width: 100%;\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 .titulo {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n        .cta_curvy1_3_1_2 .inner {\r\n            padding-left: 15px;\r\n            padding-right: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:992px) {\r\n        .cta_curvy1_3_1_2 .col .inner {\r\n            border-radius: 30px;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n         .cta_curvy1_3_1_2 .col .inner>* {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            text-align: left;\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 .inner {\r\n            padding: 33px 23px;\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 .col .ctas {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: start;\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 .col {\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 {\r\n            padding: 40px 0;\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 .btn-round {\r\n            min-width: 240px\r\n        }\r\n\r\n        .cta_curvy1_3_1_2 .titulo h2 {\r\n            line-height: var(--tamano5-line-height);\r\n        }\r\n    }\r\n<\/style>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":30,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"iawp_total_views":3,"footnotes":""},"class_list":["post-568","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Descubre el arte en Bona P\u00e8cora<\/title>\n<meta name=\"description\" content=\"Explora nuestros tatuajes \u00fanicos y estilos personalizados. Desde tatuajes full color hasta minimalistas, Bona P\u00e8cora transforma tus ideas en arte sobre la piel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bonapecora.com\/ca\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Descubre el arte en Bona P\u00e8cora\" \/>\n<meta property=\"og:description\" content=\"Explora nuestros tatuajes \u00fanicos y estilos personalizados. Desde tatuajes full color hasta minimalistas, Bona P\u00e8cora transforma tus ideas en arte sobre la piel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bonapecora.com\/ca\/\" \/>\n<meta property=\"og:site_name\" content=\"Bona P\u00e8cora\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T08:10:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Descubre el arte en Bona P\u00e8cora","description":"Explora nuestros tatuajes \u00fanicos y estilos personalizados. Desde tatuajes full color hasta minimalistas, Bona P\u00e8cora transforma tus ideas en arte sobre la piel.","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:\/\/bonapecora.com\/ca\/","og_locale":"ca_ES","og_type":"article","og_title":"Descubre el arte en Bona P\u00e8cora","og_description":"Explora nuestros tatuajes \u00fanicos y estilos personalizados. Desde tatuajes full color hasta minimalistas, Bona P\u00e8cora transforma tus ideas en arte sobre la piel.","og_url":"https:\/\/bonapecora.com\/ca\/","og_site_name":"Bona P\u00e8cora","article_modified_time":"2025-09-11T08:10:32+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bonapecora.com\/ca\/","url":"https:\/\/bonapecora.com\/ca\/","name":"Descubre el arte en Bona P\u00e8cora","isPartOf":{"@id":"https:\/\/bonapecora.com\/ca\/#website"},"datePublished":"2024-06-19T08:00:34+00:00","dateModified":"2025-09-11T08:10:32+00:00","description":"Explora nuestros tatuajes \u00fanicos y estilos personalizados. Desde tatuajes full color hasta minimalistas, Bona P\u00e8cora transforma tus ideas en arte sobre la piel.","breadcrumb":{"@id":"https:\/\/bonapecora.com\/ca\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bonapecora.com\/ca\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bonapecora.com\/ca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/bonapecora.com\/ca\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/bonapecora.com\/ca\/#website","url":"https:\/\/bonapecora.com\/ca\/","name":"Bona P\u00e8cora","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bonapecora.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"}]}},"_links":{"self":[{"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/pages\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":4,"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/pages\/568\/revisions"}],"predecessor-version":[{"id":835,"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/pages\/568\/revisions\/835"}],"wp:attachment":[{"href":"https:\/\/bonapecora.com\/ca\/wp-json\/wp\/v2\/media?parent=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}