{"id":81,"date":"2026-03-31T16:13:20","date_gmt":"2026-03-31T16:13:20","guid":{"rendered":"https:\/\/broccasgroup.com\/?page_id=81"},"modified":"2026-05-24T22:26:25","modified_gmt":"2026-05-24T22:26:25","slug":"quienes-somos","status":"publish","type":"page","link":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/","title":{"rendered":"\u00bfQui\u00e9nes somos?"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nQui\u00e9nes Somos \u2014 Broccas Group<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\ntailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n bp: 'var(--p)',\r\n bo: 'var(--o)',\r\n bdp: 'var(--dp)',\r\n bdo: 'var(--do)',\r\n bh: 'var(--h)',\r\n bf: 'var(--f)',\r\n bs: 'var(--s)',\r\n bw: 'var(--b)'\r\n },\r\n fontFamily: {\r\n hl: ['Outfit', 'sans-serif'],\r\n bd: ['DM Sans', 'sans-serif']\r\n }\r\n }\r\n }\r\n}\r\n<\/script>\r\n<style>\r\n:root{\r\n --p:#6C328A; --o:#EA8D2B; --dp:#4A1F61; --do:#C97520;\r\n --h:#1A0730; --f:#130F1C; --s:#F6F3FA; --b:#E5DFF0;\r\n --m:#7A6E8F; --i:#130F1C; --wa:#25D366; --wad:#1EBE59;\r\n --ink2:#3D3250;\r\n}\r\n\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{overflow-x:hidden}\r\nbody{font-family:'DM Sans',sans-serif;color:var(--i);background:#fff;overflow-x:hidden;animation:pgIn .35s ease both}\r\n@keyframes pgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\r\n\r\n\/* Container *\/\r\n.ctr{max-width:1240px;margin:0 auto;padding:0 18px}\r\n@media(min-width:640px){.ctr{padding:0 28px}}\r\n@media(min-width:1024px){.ctr{padding:0 48px}}\r\n\r\n\/* Section padding *\/\r\n.sp{padding:56px 0}\r\n@media(min-width:900px){.sp{padding:72px 0}}\r\n\r\n\/* Scroll reveal \u2014 card entrance with scale *\/\r\n.rv{opacity:0;transform:translateY(22px) scale(0.97);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}\r\n.rv.in{opacity:1;transform:translateY(0) scale(1)}\r\n\r\n\/* Sep \u2014 grows left to right *\/\r\n.sep{width:32px;height:3px;background:var(--o);border-radius:1px;transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}\r\n.sep.in{transform:scaleX(1) !important}\r\n\r\n\/* Hero line slide-up *\/\r\n.hl-wrap{display:block;overflow:hidden;line-height:1.05}\r\n.hl{display:block;transform:translateY(110%)}\r\n.hl.in{animation:hlIn .7s cubic-bezier(.16,1,.3,1) both}\r\n@keyframes hlIn{from{transform:translateY(110%)}to{transform:translateY(0)}}\r\n\r\n\/* Eyebrow clip reveal *\/\r\n.ey-rv{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .01s,clip-path .6s cubic-bezier(.16,1,.3,1)}\r\n.ey-rv.in{opacity:1;clip-path:inset(0 0% 0 0)}\r\n\r\n\/* Stat card entrance \u2014 from left *\/\r\n.stat-l{opacity:0;transform:translateX(-32px) rotate(-1.5deg);\r\n transition:opacity .55s cubic-bezier(0,0,.2,1),transform .55s cubic-bezier(0,0,.2,1)}\r\n.stat-l.in{opacity:1;transform:translateX(0) rotate(-1deg)}\r\n.stat-l.in:hover{transform:translateX(0) rotate(0deg)!important}\r\n\r\n\/* Stat card entrance \u2014 from right *\/\r\n.stat-r{opacity:0;transform:translateX(32px) rotate(1.5deg);\r\n transition:opacity .55s cubic-bezier(0,0,.2,1),transform .55s cubic-bezier(0,0,.2,1)}\r\n.stat-r.in{opacity:1;transform:translateX(0) rotate(1deg)}\r\n.stat-r.in:hover{transform:translateX(0) rotate(0deg)!important}\r\n\r\n\/* Hero grain texture *\/\r\n.hero-grain::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.035;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size:200px}\r\n\r\n\/* ============================================================\r\n HEADER \u2014 MOBILE NAVBAR (\u00e9nfasis absoluto)\r\n ============================================================ *\/\r\n\r\n\/* Header bottom border *\/\r\n#hdr{border-bottom:2px solid var(--b)}\r\n\r\n\/* Logo rectangular \u2014 constraints fuertes para evitar overflow *\/\r\n.logo-img-hdr{height:32px!important;max-height:32px!important;width:auto!important;max-width:110px!important;object-fit:contain;display:block}\r\n@media(max-width:359px){.logo-img-hdr{height:26px!important;max-height:26px!important;max-width:90px!important}}\r\n.logo-img-panel{height:28px!important;max-height:28px!important;width:auto!important;max-width:100px!important;object-fit:contain;display:block}\r\n.logo-img-ft{height:30px!important;max-height:30px!important;width:auto!important;max-width:110px!important;object-fit:contain;display:block}\r\n\r\n\/* Hamburger lines *\/\r\n.hbg-line{display:block;height:2px;background:var(--i);border-radius:1px;\r\n transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s,width .28s}\r\n\r\n\/* Hamburger \u2192 X animation *\/\r\n#hbg.open .hbg-line:nth-child(1){transform:translateY(7px) rotate(45deg)}\r\n#hbg.open .hbg-line:nth-child(2){opacity:0;transform:translateX(-6px)}\r\n#hbg.open .hbg-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:24px!important}\r\n\r\n\/* Mobile overlay *\/\r\n#m-overlay{position:fixed;inset:0;z-index:590;background:rgba(0,0,0,.45);\r\n opacity:0;pointer-events:none;transition:opacity .32s}\r\n#m-overlay.open{opacity:1;pointer-events:all}\r\n\r\n\/* Mobile panel \u2014 slide from top *\/\r\n#m-panel{\r\n position:fixed;top:0;left:0;right:0;z-index:600;\r\n background:#fff;\r\n transform:translateY(-110%);visibility:hidden;\r\n transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;\r\n box-shadow:0 8px 32px rgba(0,0,0,.18);\r\n overflow:hidden;\r\n}\r\n#m-panel.open{transform:translateY(0);visibility:visible;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}\r\n\r\n\/* Panel nav link base *\/\r\n.m-link{\r\n display:flex;align-items:center;gap:12px;\r\n padding:13px 16px;\r\n font-family:'Outfit',sans-serif;font-weight:800;font-size:11px;\r\n letter-spacing:.12em;text-transform:uppercase;\r\n text-decoration:none;\r\n color:var(--ink2);\r\n border-left:3px solid transparent;\r\n transition:background .18s,color .18s,border-color .18s;\r\n}\r\n.m-link:hover{background:var(--s);color:var(--p)}\r\n\r\n\/* Active link in panel *\/\r\n.m-link.active{\r\n background:var(--s);\r\n color:var(--p);\r\n border-left-color:var(--o);\r\n}\r\n\r\n\/* WA compact button (mobile header) *\/\r\n.btn-wa-compact{\r\n display:inline-flex;align-items:center;gap:6px;\r\n background:var(--wa);color:#fff;\r\n font-family:'Outfit',sans-serif;font-weight:900;font-size:11px;\r\n letter-spacing:.08em;text-transform:uppercase;\r\n padding:8px 12px;border:none;border-radius:3px;\r\n cursor:pointer;text-decoration:none;\r\n transition:background .2s;\r\n white-space:nowrap;\r\n flex-shrink:0;\r\n}\r\n.btn-wa-compact:hover{background:var(--wad)}\r\n\r\n\/* Desktop nav: shown \u2265900px *\/\r\n.desktop-nav{display:none}\r\n@media(min-width:900px){.desktop-nav{display:flex}}\r\n\r\n\/* Mobile controls (logo + wa-compact + burger): hidden \u2265900px *\/\r\n.mobile-controls{display:flex;min-width:0;flex-shrink:0}\r\n@media(min-width:900px){.mobile-controls{display:none}}\r\n\r\n\/* Desktop WA btn in header *\/\r\n.hdr-wa{display:none!important}\r\n@media(min-width:900px){.hdr-wa{display:inline-flex!important}}\r\n#hdr nav{display:none}\r\n@media(min-width:900px){#hdr nav{display:flex}}\r\n#hdr button#hbg{display:flex}\r\n@media(min-width:900px){#hdr button#hbg{display:none}}\r\n\r\n\/* Header anti-overflow *\/\r\n#hdr .ctr{min-width:0;overflow:hidden}\r\n#hdr nav.desktop-nav{flex-wrap:nowrap}\r\n#hdr nav.desktop-nav a{white-space:nowrap}\r\n\r\n\/* Desktop nav spacing: compress lightly at 900-1023px *\/\r\n@media(min-width:900px) and (max-width:1023px){\r\n .desktop-nav{gap:1.1rem}\r\n .desktop-nav a{font-size:11px}\r\n}\r\n\r\n\/* Bot\u00f3n COTIZAR en m\u00f3viles muy peque\u00f1os: ocultar texto, solo \u00edcono *\/\r\n@media(max-width:359px){\r\n .btn-wa-compact{padding:8px 10px}\r\n .btn-wa-compact .wa-label{display:none}\r\n}\r\n\r\n\/* ============================================================\r\n PROCESS CARDS \u2014 hover accent line\r\n ============================================================ *\/\r\n.proc-card{\r\n position:relative;\r\n border:1.5px solid var(--b);\r\n background:#fff;\r\n padding:32px 28px;\r\n transition:background .25s,border-color .25s,color .25s;\r\n overflow:hidden;\r\n}\r\n.proc-card::before{\r\n content:'';\r\n position:absolute;top:0;left:0;bottom:0;\r\n width:0;\r\n background:var(--o);\r\n transition:width .22s ease;\r\n}\r\n.proc-card:hover{background:var(--p);border-color:var(--p)}\r\n.proc-card:hover::before{width:3px}\r\n.proc-card:hover .proc-num{color:rgba(255,255,255,.1)}\r\n.proc-card:hover .proc-title{color:#fff}\r\n.proc-card:hover .proc-body{color:rgba(255,255,255,.75)}\r\n.proc-card:hover .proc-icon{color:var(--o)}\r\n@media(max-width:767px){\r\n .proc-card{background:var(--p);border-color:var(--p)}\r\n .proc-card::before{width:3px}\r\n .proc-card .proc-num{color:rgba(255,255,255,.1)}\r\n .proc-card .proc-title{color:#fff}\r\n .proc-card .proc-body{color:rgba(255,255,255,.75)}\r\n .proc-card .proc-icon{color:var(--o)}\r\n}\r\n\r\n.proc-num{\r\n font-family:'Outfit',sans-serif;font-weight:900;font-size:60px;\r\n color:#ECECEC;line-height:1;position:absolute;bottom:16px;right:20px;\r\n pointer-events:none;user-select:none;\r\n transition:color .25s;\r\n z-index:0;\r\n}\r\n.proc-title{font-family:'Outfit',sans-serif;font-weight:800;font-size:17px;\r\n color:var(--i);transition:color .25s;position:relative;z-index:1}\r\n.proc-body{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.65;\r\n color:var(--m);transition:color .25s;position:relative;z-index:1}\r\n.proc-icon{font-size:28px;color:var(--o);transition:color .25s;margin-bottom:10px;position:relative;z-index:1}\r\n\r\n\/* ============================================================\r\n WHY CARDS \u2014 border-top accent\r\n ============================================================ *\/\r\n.why-card{\r\n border-top:3px solid var(--o);\r\n border:1.5px solid var(--b);\r\n border-top:3px solid var(--o);\r\n padding:28px 24px;\r\n position:relative;\r\n overflow:hidden;\r\n background:#fff;\r\n transition:box-shadow .22s;\r\n}\r\n.why-card:hover{box-shadow:0 4px 24px rgba(108,50,138,.1)}\r\n.why-num{\r\n font-family:'Outfit',sans-serif;font-weight:900;font-size:64px;\r\n color:#F0EBF7;line-height:1;\r\n position:absolute;bottom:12px;right:16px;\r\n pointer-events:none;user-select:none;\r\n z-index:0;\r\n}\r\n.why-card > *:not(.why-num){position:relative;z-index:1}\r\n\r\n\/* ============================================================\r\n ORIGIN STORY PANEL (replaces showroom image)\r\n ============================================================ *\/\r\n.story-panel{\r\n position:relative;\r\n width:100%;\r\n max-width:480px;\r\n background:linear-gradient(135deg, var(--p) 0%, var(--dp) 100%);\r\n padding:36px 32px;\r\n border-radius:2px;\r\n color:#fff;\r\n overflow:hidden;\r\n}\r\n.story-panel::before{\r\n content:'';\r\n position:absolute;\r\n top:0;left:0;right:0;\r\n height:4px;\r\n background:var(--o);\r\n}\r\n.story-panel::after{\r\n content:'';\r\n position:absolute;\r\n top:-30%;right:-20%;\r\n width:60%;height:60%;\r\n background:radial-gradient(circle, rgba(234,141,43,.22) 0%, transparent 70%);\r\n pointer-events:none;\r\n}\r\n.story-panel-frame{position:relative;display:inline-block;width:100%;max-width:480px}\r\n.story-panel-frame::after{\r\n content:'';\r\n position:absolute;\r\n inset:0;\r\n border:2px solid var(--o);\r\n transform:translate(10px,10px);\r\n transition:transform .3s ease;\r\n pointer-events:none;\r\n z-index:-1;\r\n}\r\n.story-panel-frame:hover::after{transform:translate(5px,5px)}\r\n.story-quote{\r\n margin-bottom:26px;\r\n padding-bottom:22px;\r\n border-bottom:1px solid rgba(255,255,255,.14);\r\n position:relative;\r\n}\r\n.story-quote-mark{\r\n font-family:'Outfit',sans-serif;\r\n font-weight:900;\r\n font-size:60px;\r\n color:var(--o);\r\n line-height:.5;\r\n display:block;\r\n margin-bottom:6px;\r\n}\r\n.story-quote-text{\r\n font-family:'Outfit',sans-serif;\r\n font-weight:800;\r\n font-size:clamp(18px,3vw,22px);\r\n line-height:1.3;\r\n color:#fff;\r\n letter-spacing:-0.01em;\r\n}\r\n.story-pillars{\r\n display:flex;\r\n flex-direction:column;\r\n gap:18px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n.story-pillar{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n}\r\n.story-pillar .material-symbols-outlined{\r\n color:var(--o);\r\n font-size:24px;\r\n flex-shrink:0;\r\n margin-top:2px;\r\n}\r\n.story-pillar-title{\r\n font-family:'Outfit',sans-serif;\r\n font-weight:900;\r\n font-size:13px;\r\n text-transform:uppercase;\r\n letter-spacing:.06em;\r\n color:#fff;\r\n margin-bottom:2px;\r\n}\r\n.story-pillar-sub{\r\n font-family:'DM Sans',sans-serif;\r\n font-size:13px;\r\n color:rgba(255,255,255,.7);\r\n line-height:1.4;\r\n}\r\n\r\n\/* ============================================================\r\n BUTTONS\r\n ============================================================ *\/\r\n.btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--o);color:#fff;\r\n font-family:'Outfit',sans-serif;font-weight:900;font-size:14px;letter-spacing:.07em;text-transform:uppercase;\r\n padding:14px 24px;border:none;border-radius:3px;cursor:pointer;text-decoration:none;\r\n transition:background .2s,transform .2s,box-shadow .2s}\r\n.btn-p:hover{background:var(--do);transform:translateY(-2px);box-shadow:0 6px 20px rgba(234,141,43,.35)}\r\n\r\n.btn-wa{display:inline-flex;align-items:center;gap:8px;background:var(--wa);color:#fff;\r\n font-family:'Outfit',sans-serif;font-weight:900;font-size:14px;letter-spacing:.07em;text-transform:uppercase;\r\n padding:14px 24px;border:none;border-radius:3px;cursor:pointer;text-decoration:none;\r\n transition:background .2s,box-shadow .2s}\r\n.btn-wa:hover{background:var(--wad);box-shadow:0 6px 20px rgba(37,211,102,.35)}\r\n\r\n.btn-g{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:#fff;\r\n font-family:'Outfit',sans-serif;font-weight:900;font-size:14px;letter-spacing:.07em;text-transform:uppercase;\r\n padding:12px 24px;border:2px solid rgba(255,255,255,.28);border-radius:3px;cursor:pointer;text-decoration:none;\r\n transition:background .2s}\r\n.btn-g:hover{background:rgba(255,255,255,.16)}\r\n\r\n\/* CTA row *\/\r\n.cta-row{display:flex;flex-direction:column;gap:12px}\r\n@media(min-width:480px){.cta-row{flex-direction:row;align-items:center}}\r\n\r\n\/* Eyebrow *\/\r\n.eyebrow{font-family:'Outfit',sans-serif;font-weight:800;font-size:10px;letter-spacing:.18em;text-transform:uppercase}\r\n\r\n\r\n\/* ============================================================\r\n WA FAB\r\n ============================================================ *\/\r\n.wa-fab{position:fixed;bottom:24px;right:24px;z-index:500;width:54px;height:54px;\r\n border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;\r\n box-shadow:0 4px 18px rgba(37,211,102,.38);animation:wa-in .45s cubic-bezier(.34,1.56,.64,1) .8s both;\r\n text-decoration:none}\r\n@keyframes wa-in{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}\r\n.wa-fab::before{content:'';position:absolute;inset:0;border-radius:50%;\r\n border:2px solid var(--wa);animation:wa-ring 3s ease-out infinite}\r\n@keyframes wa-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.2);opacity:0}}\r\n\r\n\/* ============================================================\r\n FOOTER\r\n ============================================================ *\/\r\n.ft-body{max-height:0;overflow:hidden;transition:max-height .3s ease}\r\n.ft-item.on .ft-body{max-height:300px}\r\n.ft-item.on .ft-arrow{transform:rotate(180deg)}\r\n.ft-head{cursor:pointer;user-select:none}\r\n@media(min-width:768px){\r\n .ft-body{max-height:none!important;overflow:visible}\r\n .ft-head .ft-arrow{display:none}\r\n}\r\n\r\n\/* ============================================================\r\n MOBILE FULL-WIDTH BUTTONS\r\n ============================================================ *\/\r\n@media(max-width:479px){\r\n .btn-fw-mobile{width:100%;justify-content:center}\r\n}\r\n\r\n\/* ============================================================\r\n HERO STAT CARDS (mobile 2x2 grid)\r\n ============================================================ *\/\r\n.stat-card{\r\n background:rgba(255,255,255,.05);\r\n border:1px solid rgba(255,255,255,.08);\r\n border-left:3px solid rgba(234,141,43,.55);\r\n padding:14px 16px;\r\n border-radius:2px;\r\n transition:transform .22s ease;\r\n}\r\n.stat-card:hover{transform:translateY(-2px)}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n 01 \u00b7 HEADER\r\n ============================================================ -->\r\n<header id=\"hdr\" class=\"sticky top-0 z-[500] bg-white transition-shadow duration-300\" style=\"height:54px\">\r\n <div class=\"ctr h-full flex items-center justify-between\">\r\n\r\n <!-- Logo -->\r\n <a href=\"https:\/\/broccasgroup.com\/\" class=\"flex items-center shrink-0\" style=\"text-decoration:none\">\r\n <img decoding=\"async\" src=\"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png\" alt=\"Broccas Group\" class=\"logo-img-hdr\">\r\n <\/a>\r\n\r\n <!-- Desktop nav (\u2265900px) -->\r\n <nav class=\"desktop-nav items-center gap-7\">\r\n\r\n <a href=\"https:\/\/broccasgroup.com\/\" class=\"font-hl font-bold text-[12px] uppercase tracking-[.05em] transition-colors hover:text-bp\" style=\"color:var(--ink2);text-decoration:none\">Inicio<\/a>\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-hl font-bold text-[12px] uppercase tracking-[.05em] transition-colors hover:text-bp\" style=\"color:var(--ink2);text-decoration:none\">Productos<\/a>\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/\" class=\"font-hl font-bold text-[12px] uppercase tracking-[.05em]\" style=\"color:var(--p);border-bottom:2px solid var(--o);padding-bottom:2px;text-decoration:none\">Qui\u00e9nes somos<\/a>\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/contacto\/\" class=\"font-hl font-bold text-[12px] uppercase tracking-[.05em] transition-colors hover:text-bp\" style=\"color:var(--ink2);text-decoration:none\">Contacto<\/a>\r\n <\/nav>\r\n\r\n <!-- Desktop WA btn (\u2265900px) -->\r\n\r\n <a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B%20Quiero%20m%C3%A1s%20informaci%C3%B3n.\" class=\"hdr-wa btn-wa text-[13px] py-[10px] px-5\" target=\"_blank\" rel=\"noopener\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.848L0 24l6.335-1.51A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.031-1.388l-.36-.214-3.762.897.944-3.659-.234-.375A9.796 9.796 0 012.182 12c0-5.422 4.396-9.818 9.818-9.818 5.422 0 9.818 4.396 9.818 9.818 0 5.422-4.396 9.818-9.818 9.818z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n\r\n <!-- Mobile controls: WA compact + hamburger (<900px) -->\r\n <div class=\"mobile-controls items-center gap-3\">\r\n\r\n <!-- WA compact \"COTIZAR\" -->\r\n\r\n <a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B%20Quiero%20cotizar.\" class=\"btn-wa-compact\" target=\"_blank\" rel=\"noopener\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.848L0 24l6.335-1.51A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.031-1.388l-.36-.214-3.762.897.944-3.659-.234-.375A9.796 9.796 0 012.182 12c0-5.422 4.396-9.818 9.818-9.818 5.422 0 9.818 4.396 9.818 9.818 0 5.422-4.396 9.818-9.818 9.818z\"\/><\/svg>\r\n <span class=\"wa-label\">COTIZAR<\/span>\r\n <\/a>\r\n\r\n <!-- Hamburger button -->\r\n <button id=\"hbg\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\"\r\n style=\"display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px 4px\">\r\n <span class=\"hbg-line\" style=\"width:24px\"><\/span>\r\n <span class=\"hbg-line\" style=\"width:24px\"><\/span>\r\n <span class=\"hbg-line\" style=\"width:16px\"><\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- Mobile overlay -->\r\n<div id=\"m-overlay\" role=\"presentation\" aria-hidden=\"true\"><\/div>\r\n\r\n<!-- ============================================================\r\n MOBILE PANEL \u2014 \u00e9nfasis absoluto en este componente\r\n ============================================================ -->\r\n<div id=\"m-panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Men\u00fa de navegaci\u00f3n\">\r\n\r\n <!-- Panel header: logo + close -->\r\n <div class=\"flex justify-between items-center px-4 py-3\" style=\"border-bottom:2px solid var(--b)\">\r\n <div class=\"flex items-center\">\r\n <img decoding=\"async\" src=\"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png\" alt=\"Broccas Group\" class=\"logo-img-panel\">\r\n <\/div>\r\n <button id=\"m-close\" aria-label=\"Cerrar men\u00fa\"\r\n style=\"width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:2px;transition:background .18s\"\r\n onmouseover=\"this.style.background='var(--s)'\" onmouseout=\"this.style.background='none'\">\r\n <span class=\"material-symbols-outlined\" style=\"color:var(--m);font-size:22px\">close<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Nav links -->\r\n <nav style=\"padding:8px 8px\">\r\n\r\n <a href=\"https:\/\/broccasgroup.com\/\" class=\"m-link\" style=\"border-radius:2px\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:18px;flex-shrink:0\">home<\/span>\r\n Inicio\r\n <\/a>\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"m-link\" style=\"border-radius:2px\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:18px;flex-shrink:0\">category<\/span>\r\n Productos\r\n <\/a>\r\n <!-- Active: Qui\u00e9nes Somos -->\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/\" class=\"m-link active\" style=\"border-radius:2px\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:18px;flex-shrink:0\">groups<\/span>\r\n Qui\u00e9nes Somos\r\n <\/a>\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/contacto\/\" class=\"m-link\" style=\"border-radius:2px\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:18px;flex-shrink:0\">call<\/span>\r\n Contacto\r\n <\/a>\r\n <\/nav>\r\n\r\n <!-- WA CTA full-width at bottom of panel -->\r\n <div style=\"padding:8px 12px 16px\">\r\n\r\n <a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B%20Quiero%20cotizar.\" class=\"btn-wa\" style=\"width:100%;justify-content:center\" target=\"_blank\" rel=\"noopener\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.848L0 24l6.335-1.51A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.031-1.388l-.36-.214-3.762.897.944-3.659-.234-.375A9.796 9.796 0 012.182 12c0-5.422 4.396-9.818 9.818-9.818 5.422 0 9.818 4.396 9.818 9.818 0 5.422-4.396 9.818-9.818 9.818z\"\/><\/svg>\r\n Pedir cotizaci\u00f3n por WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n 02 \u00b7 HERO\r\n ============================================================ -->\r\n<section class=\"relative overflow-hidden hero-grain\" style=\"background:var(--h);min-height:86vh;display:flex;align-items:center\">\r\n\r\n <!-- Glow morado centro-arriba -->\r\n <div style=\"position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:70%;height:70%;\r\n background:radial-gradient(ellipse,rgba(108,50,138,.5) 0%,transparent 68%);pointer-events:none\"><\/div>\r\n\r\n <div class=\"ctr w-full\" style=\"padding-top:72px;padding-bottom:72px;position:relative;z-index:1\">\r\n\r\n <!-- DESKTOP: 3 columnas (\u2265900px) -->\r\n <div class=\"hidden lg:grid items-center gap-10\" style=\"grid-template-columns:1fr auto 1fr\">\r\n\r\n <!-- Stats izquierda -->\r\n <div class=\"flex flex-col gap-5 items-end\">\r\n <div class=\"stat-card stat-l w-52\" style=\"transition-delay:.1s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Cat\u00e1logo<\/div>\r\n <div class=\"font-hl font-black text-2xl text-white\">500+<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">referencias disponibles<\/div>\r\n <\/div>\r\n <div class=\"stat-card stat-l w-48\" style=\"transition-delay:.22s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Intermediarios<\/div>\r\n <div class=\"font-hl font-black text-2xl text-white\">0<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">compra directo al fabricante<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Centro: H1 -->\r\n <div class=\"text-center\" style=\"max-width:420px\">\r\n <p class=\"eyebrow ey-rv mb-4\" style=\"color:var(--o)\">Importadora \u00b7 Marca propia \u00b7 Atenci\u00f3n directa<\/p>\r\n <h1 class=\"font-hl font-black uppercase leading-[.92] tracking-[-0.03em] mb-6\"\r\n style=\"font-size:clamp(44px,10vw,82px)\">\r\n <span class=\"hl-wrap\"><span class=\"hl\" style=\"color:#fff;animation-delay:.1s\">SOMOS<\/span><\/span>\r\n <span class=\"hl-wrap\"><span class=\"hl\" style=\"color:var(--o);animation-delay:.2s\">BROCCAS<\/span><\/span>\r\n <span class=\"hl-wrap\"><span class=\"hl\" style=\"-webkit-text-stroke:1.5px #fff;color:transparent;animation-delay:.3s\">GROUP<\/span><\/span>\r\n <\/h1>\r\n <p class=\"font-bd rv mb-8\" style=\"font-size:clamp(14px,3.5vw,16px);color:rgba(255,255,255,.62);line-height:1.75;transition-delay:.38s\">\r\n Nacimos para llevar a Venezuela soluciones en herrajes con importaci\u00f3n directa, stock disponible y atenci\u00f3n real.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B%20Quiero%20conocerlos.\" class=\"btn-p rv\" style=\"transition-delay:.48s\" target=\"_blank\" rel=\"noopener\">\r\n Conoce nuestro cat\u00e1logo\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Stats derecha -->\r\n <div class=\"flex flex-col gap-5 items-start\">\r\n <div class=\"stat-card stat-r w-52\" style=\"transition-delay:.1s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Despacho<\/div>\r\n <div class=\"font-hl font-black text-2xl text-white\">24h<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">en Valencia<\/div>\r\n <\/div>\r\n <div class=\"stat-card stat-r w-48\" style=\"transition-delay:.22s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Atenci\u00f3n<\/div>\r\n <div class=\"font-hl font-black text-2xl text-white\">100%<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">directa por WhatsApp<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- MOBILE: texto centrado + stats 2\u00d72 (< 900px) -->\r\n <div class=\"lg:hidden\">\r\n <div class=\"text-center mb-8\">\r\n <p class=\"eyebrow ey-rv mb-4\" style=\"color:var(--o)\">Importadora \u00b7 Marca propia \u00b7 Atenci\u00f3n directa<\/p>\r\n <h1 class=\"font-hl font-black uppercase leading-[.92] tracking-[-0.03em] mb-5\"\r\n style=\"font-size:clamp(44px,10vw,82px)\">\r\n <span class=\"hl-wrap\"><span class=\"hl\" style=\"color:#fff;animation-delay:.1s\">SOMOS<\/span><\/span>\r\n <span class=\"hl-wrap\"><span class=\"hl\" style=\"color:var(--o);animation-delay:.2s\">BROCCAS<\/span><\/span>\r\n <span class=\"hl-wrap\"><span class=\"hl\" style=\"-webkit-text-stroke:1.5px #fff;color:transparent;animation-delay:.3s\">GROUP<\/span><\/span>\r\n <\/h1>\r\n <p class=\"font-bd rv mb-7\" style=\"font-size:clamp(14px,3.5vw,16px);color:rgba(255,255,255,.62);line-height:1.75;max-width:340px;margin-left:auto;margin-right:auto;transition-delay:.38s\">\r\n Nacimos para llevar a Venezuela soluciones en herrajes a la altura.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B%20Quiero%20conocerlos.\" class=\"btn-p rv btn-fw-mobile\" style=\"transition-delay:.48s\" target=\"_blank\" rel=\"noopener\">\r\n Ver cat\u00e1logo\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Stats 2\u00d72 grid \u2014 mobile -->\r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:380px;margin:0 auto\">\r\n <div class=\"stat-card rv\" style=\"transition-delay:.1s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Cat\u00e1logo<\/div>\r\n <div class=\"font-hl font-black text-xl text-white\">500+<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">referencias<\/div>\r\n <\/div>\r\n <div class=\"stat-card rv\" style=\"transition-delay:.18s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Intermediarios<\/div>\r\n <div class=\"font-hl font-black text-xl text-white\">0<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">directo al fabricante<\/div>\r\n <\/div>\r\n <div class=\"stat-card rv\" style=\"transition-delay:.26s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Despacho<\/div>\r\n <div class=\"font-hl font-black text-xl text-white\">24h<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">en Valencia<\/div>\r\n <\/div>\r\n <div class=\"stat-card rv\" style=\"transition-delay:.34s\">\r\n <div class=\"eyebrow text-[9px] mb-1\" style=\"color:var(--o)\">Atenci\u00f3n<\/div>\r\n <div class=\"font-hl font-black text-xl text-white\">100%<\/div>\r\n <div class=\"font-bd text-xs mt-1\" style=\"color:rgba(255,255,255,.5)\">directa<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n 03 \u00b7 DE D\u00d3NDE VENIMOS\r\n ============================================================ -->\r\n<section class=\"sp\" style=\"background:#fff;overflow:hidden\">\r\n <div class=\"ctr\">\r\n\r\n <!-- Desktop: 2 cols -->\r\n <div class=\"hidden lg:grid gap-16 items-center\" style=\"grid-template-columns:1fr 1fr\">\r\n\r\n <!-- Texto izquierda -->\r\n <div>\r\n <div class=\"eyebrow rv mb-3\" style=\"color:var(--o)\">Nuestra historia<\/div>\r\n <div class=\"rv\" style=\"transition-delay:.06s\">\r\n <div class=\"sep mb-5\"><\/div>\r\n <\/div>\r\n <h2 class=\"font-hl font-black rv leading-[.97] tracking-[-0.025em]\" style=\"font-size:clamp(28px,5.5vw,46px);color:var(--i);margin-bottom:20px;transition-delay:.1s\">\r\n De d\u00f3nde<br><span style=\"color:var(--p)\">venimos<\/span>\r\n <\/h2>\r\n <p class=\"font-bd rv\" style=\"font-size:15px;line-height:1.7;color:var(--m);margin-bottom:16px;transition-delay:.16s\">\r\n Broccas Group naci\u00f3 de una necesidad real: Venezuela merec\u00eda herrajes de la misma calidad que usa la industria en Europa y EE.UU., a precios accesibles y con stock disponible.\r\n <\/p>\r\n <p class=\"font-bd rv\" style=\"font-size:15px;line-height:1.7;color:var(--m);margin-bottom:28px;transition-delay:.22s\">\r\n Arrancamos en Valencia con ese compromiso \u2014 importaci\u00f3n directa, stock disponible y asesor\u00eda real para todo el pa\u00eds.\r\n <\/p>\r\n <div class=\"rv\" style=\"transition-delay:.28s\">\r\n\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"btn-p\">\r\n Ver cat\u00e1logo completo\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Panel decorativo derecha (sin foto) -->\r\n <div class=\"flex justify-center rv\" style=\"transition-delay:.12s\">\r\n <div class=\"story-panel-frame\">\r\n <div class=\"story-panel\">\r\n <div class=\"story-quote\">\r\n <span class=\"story-quote-mark\">\u201c<\/span>\r\n <p class=\"story-quote-text\">Importamos, desarrollamos y atendemos. Sin atajos, sin intermediarios.<\/p>\r\n <\/div>\r\n <div class=\"story-pillars\">\r\n <div class=\"story-pillar\">\r\n <span class=\"material-symbols-outlined\">workspace_premium<\/span>\r\n <div>\r\n <div class=\"story-pillar-title\">Marca propia<\/div>\r\n <div class=\"story-pillar-sub\">Dise\u00f1o y control de calidad en cada l\u00ednea<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"story-pillar\">\r\n <span class=\"material-symbols-outlined\">inventory_2<\/span>\r\n <div>\r\n <div class=\"story-pillar-title\">Stock real disponible<\/div>\r\n <div class=\"story-pillar-sub\">Lo que ofrecemos, lo tenemos listo<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"story-pillar\">\r\n <span class=\"material-symbols-outlined\">support_agent<\/span>\r\n <div>\r\n <div class=\"story-pillar-title\">Atenci\u00f3n directa<\/div>\r\n <div class=\"story-pillar-sub\">Asesor\u00eda real por WhatsApp<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile: stacked (panel decorativo arriba, texto abajo) -->\r\n <div class=\"lg:hidden\">\r\n <div class=\"flex justify-center mb-8 rv\">\r\n <div class=\"story-panel-frame\" style=\"max-width:400px\">\r\n <div class=\"story-panel\" style=\"padding:28px 24px\">\r\n <div class=\"story-quote\">\r\n <span class=\"story-quote-mark\">\u201c<\/span>\r\n <p class=\"story-quote-text\">Importamos, desarrollamos y atendemos. Sin atajos.<\/p>\r\n <\/div>\r\n <div class=\"story-pillars\">\r\n <div class=\"story-pillar\">\r\n <span class=\"material-symbols-outlined\">workspace_premium<\/span>\r\n <div>\r\n <div class=\"story-pillar-title\">Marca propia<\/div>\r\n <div class=\"story-pillar-sub\">Control de calidad en cada l\u00ednea<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"story-pillar\">\r\n <span class=\"material-symbols-outlined\">inventory_2<\/span>\r\n <div>\r\n <div class=\"story-pillar-title\">Stock real<\/div>\r\n <div class=\"story-pillar-sub\">Listo para despachar<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"story-pillar\">\r\n <span class=\"material-symbols-outlined\">support_agent<\/span>\r\n <div>\r\n <div class=\"story-pillar-title\">Atenci\u00f3n directa<\/div>\r\n <div class=\"story-pillar-sub\">Asesor\u00eda por WhatsApp<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"eyebrow rv mb-3\" style=\"color:var(--o);transition-delay:.08s\">Nuestra historia<\/div>\r\n <div class=\"rv\" style=\"transition-delay:.12s\"><div class=\"sep mb-4\"><\/div><\/div>\r\n <h2 class=\"font-hl font-black rv leading-[.97] tracking-[-0.025em]\" style=\"font-size:clamp(28px,7vw,44px);color:var(--i);margin-bottom:16px;transition-delay:.16s\">\r\n De d\u00f3nde <span style=\"color:var(--p)\">venimos<\/span>\r\n <\/h2>\r\n <p class=\"font-bd rv\" style=\"font-size:14px;line-height:1.7;color:var(--m);margin-bottom:14px;transition-delay:.22s\">\r\n Broccas Group naci\u00f3 de una necesidad real: Venezuela merec\u00eda herrajes de la misma calidad que usa la industria en Europa y EE.UU., a precios accesibles y con stock disponible.\r\n <\/p>\r\n <p class=\"font-bd rv\" style=\"font-size:14px;line-height:1.7;color:var(--m);margin-bottom:24px;transition-delay:.28s\">\r\n Arrancamos en Valencia con ese compromiso \u2014 importaci\u00f3n directa, stock disponible y atenci\u00f3n directa.\r\n <\/p>\r\n <div class=\"rv\" style=\"transition-delay:.32s\">\r\n\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"btn-p btn-fw-mobile\">\r\n Ver cat\u00e1logo completo\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n 04 \u00b7 PROCESO VERTICAL (3 cards)\r\n ============================================================ -->\r\n<section class=\"sp\" style=\"background:var(--s)\">\r\n <div class=\"ctr\">\r\n\r\n <div class=\"text-center mb-12\">\r\n <p class=\"eyebrow rv mb-3\" style=\"color:var(--o)\">C\u00f3mo trabajamos<\/p>\r\n <div class=\"rv flex justify-center\" style=\"transition-delay:.06s\"><div class=\"sep mb-4\"><\/div><\/div>\r\n <h2 class=\"font-hl font-black rv leading-[.97] tracking-[-0.025em]\" style=\"font-size:clamp(28px,5.5vw,46px);color:var(--i);transition-delay:.1s\">\r\n Nuestro <span style=\"color:var(--p)\">proceso<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <!-- 3 cards -->\r\n <div style=\"display:grid;grid-template-columns:1fr;gap:20px\">\r\n\r\n <!-- Card 1 -->\r\n <div class=\"proc-card rv\" style=\"transition-delay:.08s\">\r\n <span class=\"material-symbols-outlined proc-icon\">public<\/span>\r\n <div class=\"proc-title mb-2\">Importaci\u00f3n directa<\/div>\r\n <div class=\"proc-body\">Trabajamos directamente con fabricantes en Asia y Europa, eliminando intermediarios para ofrecerte precios competitivos y control total de la calidad desde el origen.<\/div>\r\n <span class=\"proc-num\">01<\/span>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"proc-card rv\" style=\"transition-delay:.17s\">\r\n <span class=\"material-symbols-outlined proc-icon\">inventory_2<\/span>\r\n <div class=\"proc-title mb-2\">Stock permanente<\/div>\r\n <div class=\"proc-body\">Mantenemos inventario disponible en nuestro almac\u00e9n en Valencia. No esperamos meses: cuando pides, despachamos. Las obras no pueden esperar proveedores lentos.<\/div>\r\n <span class=\"proc-num\">02<\/span>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"proc-card rv\" style=\"transition-delay:.26s\">\r\n <span class=\"material-symbols-outlined proc-icon\">handshake<\/span>\r\n <div class=\"proc-title mb-2\">Asesor\u00eda personalizada<\/div>\r\n <div class=\"proc-body\">Nuestro equipo conoce cada producto. Te asesoramos para que elijas el herraje correcto seg\u00fan tu proyecto, presupuesto y volumen de compra.<\/div>\r\n <span class=\"proc-num\">03<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Desktop: override a 3 columnas -->\r\n <style>\r\n @media(min-width:768px){\r\n #proc-grid{grid-template-columns:repeat(3,1fr)!important}\r\n }\r\n <\/style>\r\n\r\n <\/div>\r\n<\/section>\r\n<!-- Fix: aplicar grid responsivo via clase en el elemento -->\r\n<script>\r\n (function(){\r\n var g = document.querySelector('#sec-proceso .ctr > div:last-child');\r\n if(g) g.id='proc-grid';\r\n })();\r\n<\/script>\r\n<style>\r\n@media(min-width:768px){\r\n section:nth-of-type(3) .ctr > div[style*=\"grid-template-columns:1fr;gap:20px\"]{\r\n grid-template-columns:repeat(3,1fr)!important\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n 05 \u00b7 QUOTE \"MERECEN HERRAJES\"\r\n ============================================================ -->\r\n<section class=\"relative overflow-hidden hero-grain sp\" style=\"background:var(--h)\">\r\n\r\n <!-- Glow naranja bottom-right -->\r\n <div style=\"position:absolute;bottom:-20%;right:-10%;width:50%;height:60%;\r\n background:radial-gradient(ellipse,rgba(234,141,43,.2) 0%,transparent 65%);pointer-events:none\"><\/div>\r\n\r\n <div class=\"ctr\" style=\"position:relative;z-index:1;text-align:center;max-width:760px;margin-left:auto;margin-right:auto\">\r\n\r\n <div class=\"rv\">\r\n <!-- Decorative line -->\r\n <div style=\"width:40px;height:3px;background:var(--o);margin:0 auto 32px;border-radius:1px\"><\/div>\r\n\r\n <p class=\"font-hl font-black uppercase text-white rv\"\r\n style=\"font-size:clamp(22px,4.5vw,54px);line-height:1.15;letter-spacing:-.02em;transition-delay:.08s\">\r\n Los que construyen <br class=\"hidden sm:block\">Venezuela\r\n <br><span style=\"color:var(--o);font-style:italic\">merecen herrajes<\/span>\r\n <br>a la altura.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"rv\" style=\"transition-delay:.18s;margin-top:28px\">\r\n <p class=\"font-bd\" style=\"font-size:15px;color:rgba(255,255,255,.6);line-height:1.65;max-width:520px;margin:0 auto\">\r\n Esa convicci\u00f3n gu\u00eda cada importaci\u00f3n, cada producto en nuestro cat\u00e1logo y cada conversaci\u00f3n con nuestros clientes.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Bottom line -->\r\n <div class=\"rv\" style=\"transition-delay:.26s;margin-top:32px\">\r\n <div style=\"width:60px;height:2px;background:rgba(234,141,43,.4);margin:0 auto;border-radius:1px\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n 06 \u00b7 POR QU\u00c9 TRABAJAR CON NOSOTROS\r\n ============================================================ -->\r\n<section class=\"sp\" style=\"background:#fff\">\r\n <div class=\"ctr\">\r\n\r\n <div class=\"text-center mb-12\">\r\n <p class=\"eyebrow rv mb-3\" style=\"color:var(--o)\">Razones reales<\/p>\r\n <div class=\"rv flex justify-center\" style=\"transition-delay:.06s\"><div class=\"sep mb-4\"><\/div><\/div>\r\n <h2 class=\"font-hl font-black rv leading-[.97] tracking-[-0.025em]\" style=\"font-size:clamp(28px,5.5vw,46px);color:var(--i);transition-delay:.1s\">\r\n Por qu\u00e9 trabajar <span style=\"color:var(--p)\">con nosotros<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <!-- 3 why-cards -->\r\n <div style=\"display:grid;grid-template-columns:1fr;gap:20px\">\r\n\r\n <div class=\"why-card rv\" style=\"transition-delay:.08s\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:26px;color:var(--o);margin-bottom:10px;display:block\">verified<\/span>\r\n <div class=\"font-hl font-black mb-2\" style=\"font-size:17px;color:var(--i)\">Calidad comprobada<\/div>\r\n <div class=\"font-bd\" style=\"font-size:14px;line-height:1.65;color:var(--m)\">\r\n Todos nuestros productos pasan por control de calidad antes de llegar a tu obra. Bisagras, correderas, jaladores y m\u00e1s \u2014 sin sorpresas ni devoluciones costosas.\r\n <\/div>\r\n <span class=\"why-num\">01<\/span>\r\n <\/div>\r\n\r\n <div class=\"why-card rv\" style=\"transition-delay:.17s\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:26px;color:var(--o);margin-bottom:10px;display:block\">support_agent<\/span>\r\n <div class=\"font-hl font-black mb-2\" style=\"font-size:17px;color:var(--i)\">Asesor\u00eda experta<\/div>\r\n <div class=\"font-bd\" style=\"font-size:14px;line-height:1.65;color:var(--m)\">\r\n Nuestro equipo conoce a fondo cada producto. Te ayudamos a elegir la soluci\u00f3n correcta seg\u00fan tu proyecto, presupuesto y volumen, directo por WhatsApp y sin intermediarios.\r\n <\/div>\r\n <span class=\"why-num\">02<\/span>\r\n <\/div>\r\n\r\n <div class=\"why-card rv\" style=\"transition-delay:.26s\">\r\n <span class=\"material-symbols-outlined\" style=\"font-size:26px;color:var(--o);margin-bottom:10px;display:block\">bolt<\/span>\r\n <div class=\"font-hl font-black mb-2\" style=\"font-size:17px;color:var(--i)\">Despacho r\u00e1pido<\/div>\r\n <div class=\"font-bd\" style=\"font-size:14px;line-height:1.65;color:var(--m)\">\r\n Stock en Valencia listo para despacho inmediato. Sabemos que las obras tienen fechas y no podemos darte excusas, as\u00ed que no las tenemos.\r\n <\/div>\r\n <span class=\"why-num\">03<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n<style>\r\n @media(min-width:768px){\r\n section:nth-of-type(5) .ctr > div[style*=\"grid-template-columns:1fr;gap:20px\"]{\r\n grid-template-columns:repeat(3,1fr)!important\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n 07 \u00b7 CTA FINAL\r\n ============================================================ -->\r\n<section class=\"relative overflow-hidden hero-grain sp\" style=\"background:var(--h)\">\r\n\r\n <!-- Glow morado -->\r\n <div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:80%;\r\n background:radial-gradient(ellipse,rgba(108,50,138,.4) 0%,transparent 68%);pointer-events:none\"><\/div>\r\n\r\n <div class=\"ctr text-center\" style=\"position:relative;z-index:1;max-width:680px;margin-left:auto;margin-right:auto\">\r\n\r\n <p class=\"eyebrow rv mb-4\" style=\"color:var(--o)\">Empecemos<\/p>\r\n <h2 class=\"font-hl font-black text-white rv leading-[.97] tracking-[-0.025em]\" style=\"font-size:clamp(28px,5.5vw,46px);margin-bottom:16px;transition-delay:.08s\">\r\n \u00bfListo para trabajar con <span style=\"color:var(--o)\">los mejores herrajes?<\/span>\r\n <\/h2>\r\n <p class=\"font-bd rv\" style=\"font-size:15px;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:36px;transition-delay:.14s\">\r\n Escr\u00edbenos por WhatsApp y recibe nuestro cat\u00e1logo mayorista con precios actualizados. Sin compromiso.\r\n <\/p>\r\n\r\n <div class=\"rv\" style=\"transition-delay:.2s\">\r\n <div class=\"cta-row justify-center\">\r\n\r\n <a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B%20Quiero%20el%20cat%C3%A1logo%20mayorista.\" class=\"btn-wa btn-fw-mobile\" target=\"_blank\" rel=\"noopener\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.848L0 24l6.335-1.51A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.031-1.388l-.36-.214-3.762.897.944-3.659-.234-.375A9.796 9.796 0 012.182 12c0-5.422 4.396-9.818 9.818-9.818 5.422 0 9.818 4.396 9.818 9.818 0 5.422-4.396 9.818-9.818 9.818z\"\/><\/svg>\r\n Pedir cat\u00e1logo por WhatsApp\r\n <\/a>\r\n\r\n <a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"btn-g btn-fw-mobile\">\r\n Ver productos\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n 08 \u00b7 FOOTER\r\n ============================================================ -->\r\n<footer style=\"background:var(--f)\">\r\n <div class=\"ctr\" style=\"padding-top:48px;padding-bottom:48px\">\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-0 md:gap-8\">\r\n\r\n <!-- Col 1: Marca + NAP -->\r\n <div class=\"ft-item border-b md:border-b-0\" style=\"border-color:rgba(255,255,255,.07)\">\r\n <div class=\"ft-head flex items-center justify-between py-4 md:pt-0 md:pb-4\" data-ft=\"0\">\r\n <div class=\"flex items-center gap-2\">\r\n <img decoding=\"async\" src=\"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png\" alt=\"Broccas Group\" class=\"logo-img-ft\">\r\n <span class=\"font-hl font-black text-sm text-white uppercase tracking-tight\">Broccas Group<\/span>\r\n <\/div>\r\n <span class=\"material-symbols-outlined ft-arrow md:hidden\" style=\"color:rgba(255,255,255,.4);transition:transform .3s\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"ft-body\">\r\n <div class=\"pb-5\">\r\n <p class=\"font-bd text-sm leading-relaxed mb-4\" style=\"color:rgba(255,255,255,.45)\">\r\n Importadora y desarrolladora de soluciones en herrajes. Marca propia con atenci\u00f3n directa en Venezuela.\r\n <\/p>\r\n <div class=\"flex flex-col gap-2\">\r\n <div class=\"flex items-start gap-2\">\r\n <span class=\"material-symbols-outlined text-base shrink-0 mt-0.5\" style=\"color:var(--o)\">location_on<\/span>\r\n <span class=\"font-bd text-xs\" style=\"color:rgba(255,255,255,.45)\">Valencia, Venezuela<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"material-symbols-outlined text-base\" style=\"color:var(--o)\">schedule<\/span>\r\n <span class=\"font-bd text-xs\" style=\"color:rgba(255,255,255,.45)\">Lun-Vie 8am-6pm \u00b7 Sab 8am-1pm<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"material-symbols-outlined text-base\" style=\"color:var(--o)\">badge<\/span>\r\n <span class=\"font-bd text-xs\" style=\"color:rgba(255,255,255,.45)\">RIF: J-505419218<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Col 2: Productos -->\r\n <div class=\"ft-item border-b md:border-b-0\" style=\"border-color:rgba(255,255,255,.07)\">\r\n <div class=\"ft-head flex items-center justify-between py-4 md:pt-0 md:pb-4\" data-ft=\"1\">\r\n <span class=\"eyebrow text-[10px]\" style=\"color:rgba(255,255,255,.35)\">Productos<\/span>\r\n <span class=\"material-symbols-outlined ft-arrow md:hidden\" style=\"color:rgba(255,255,255,.4);transition:transform .3s\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"ft-body\">\r\n <ul class=\"flex flex-col gap-2 pb-5\">\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Bisagras para muebles<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Bisagras para puertas<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Correderas<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Gatos Hidraulicos<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Tubo para armario<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Adhesivo Heavy Duty<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Col 3: Empresa -->\r\n <div class=\"ft-item border-b md:border-b-0\" style=\"border-color:rgba(255,255,255,.07)\">\r\n <div class=\"ft-head flex items-center justify-between py-4 md:pt-0 md:pb-4\" data-ft=\"2\">\r\n <span class=\"eyebrow text-[10px]\" style=\"color:rgba(255,255,255,.35)\">Empresa<\/span>\r\n <span class=\"material-symbols-outlined ft-arrow md:hidden\" style=\"color:rgba(255,255,255,.4);transition:transform .3s\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"ft-body\">\r\n <ul class=\"flex flex-col gap-2 pb-5\">\r\n <li><a href=\"https:\/\/broccasgroup.com\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Quienes somos<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/contacto\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Contacto<\/a><\/li>\r\n <li><a href=\"https:\/\/broccasgroup.com\/index.php\/productos\/\" class=\"font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">Cat\u00e1logo<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Col 4: Contacto + Redes -->\r\n <div class=\"ft-item\" style=\"border-color:rgba(255,255,255,.07)\">\r\n <div class=\"ft-head flex items-center justify-between py-4 md:pt-0 md:pb-4\" data-ft=\"3\">\r\n <span class=\"eyebrow text-[10px]\" style=\"color:rgba(255,255,255,.35)\">Contacto<\/span>\r\n <span class=\"material-symbols-outlined ft-arrow md:hidden\" style=\"color:rgba(255,255,255,.4);transition:transform .3s\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"ft-body\">\r\n <div class=\"flex flex-col gap-3 pb-5\">\r\n <a href=\"https:\/\/wa.me\/584244543306\" class=\"flex items-center gap-2 font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\" target=\"_blank\" rel=\"noopener\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"color:var(--wa)\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.848L0 24l6.335-1.51A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.031-1.388l-.36-.214-3.762.897.944-3.659-.234-.375A9.796 9.796 0 012.182 12c0-5.422 4.396-9.818 9.818-9.818 5.422 0 9.818 4.396 9.818 9.818 0 5.422-4.396 9.818-9.818 9.818z\"\/><\/svg>\r\n +58 424 454 3306\r\n <\/a>\r\n <a href=\"mailto:broccas@broccasgroup.com\" class=\"flex items-center gap-2 font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\">\r\n <span class=\"material-symbols-outlined text-sm\" style=\"color:var(--o)\">mail<\/span>\r\n broccas@broccasgroup.com\r\n <\/a>\r\n <a href=\"https:\/\/instagram.com\/broccasgroup\" class=\"flex items-center gap-2 font-bd text-sm transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.5);text-decoration:none\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"material-symbols-outlined text-sm\" style=\"color:var(--o)\">photo_camera<\/span>\r\n @broccasgroup\r\n <\/a>\r\n <span class=\"font-bd text-sm\" style=\"color:rgba(255,255,255,.28)\">broccasgroup.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Footer bottom bar -->\r\n <div class=\"mt-8 pt-6 flex flex-col md:flex-row items-center justify-between gap-3\" style=\"border-top:1px solid rgba(255,255,255,.07)\">\r\n <span class=\"font-bd text-xs text-center md:text-left\" style=\"color:rgba(255,255,255,.25)\">2026 Broccas Group \u00b7 RIF J-505419218 \u00b7 Venezuela<\/span>\r\n <div class=\"flex items-center gap-4\">\r\n <a href=\"#\" class=\"font-bd text-xs transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.25);text-decoration:none\">Politica de privacidad<\/a>\r\n <a href=\"#\" class=\"font-bd text-xs transition-colors hover:text-white\" style=\"color:rgba(255,255,255,.25);text-decoration:none\">Terminos de uso<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- Desktop footer grid override -->\r\n<style>\r\n@media(min-width:768px){\r\n footer .grid{grid-template-columns:repeat(4,1fr)!important}\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n WA FLOATING BUTTON\r\n ============================================================ -->\r\n\r\n<a href=\"https:\/\/wa.me\/584244543306?text=Hola%20Broccas%20Group%20%F0%9F%91%8B\" class=\"wa-fab\" target=\"_blank\" rel=\"noopener\" aria-label=\"Contactar por WhatsApp\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.848L0 24l6.335-1.51A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.031-1.388l-.36-.214-3.762.897.944-3.659-.234-.375A9.796 9.796 0 012.182 12c0-5.422 4.396-9.818 9.818-9.818 5.422 0 9.818 4.396 9.818 9.818 0 5.422-4.396 9.818-9.818 9.818z\"\/><\/svg>\r\n<\/a>\r\n\r\n\r\n<!-- ============================================================\r\n JAVASCRIPT\r\n ============================================================ -->\r\n<script>\r\n(function(){\r\n\r\n \/* ---- Hamburger + Mobile Panel ---- *\/\r\n var hbg = document.getElementById('hbg');\r\n var panel = document.getElementById('m-panel');\r\n var overlay = document.getElementById('m-overlay');\r\n var mclose = document.getElementById('m-close');\r\n\r\n function openMenu(){\r\n hbg.classList.add('open');\r\n panel.classList.add('open');\r\n overlay.classList.add('open');\r\n hbg.setAttribute('aria-expanded','true');\r\n document.body.style.overflow='hidden';\r\n }\r\n function closeMenu(){\r\n hbg.classList.remove('open');\r\n panel.classList.remove('open');\r\n overlay.classList.remove('open');\r\n hbg.setAttribute('aria-expanded','false');\r\n document.body.style.overflow='';\r\n }\r\n\r\n if(hbg) hbg.addEventListener('click', openMenu);\r\n if(mclose) mclose.addEventListener('click', closeMenu);\r\n if(overlay) overlay.addEventListener('click', closeMenu);\r\n\r\n \/* Close on Escape *\/\r\n document.addEventListener('keydown',function(e){\r\n if(e.key==='Escape') closeMenu();\r\n });\r\n\r\n \/* ---- Header scroll shadow ---- *\/\r\n var hdr = document.getElementById('hdr');\r\n window.addEventListener('scroll',function(){\r\n if(window.scrollY>8){\r\n hdr.style.boxShadow='0 2px 16px rgba(0,0,0,.10)';\r\n } else {\r\n hdr.style.boxShadow='none';\r\n }\r\n },{passive:true});\r\n\r\n \/* ---- Scroll Reveal (IntersectionObserver) ---- *\/\r\n var rvEls = document.querySelectorAll('.rv, .ey-rv');\r\n if('IntersectionObserver' in window){\r\n var rvObs = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n e.target.classList.add('in');\r\n rvObs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:0.01, rootMargin:'0px 0px 200px 0px'});\r\n rvEls.forEach(function(el){ rvObs.observe(el); });\r\n document.querySelectorAll('.hl').forEach(function(el){ el.classList.add('in'); });\r\n \/\/ Fallback: reveal all .rv elements after 400ms if observer never fires\r\n setTimeout(function(){ document.querySelectorAll('.rv:not(.in), .ey-rv:not(.in)').forEach(function(el){ el.classList.add('in'); }); }, 600);\r\n } else {\r\n rvEls.forEach(function(el){ el.classList.add('in'); });\r\n }\r\n\r\n \/* ---- Stat Cards (desktop: from-left \/ from-right) ---- *\/\r\n var statEls = document.querySelectorAll('.stat-l, .stat-r');\r\n if('IntersectionObserver' in window && statEls.length){\r\n var statObs = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n e.target.classList.add('in');\r\n statObs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:0.15});\r\n statEls.forEach(function(el){ statObs.observe(el); });\r\n } else {\r\n statEls.forEach(function(el){ el.classList.add('in'); });\r\n }\r\n\r\n \/* ---- Stat number fade-in (handled by .rv scroll reveal) ---- *\/\r\n\r\n \/* ---- Footer accordion (mobile only) ---- *\/\r\n document.querySelectorAll('.ft-head').forEach(function(head){\r\n head.addEventListener('click',function(){\r\n var item = head.closest('.ft-item');\r\n if(item) item.classList.toggle('on');\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qui\u00e9nes Somos \u2014 Broccas Group Inicio Productos Qui\u00e9nes somos Contacto WhatsApp COTIZAR close home Inicio category Productos groups Qui\u00e9nes Somos call Contacto Pedir cotizaci\u00f3n por WhatsApp Cat\u00e1logo 500+ referencias disponibles Intermediarios 0 compra directo al fabricante Importadora \u00b7 Marca propia \u00b7 Atenci\u00f3n directa SOMOS BROCCAS GROUP Nacimos para llevar a Venezuela soluciones en herrajes con […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfQui\u00e9nes somos? - Broccas Group, C.A.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQui\u00e9nes somos? - Broccas Group, C.A.\" \/>\n<meta property=\"og:description\" content=\"Qui\u00e9nes Somos \u2014 Broccas Group Inicio Productos Qui\u00e9nes somos Contacto WhatsApp COTIZAR close home Inicio category Productos groups Qui\u00e9nes Somos call Contacto Pedir cotizaci\u00f3n por WhatsApp Cat\u00e1logo 500+ referencias disponibles Intermediarios 0 compra directo al fabricante Importadora \u00b7 Marca propia \u00b7 Atenci\u00f3n directa SOMOS BROCCAS GROUP Nacimos para llevar a Venezuela soluciones en herrajes con […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/\" \/>\n<meta property=\"og:site_name\" content=\"Broccas Group, C.A.\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-24T22:26:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/\",\"url\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/\",\"name\":\"\u00bfQui\u00e9nes somos? - Broccas Group, C.A.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/broccasgroup.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/broccas-logo.png\",\"datePublished\":\"2026-03-31T16:13:20+00:00\",\"dateModified\":\"2026-05-24T22:26:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/broccasgroup.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/broccas-logo.png\",\"contentUrl\":\"https:\\\/\\\/broccasgroup.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/broccas-logo.png\",\"width\":800,\"height\":178},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/index.php\\\/quienes-somos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/broccasgroup.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQui\u00e9nes somos?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/broccasgroup.com\\\/#website\",\"url\":\"https:\\\/\\\/broccasgroup.com\\\/\",\"name\":\"Broccas Group, C.A.\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/broccasgroup.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQui\u00e9nes somos? - Broccas Group, C.A.","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:\/\/broccasgroup.com\/index.php\/quienes-somos\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfQui\u00e9nes somos? - Broccas Group, C.A.","og_description":"Qui\u00e9nes Somos \u2014 Broccas Group Inicio Productos Qui\u00e9nes somos Contacto WhatsApp COTIZAR close home Inicio category Productos groups Qui\u00e9nes Somos call Contacto Pedir cotizaci\u00f3n por WhatsApp Cat\u00e1logo 500+ referencias disponibles Intermediarios 0 compra directo al fabricante Importadora \u00b7 Marca propia \u00b7 Atenci\u00f3n directa SOMOS BROCCAS GROUP Nacimos para llevar a Venezuela soluciones en herrajes con […]","og_url":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/","og_site_name":"Broccas Group, C.A.","article_modified_time":"2026-05-24T22:26:25+00:00","og_image":[{"url":"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/","url":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/","name":"\u00bfQui\u00e9nes somos? - Broccas Group, C.A.","isPartOf":{"@id":"https:\/\/broccasgroup.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/#primaryimage"},"image":{"@id":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/#primaryimage"},"thumbnailUrl":"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png","datePublished":"2026-03-31T16:13:20+00:00","dateModified":"2026-05-24T22:26:25+00:00","breadcrumb":{"@id":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/broccasgroup.com\/index.php\/quienes-somos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/#primaryimage","url":"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png","contentUrl":"https:\/\/broccasgroup.com\/wp-content\/uploads\/2026\/05\/broccas-logo.png","width":800,"height":178},{"@type":"BreadcrumbList","@id":"https:\/\/broccasgroup.com\/index.php\/quienes-somos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/broccasgroup.com\/"},{"@type":"ListItem","position":2,"name":"\u00bfQui\u00e9nes somos?"}]},{"@type":"WebSite","@id":"https:\/\/broccasgroup.com\/#website","url":"https:\/\/broccasgroup.com\/","name":"Broccas Group, C.A.","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/broccasgroup.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":54,"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":400,"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/400"}],"wp:attachment":[{"href":"https:\/\/broccasgroup.com\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}