{"id":20074,"date":"2025-06-28T15:36:14","date_gmt":"2025-06-28T13:36:14","guid":{"rendered":"https:\/\/ambertattoo.ink\/?page_id=20074"},"modified":"2026-01-09T14:42:50","modified_gmt":"2026-01-09T13:42:50","slug":"o-nas","status":"publish","type":"page","link":"https:\/\/ambertattoo.ink\/es\/o-nas\/","title":{"rendered":"Qui\u00e9nes somos"},"content":{"rendered":"<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n    \/* 0. \u041e\u041f\u0422\u0418\u041c\u0418\u0417\u0410\u0426\u0418\u042f \u0428\u0420\u0418\u0424\u0422\u041e\u0412 *\/\n    @font-face {\n        font-family: 'Source Sans 3';\n        font-display: swap !important;\n    }\n\n    :root, html, body, * {\n        font-display: swap !important;\n        --primary: #ff7a00;\n        --bg: #050505;\n        font-family: 'Source Sans 3', sans-serif !important; \n    }\n\n    \/* \u0418\u041d\u0414\u0418\u041a\u0410\u0422\u041e\u0420 \u0421\u041a\u0420\u041e\u041b\u041b\u0410 *\/\n    .amber-progress-bar {\n        position: fixed; top: 0; left: 0; height: 3px;\n        background: var(--primary); width: 0%;\n        z-index: 2005; transition: width 0.1s ease-out;\n    }\n\n    \/* \u0412\u0415\u0420\u0425\u041d\u042f\u042f \u0418\u041d\u0424\u041e-\u041f\u0410\u041d\u0415\u041b\u042c (NAP SEO) *\/\n    .amber-top-bar {\n        background: #000;\n        color: #888;\n        font-size: 10px;\n        padding: 8px 50px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        position: fixed;\n        top: 0; left: 0; right: 0;\n        z-index: 1501;\n        border-bottom: 1px solid rgba(255,255,255,0.05);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: transform 0.4s;\n    }\n\n    .amber-top-bar .nap-brand { color: #fff; font-weight: 700; }\n    .amber-top-bar .nap-info { display: flex; gap: 25px; }\n    .amber-top-bar a { color: #fff; text-decoration: none; transition: 0.3s; font-weight: 700; }\n    .amber-top-bar a:hover { color: var(--primary); }\n    .amber-top-bar span.icon-label { color: var(--primary); margin-right: 4px; }\n    .amber-top-bar.hidden { transform: translateY(-100%); }\n\n    \/* \u0428\u0410\u041f\u041a\u0410 *\/\n    .amber-header-elite {\n        display: flex; justify-content: space-between; align-items: center;\n        padding: 25px 50px; \n        position: fixed; \n        top: 31px !important; \n        left: 0; right: 0; \n        z-index: 1500; \n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n        background: rgba(0, 0, 0, 0.7);\n    }\n\n    .amber-header-elite.sticky {\n        padding: 12px 50px; \n        background: rgba(0, 0, 0, 0.95);\n        backdrop-filter: blur(20px); \n        border-bottom: 1px solid rgba(255, 122, 0, 0.3);\n        top: 0 !important;\n    }\n\n    \/* \u041b\u041e\u0413\u041e\u0422\u0418\u041f *\/\n    .amber-logo-box { display: block; width: 150px; height: 50px; z-index: 1601; position: relative; }\n    .amber-logo-box img { height: 50px !important; width: 150px !important; object-fit: contain; transition: 0.4s; }\n    .amber-header-elite.sticky .amber-logo-box img { height: 38px !important; width: 114px !important; }\n\n    \/* \u041a\u041d\u041e\u041f\u041a\u0410 \u041c\u0415\u041d\u042e (\u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0441\u043a\u0440\u044b\u0442\u0430) *\/\n    .amber-menu-trigger { display: none; }\n\n    \/* \u041d\u0410\u0412\u0418\u0413\u0410\u0426\u0418\u042f *\/\n    .amber-nav-elite { display: flex; gap: 25px; align-items: center; }\n    .amber-nav-elite a {\n        color: #fff; text-decoration: none !important;\n        text-transform: uppercase; font-weight: 700 !important; font-size: 11px;\n        letter-spacing: 1.5px; transition: 0.3s; position: relative;\n    }\n    .amber-nav-elite a::after {\n        content: ''; position: absolute; width: 0; height: 2px;\n        bottom: -5px; left: 0; background: var(--primary); transition: 0.4s;\n    }\n    .amber-nav-elite a:hover { color: var(--primary); }\n    .amber-nav-elite a:hover::after { width: 100%; }\n\n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u0420\u0435\u0437\u0435\u0440\u0432\u0430\u0446\u0438\u044f *\/\n    .amber-nav-elite a.nav-cta {\n        background: var(--primary);\n        color: #000 !important;\n        padding: 8px 18px;\n        border-radius: 2px;\n        letter-spacing: 2px;\n    }\n    .amber-nav-elite a.nav-cta::after { display: none; }\n    .amber-nav-elite a.nav-cta:hover { background: #fff; color: #000 !important; transform: translateY(-2px); }\n\n    .header-spacer { height: 130px; background: var(--bg); }\n\n    \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c *\/\n    @media (max-width: 1200px) {\n        .amber-nav-elite { gap: 15px; }\n        .amber-nav-elite a { font-size: 10px; letter-spacing: 1px; }\n    }\n\n    @media (max-width: 992px) {\n        .amber-top-bar { padding: 8px 15px; font-size: 8.5px; flex-direction: column; gap: 5px; text-align: center; }\n        .amber-top-bar .nap-info { gap: 10px; }\n        .amber-header-elite { padding: 15px 20px; top: 45px !important; }\n        .header-spacer { height: 120px; }\n        \n        .amber-nav-elite {\n            position: fixed; top: 0; right: -100%; height: 100vh; width: 280px;\n            background: #0a0a0a; flex-direction: column; justify-content: center; align-items: center; transition: 0.5s ease;\n            gap: 30px;\n            z-index: 1550;\n            box-shadow: -10px 0 30px rgba(0,0,0,0.8);\n        }\n        .amber-nav-elite.active { right: 0; }\n        \n        \/* \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 \u043c\u0435\u043d\u044e \u0442\u043e\u043b\u044c\u043a\u043e \u0437\u0434\u0435\u0441\u044c *\/\n        .amber-menu-trigger { \n            display: block; \n            z-index: 1600; \n            cursor: pointer;\n            width: 40px; height: 30px; \n            position: relative;\n        }\n        .amber-menu-trigger span { \n            display: block; width: 28px; height: 2px; background: var(--primary); \n            margin: 6px auto; \n            transition: all 0.3s ease;\n        }\n        .amber-menu-trigger.active span:nth-child(1) { transform: rotate(45deg) translateY(11px); }\n        .amber-menu-trigger.active span:nth-child(2) { opacity: 0; }\n        .amber-menu-trigger.active span:nth-child(3) { transform: rotate(-45deg) translateY(-11px); }\n    }\n<\/style>\n\n<div class=\"amber-progress-bar\" id=\"scrollBar\"><\/div>\n\n<div class=\"amber-top-bar\" id=\"topBar\">\n    <div class=\"nap-brand\">Estudio de tatuajes Amber Tattoo Wroclaw<\/div>\n    <div class=\"nap-info\">\n        <div class=\"top-item\"><span class=\"icon-label\">Direcci\u00f3n:<\/span> V\u00edctimas de Auschwitz 15<\/div>\n        <div class=\"top-item\"><span class=\"icon-label\">Tel:<\/span> <a href=\"tel:+48888935750\">888 935 750<\/a><\/div>\n    <\/div>\n<\/div>\n\n<header class=\"amber-header-elite\" id=\"eliteHeader\">\n    <a href=\"https:\/\/ambertattoo.ink\/es\/\" class=\"amber-logo-box\">\n        <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/amber-tattoo-logo.webp?resize=150%2C50&#038;ssl=1\" \n             alt=\"Amber Tattoo Studio\" \n             width=\"150\" height=\"50\" \n             fetchpriority=\"high\" \n             decoding=\"sync\">\n    <\/a>\n    \n    <div class=\"amber-menu-trigger\" id=\"menuToggle\">\n        <span><\/span><span><\/span><span><\/span>\n    <\/div>\n\n    <nav class=\"amber-nav-elite\" id=\"navElite\">\n        <a href=\"https:\/\/ambertattoo.ink\/es\/\">Inicio<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/es\/tatuaze\/\">Cartera<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/es\/cennik\/\">Lista de precios<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/es\/praca\/\">Praca<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/es\/kontakt\/\">P\u00f3ngase en contacto con<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/es\/o-nas\/\">O Nas<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/es\/umow-sie-na-tatuaz\/\" class=\"nav-cta\">Reservas<\/a>\n    <\/nav>\n<\/header>\n\n<div class=\"header-spacer\"><\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 1. \u041b\u043e\u0433\u0438\u043a\u0430 \u0441\u043a\u0440\u043e\u043b\u043b\u0430\n    window.addEventListener('scroll', () => {\n        const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n        const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n        const scrolled = (winScroll \/ height) * 100;\n        \n        const scrollBar = document.getElementById(\"scrollBar\");\n        if(scrollBar) scrollBar.style.width = scrolled + \"%\";\n        \n        const header = document.getElementById('eliteHeader');\n        const topBar = document.getElementById('topBar');\n        \n        if (header && topBar) {\n            if (winScroll > 40) {\n                header.classList.add('sticky');\n                topBar.classList.add('hidden');\n            } else {\n                header.classList.remove('sticky');\n                topBar.classList.remove('hidden');\n            }\n        }\n    });\n\n    \/\/ 2. \u041b\u043e\u0433\u0438\u043a\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e\n    const menuToggle = document.getElementById('menuToggle');\n    const navElite = document.getElementById('navElite');\n    \n    if (menuToggle && navElite) {\n        menuToggle.addEventListener('click', function(e) {\n            e.preventDefault();\n            this.classList.toggle('active');\n            navElite.classList.toggle('active');\n        });\n        \n        \/\/ \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043c\u0435\u043d\u044e \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0441\u0441\u044b\u043b\u043a\u0443 \u0432\u043d\u0443\u0442\u0440\u0438\n        const navLinks = navElite.querySelectorAll('a');\n        navLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                menuToggle.classList.remove('active');\n                navElite.classList.remove('active');\n            });\n        });\n    }\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n    \/* GLOBAL STYLES *\/\n    .amber-wrapper { box-sizing: border-box; font-family: 'Source Sans 3', sans-serif !important; }\n    .amber-wrapper * { box-sizing: border-box; }\n    \n    .amber-wrapper a { \n        text-decoration: none !important; \n        border: none !important; \n        box-shadow: none !important; \n    }\n\n    .amber-orange { color: #ff7a00 !important; font-weight: bold; }\n    \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0412\u0438\u043a\u0438\u043f\u0435\u0434\u0438\u044e (\u043f\u043e\u0434\u0447\u0435\u0440\u043a\u0438\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438) *\/\n    a.wiki-link { color: #ff7a00 !important; font-weight: bold; transition: 0.3s; border-bottom: 1px dashed rgba(255, 122, 0, 0.5) !important; }\n    a.wiki-link:hover { color: #fff !important; border-bottom-color: #fff !important; }\n\n    .amber-about-section { padding: 60px 20px; max-width: 1200px; margin: 0 auto; }\n    \n    .about-grid { \n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 60px; \n        align-items: center; \n        margin-bottom: 80px; \n    }\n\n    .about-image-box { position: relative; }\n    .about-image-box img {\n        width: 100%;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        filter: grayscale(100%);\n        transition: 0.5s;\n    }\n    .about-image-box:hover img { filter: grayscale(0%); border-color: #ff7a00; }\n\n    .about-image-box::after {\n        content: '';\n        position: absolute;\n        top: 15px; left: 15px;\n        width: 100%; height: 100%;\n        border: 1px solid #ff7a00;\n        z-index: -1;\n    }\n\n    .values-grid { \n        display: grid; \n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \n        gap: 30px; \n    }\n\n    .value-item {\n        background-color: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 40px 30px;\n        transition: 0.3s;\n    }\n    .value-item:hover { border-color: #ff7a00; background-color: rgba(255, 122, 0, 0.02); }\n\n    @media (max-width: 992px) {\n        .about-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n        .about-image-box::after { display: none; }\n    }\n<\/style>\n\n<div class=\"amber-wrapper\" style=\"color: #e0e0e0; width: 100%; background-color: #050505;\">\n\n    <div class=\"amber-about-section\">\n        \n        <div style=\"max-width: 900px; margin: 0 auto 80px auto; text-align: center;\">\n            <h1 style=\"color: #ff7a00; text-transform: uppercase; letter-spacing: 4px; font-size: 2.5rem; margin: 0 0 20px 0;\">O Nas<\/h1>\n            <div style=\"width: 50px; height: 3px; background: #ff7a00; margin: 0 auto;\"><\/div>\n        <\/div>\n\n        <div class=\"about-grid\">\n            <div class=\"about-content\">\n                <h2 style=\"color: #fff; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 30px;\">\n                    Profesjonalne Studio Tatua\u017cu <span class=\"amber-orange\">Tatuaje \u00c1mbar<\/span> we Wroc\u0142awiu\n                <\/h2>\n                <p style=\"font-size: 1.1rem; line-height: 1.8; color: #ccc; margin-bottom: 20px;\">\n                    Szukasz miejsca, gdzie Twoja wizja zmieni si\u0119 w <span class=\"amber-orange\">perfekcyjny tatua\u017c<\/span>? Amber Tattoo to wi\u0119cej ni\u017c studio \u2014 to przestrze\u0144 stworzona dla os\u00f3b, kt\u00f3re ceni\u0105 bezkompromisow\u0105 jako\u015b\u0107 i artystyczne podej\u015bcie. Mie\u015bcimy si\u0119 w samym sercu Wroc\u0142awia, w zabytkowej kamienicy <a href=\"https:\/\/pl.wikipedia.org\/wiki\/Kamienica_przy_ul._Ofiar_O%C5%9Bwi%C4%99cimskich_15_we_Wroc%C5%82awiu\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wiki-link\" title=\"Przeczytaj histori\u0119 budynku na Wikipedii\">przy ul. Ofiar O\u015bwi\u0119cimskich 15<\/a>, \u0142\u0105cz\u0105c histori\u0119 miasta ze sztuk\u0105 nowoczesnego tatua\u017cu.\n                <\/p>\n                <p style=\"font-size: 1.1rem; line-height: 1.8; color: #ccc; margin-bottom: 20px;\">\n                    Specjalizujemy si\u0119 w tworzeniu <span class=\"amber-orange\">autorskich projekt\u00f3w<\/span>, kt\u00f3re idealnie wsp\u00f3\u0142graj\u0105 z anatomi\u0105 cia\u0142a. Od precyzyjnego fineline, przez mroczny realizm, a\u017c po odwa\u017cne kompozycje kolorowe \u2014 ka\u017cdy tatua\u017c w naszym wykonaniu to unikalna historia opowiedziana tuszem.\n                <\/p>\n                <p style=\"font-size: 1.1rem; line-height: 1.8; color: #ccc;\">\n                    Stawiamy na <span class=\"amber-orange\">maksymalne bezpiecze\u0144stwo<\/span> i sterylno\u015b\u0107. Pracujemy wy\u0142\u0105cznie na certyfikowanych pigmentach i sprz\u0119cie klasy premium, zapewniaj\u0105c Ci komfort na ka\u017cdym etapie sesji.\n                <\/p>\n            <\/div>\n            \n            <div class=\"about-image-box\">\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/cpm35-2025-05-07-180258.080-2.jpg?ssl=1\" alt=\"Studio tatua\u017cu Amber Tattoo Wroc\u0142aw - profesjonalne podej\u015bcie\">\n            <\/div>\n        <\/div>\n\n        <div class=\"values-grid\">\n            <div class=\"value-item\">\n                <h3 style=\"color: #fff; text-transform: uppercase; font-size: 1.1rem; margin-bottom: 15px; border-bottom: 2px solid #ff7a00; display: inline-block; padding-bottom: 5px;\">Personalizaci\u00f3n<\/h3>\n                <p style=\"color: #a0a0a0; line-height: 1.6; margin: 0;\">Niezale\u017cnie od tego, czy wybierasz autorski projekt, czy klasyczny symbol, <span class=\"amber-orange\">dopasowujemy go do Twojej anatomii<\/span>. Dbamy o to, aby ka\u017cdy detal idealnie wsp\u00f3\u0142gra\u0142 z lini\u0105 Twojego cia\u0142a.<\/p>\n            <\/div>\n\n            <div class=\"value-item\">\n                <h3 style=\"color: #fff; text-transform: uppercase; font-size: 1.1rem; margin-bottom: 15px; border-bottom: 2px solid #ff7a00; display: inline-block; padding-bottom: 5px;\">Do\u015bwiadczenie<\/h3>\n                <p style=\"color: #a0a0a0; line-height: 1.6; margin: 0;\">Nasi arty\u015bci to profesjonali\u015bci z wieloletnim sta\u017cem. Gwarantujemy <span class=\"amber-orange\">perfekcyjne gojenie<\/span> i trwa\u0142o\u015b\u0107 detali przez lata.<\/p>\n            <\/div>\n\n            <div class=\"value-item\">\n                <h3 style=\"color: #fff; text-transform: uppercase; font-size: 1.1rem; margin-bottom: 15px; border-bottom: 2px solid #ff7a00; display: inline-block; padding-bottom: 5px;\">Transparentno\u015b\u0107<\/h3>\n                <p style=\"color: #a0a0a0; line-height: 1.6; margin: 0;\">Zapewniamy darmowe <span class=\"amber-orange\">konsultacje<\/span> i jasn\u0105 wycen\u0119 przed startem. Twoje zaufanie jest dla nas kluczowe.<\/p>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin-top: 100px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 50px;\">\n            <p style=\"color: #fff; font-size: 1.3rem; margin-bottom: 10px;\">Masz pomys\u0142 na tatua\u017c, ale nie wiesz od czego zacz\u0105\u0107?<\/p>\n            <p style=\"color: #ff7a00; font-weight: bold; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px;\">\n                Zr\u00f3b pierwszy krok i um\u00f3w si\u0119 na darmow\u0105 konsultacj\u0119.\n            <\/p>\n            <a href=\"https:\/\/wa.me\/48888935750\" target=\"_blank\" style=\"display: inline-block; margin-top: 30px; background-color: #ff7a00; color: #000; padding: 18px 45px; font-weight: bold; text-transform: uppercase; font-size: 1rem; transition: 0.3s;\" rel=\"noopener\">\n                Skonsultuj sw\u00f3j pomys\u0142\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>O Nas Profesjonalne Studio Tatua\u017cu Amber Tattoo we Wroc\u0142awiu Szukasz miejsca, gdzie Twoja wizja zmieni si\u0119 w perfekcyjny tatua\u017c? Amber Tattoo to wi\u0119cej ni\u017c studio \u2014 to przestrze\u0144 stworzona dla os\u00f3b, kt\u00f3re ceni\u0105 bezkompromisow\u0105 jako\u015b\u0107 i artystyczne podej\u015bcie. Mie\u015bcimy si\u0119 w samym sercu Wroc\u0142awia, w zabytkowej kamienicy przy ul. Ofiar O\u015bwi\u0119cimskich 15, \u0142\u0105cz\u0105c histori\u0119 miasta [&hellip;]<\/p>\n","protected":false},"author":216297396,"featured_media":20986,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-20074","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/pages\/20074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/users\/216297396"}],"replies":[{"embeddable":true,"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/comments?post=20074"}],"version-history":[{"count":11,"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/pages\/20074\/revisions"}],"predecessor-version":[{"id":21667,"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/pages\/20074\/revisions\/21667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/media\/20986"}],"wp:attachment":[{"href":"https:\/\/ambertattoo.ink\/es\/wp-json\/wp\/v2\/media?parent=20074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}