{"id":1643,"date":"2026-05-14T17:07:00","date_gmt":"2026-05-14T15:07:00","guid":{"rendered":"https:\/\/drumandbarr.com\/?page_id=1643"},"modified":"2026-05-14T17:07:56","modified_gmt":"2026-05-14T15:07:56","slug":"drumbarr-edicion-especial-colaboraciones","status":"publish","type":"page","link":"https:\/\/drumandbarr.com\/es\/drumbarr-edicion-especial-colaboraciones\/","title":{"rendered":"Drum&#038;Barr | Edici\u00f3n Especial &#038; Colaboraciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1643\" class=\"elementor elementor-1643\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ada4ca3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ada4ca3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-248c32d\" data-id=\"248c32d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f98c79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f98c79\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3aaafd4\" data-id=\"3aaafd4\" data-element_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-62f471b elementor-widget elementor-widget-html\" data-id=\"62f471b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Drum&Barr x Sayagata Love<\/title>\r\n    \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Plus+Jakarta+Sans:wght@300;500;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* --- CORE STYLES (Esencia Urbana \/ Festival) --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --black: #0B0B0B;\r\n            --orange: #FF6B00; \/* Naranja festivalero, puro contraste *\/\r\n            --white: #FFFFFF;\r\n            --gray: #F5F5F7;\r\n            --text-muted: #6E6E73;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            background-color: var(--white);\r\n            color: var(--black);\r\n            overflow-x: hidden;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Navbar estilo Drum&Barr *\/\r\n        .navbar {\r\n            padding: 1.5rem 2rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-bottom: 1px solid var(--gray);\r\n        }\r\n\r\n        .logo {\r\n            font-family: 'Syncopate', sans-serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            letter-spacing: 4px;\r\n        }\r\n\r\n        .logo span {\r\n            color: var(--orange);\r\n        }\r\n\r\n        \/* Layout Principal Split (Texto a la izquierda, Tarjeta a la derecha) *\/\r\n        .main-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 4rem 2rem;\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            min-height: 80vh;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .main-container {\r\n                grid-template-columns: 1.2fr 0.8fr;\r\n            }\r\n        }\r\n\r\n        \/* Bloque Izquierdo: Descripci\u00f3n de la Marca de la Amiga *\/\r\n        .brand-info {\r\n            opacity: 0;\r\n            transform: translateX(-30px);\r\n            transition: all 1s ease-out;\r\n        }\r\n\r\n        .tagline {\r\n            font-family: 'Syncopate', sans-serif;\r\n            font-size: 0.8rem;\r\n            color: var(--orange);\r\n            letter-spacing: 3px;\r\n            margin-bottom: 1rem;\r\n            display: inline-block;\r\n        }\r\n\r\n        h1 {\r\n            font-size: 2.8rem;\r\n            font-weight: 800;\r\n            letter-spacing: -1px;\r\n            line-height: 1.1;\r\n            margin-bottom: 1.5rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        h1 span {\r\n            color: var(--orange);\r\n        }\r\n\r\n        .description {\r\n            font-size: 1.1rem;\r\n            color: var(--text-muted);\r\n            margin-bottom: 2rem;\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* Bloque Derecho: Tarjeta de Enlace Flotante *\/\r\n        .card-wrapper {\r\n            opacity: 0;\r\n            transform: translateX(30px);\r\n            transition: all 1s ease-out 0.2s;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .promo-card {\r\n            background: var(--black);\r\n            color: var(--white);\r\n            padding: 2.5rem;\r\n            border-radius: 24px;\r\n            width: 100%;\r\n            max-width: 380px;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 2px solid transparent;\r\n            transition: border-color 0.3s ease;\r\n        }\r\n\r\n        .promo-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,107,0,0.15) 0%, transparent 70%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Contenedor del Icono de Zapato *\/\r\n        .shoe-icon-box {\r\n            width: 70px;\r\n            height: 70px;\r\n            background-color: rgba(255, 107, 0, 0.1);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 2rem;\r\n            border: 1px solid rgba(255, 107, 0, 0.3);\r\n        }\r\n\r\n        .shoe-icon-box i {\r\n            color: var(--orange);\r\n            font-size: 2rem;\r\n            transform: rotate(-15deg);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .card-title {\r\n            font-family: 'Syncopate', sans-serif;\r\n            font-size: 1.1rem;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .card-subtitle {\r\n            color: var(--text-muted);\r\n            font-size: 0.9rem;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        \/* Bot\u00f3n de Acci\u00f3n Reclamado: Clic Aqu\u00ed *\/\r\n        .cta-button {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            background-color: var(--orange);\r\n            color: var(--white);\r\n            text-decoration: none;\r\n            padding: 1.2rem 1.5rem;\r\n            border-radius: 14px;\r\n            font-weight: 800;\r\n            font-size: 0.95rem;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cta-button i {\r\n            font-size: 1.1rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        \/* --- EFECTOS HOVER (Para dejarlo brutal) --- *\/\r\n        .promo-card:hover {\r\n            border-color: var(--orange);\r\n        }\r\n\r\n        .promo-card:hover .shoe-icon-box i {\r\n            transform: rotate(0deg) scale(1.1);\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background-color: var(--white);\r\n            color: var(--black);\r\n            box-shadow: 0 0 20px rgba(255, 107, 0, 0.4);\r\n        }\r\n\r\n        .cta-button:hover i {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* Estado de animaci\u00f3n activa mediante JS *\/\r\n        .reveal {\r\n            opacity: 1 !important;\r\n            transform: translate(0) !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <nav class=\"navbar\">\r\n        <div class=\"logo\">DRUM<span>&<\/span>BARR<\/div>\r\n        <div style=\"font-size: 0.8rem; font-weight: 800; letter-spacing: 2px;\">COLLECTION<\/div>\r\n    <\/nav>\r\n\r\n    <main class=\"main-container\">\r\n        \r\n        <section class=\"brand-info\" id=\"infoBlock\">\r\n            <span class=\"tagline\">Exclusive Collaboration<\/span>\r\n            <h1>Cultura urbana,<br>Dise\u00f1o <span>independiente<\/span>.<\/h1>\r\n            <p class=\"description\">\r\n                Sayagata Love es la firma de dise\u00f1o alternativo que est\u00e1 redefiniendo el calzado urbano. Una fusi\u00f3n perfecta entre la vibrante escena underground de Drum&Barr y el arte estructurado consciente. Cada dise\u00f1o cuenta una historia \u00fanica hecha para destacar en el asfalto.\r\n            <\/p>\r\n        <\/section>\r\n\r\n        <section class=\"card-wrapper\" id=\"cardBlock\">\r\n            <div class=\"promo-card\">\r\n                \r\n                <div class=\"shoe-icon-box\">\r\n                    <i class=\"fas fa-shoe-prints\"><\/i>\r\n                <\/div>\r\n                \r\n                <h2 class=\"card-title\">SAYAGATA LOVE<\/h2>\r\n                <p class=\"card-subtitle\">By Arte Por Vo<\/p>\r\n                \r\n                <a href=\"https:\/\/arteporvo.com\/tienda\/sayagata-love\/\" target=\"_blank\" class=\"cta-button\" rel=\"noopener\">\r\n                    <span>Clic Aqu\u00ed<\/span>\r\n                    <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/a>\r\n                \r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const info = document.getElementById('infoBlock');\r\n            const card = document.getElementById('cardBlock');\r\n            \r\n            setTimeout(() => {\r\n                info.classList.add('reveal');\r\n                card.classList.add('reveal');\r\n            }, 200);\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Drum&#038;Barr x Sayagata Love DRUM&#038;BARR COLLECTION Exclusive Collaboration Cultura urbana,Dise\u00f1o independiente. Sayagata Love es la firma de dise\u00f1o alternativo que est\u00e1 redefiniendo el calzado urbano. Una fusi\u00f3n perfecta entre la vibrante escena underground de Drum&#038;Barr y el arte estructurado consciente. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-1643","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/pages\/1643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/comments?post=1643"}],"version-history":[{"count":3,"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/pages\/1643\/revisions"}],"predecessor-version":[{"id":1647,"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/pages\/1643\/revisions\/1647"}],"wp:attachment":[{"href":"https:\/\/drumandbarr.com\/es\/wp-json\/wp\/v2\/media?parent=1643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}