{"id":26,"date":"2026-03-26T00:03:25","date_gmt":"2026-03-26T00:03:25","guid":{"rendered":"https:\/\/kolibri.innovadevs.pro\/?page_id=26"},"modified":"2026-04-22T23:33:06","modified_gmt":"2026-04-22T23:33:06","slug":"kolibri-diseno-e-imprenta","status":"publish","type":"page","link":"https:\/\/kolibri-gt.com\/","title":{"rendered":"Kolibri Dise\u00f1o E Imprenta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99a536b e-con-full e-flex e-con e-parent\" data-id=\"99a536b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42babe8 elementor-widget elementor-widget-html\" data-id=\"42babe8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KOLIBRI \u2014 HERO | CSS completamente aislado, sin * ni :root -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');\n\n.kh-wrap {\n  font-family: 'DM Sans', sans-serif;\n  background: #0D0F2A;\n  min-height: 93vh;\n  display: flex;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  padding: 70px 40px;\n  box-sizing: border-box;\n}\n.kh-wrap *, .kh-wrap *::before, .kh-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.kh-glow {\n  position: absolute; top: -80px; right: -80px;\n  width: 420px; height: 420px; border-radius: 50%;\n  background: conic-gradient(from 160deg,rgba(0,191,165,.22),rgba(255,107,0,.18),rgba(255,214,0,.14),rgba(212,0,110,.20),rgba(233,30,140,.12),rgba(0,191,165,.08));\n  filter: blur(70px); pointer-events: none;\n}\n.kh-bg {\n  position: absolute; inset: 0; pointer-events: none;\n  background:\n    radial-gradient(ellipse 55% 60% at 80% 35%, rgba(0,191,165,.13) 0%,transparent 65%),\n    radial-gradient(ellipse 40% 50% at 12% 72%, rgba(212,0,110,.11) 0%,transparent 60%),\n    radial-gradient(ellipse 35% 40% at 55% 8%,  rgba(255,107,0,.08)  0%,transparent 55%);\n}\n.kh-inner {\n  max-width: 1200px; margin: 0 auto; width: 100%;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\n  align-items: center; position: relative; z-index: 2;\n}\n.kh-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(212,0,110,.12); border: 1px solid rgba(212,0,110,.3);\n  color: #ff60b4; padding: 7px 18px; border-radius: 100px;\n  font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase;\n  margin-bottom: 26px; animation: kh-fadedown .6s ease both;\n}\n.kh-dot {\n  width: 7px; height: 7px; border-radius: 50%; background: #E91E8C;\n  animation: kh-pulse 2s infinite;\n}\n.kh-h1 {\n  font-family: 'Playfair Display', serif; font-weight: 900;\n  font-size: clamp(2.9rem,4.8vw,5.1rem); color: #fff;\n  line-height: 1.06; margin-bottom: 22px;\n  animation: kh-fadeup .7s ease .1s both;\n}\n.kh-grad {\n  background: linear-gradient(100deg,#00BFA5 0%,#D4006E 50%,#FF6B00 100%);\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n  background-clip: text; font-style: italic;\n}\n.kh-p {\n  font-size: 1.05rem; color: rgba(255,255,255,.55); line-height: 1.78;\n  max-width: 460px; margin-bottom: 40px;\n  animation: kh-fadeup .7s ease .2s both;\n}\n.kh-btns { display: flex; gap: 14px; flex-wrap: wrap; animation: kh-fadeup .7s ease .3s both; }\n.kh-bp {\n  background: linear-gradient(135deg,#D4006E,#E91E8C);\n  color: #fff; padding: 15px 34px; border-radius: 8px; font-size: .95rem;\n  font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n  box-shadow: 0 8px 28px rgba(212,0,110,.4); transition: transform .25s, box-shadow .25s;\n}\n.kh-bp:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(212,0,110,.55); }\n.kh-bs {\n  background: transparent; color: rgba(255,255,255,.8); padding: 15px 28px;\n  border-radius: 8px; font-size: .95rem; font-weight: 500; text-decoration: none;\n  border: 1.5px solid rgba(255,255,255,.18); transition: border-color .25s, color .25s;\n}\n.kh-bs:hover { border-color: #00BFA5; color: #00BFA5; }\n\/* Visual - layout en grid, sin posicionamiento absoluto *\/\n.kh-visual {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  animation: kh-faderight .8s ease .15s both;\n}\n.kh-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n.kvc {\n  border-radius: 18px; padding: 24px 22px;\n  backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.1);\n  color: #fff; transition: transform .3s, box-shadow .3s;\n}\n.kvc:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.3); }\n.kvc-main { background: rgba(255,255,255,.05); }\n.kvc-a    { background: rgba(0,191,165,.08); border-color: rgba(0,191,165,.25); }\n.kvc-b    { background: rgba(212,0,110,.08); border-color: rgba(212,0,110,.25); animation: kh-float 4s ease-in-out infinite; }\n.kvc-icon { width: 48px; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 12px; }\n.kvc-title { font-family: 'Playfair Display',serif; font-size: 1rem; font-weight: 700; margin-bottom: 6px; }\n.kvc-sub   { font-size: .78rem; color: rgba(255,255,255,.45); line-height: 1.55; }\n.kvc-num   { font-family: 'Playfair Display',serif; font-size: 2.1rem; font-weight: 900; color: #00BFA5; line-height: 1; margin-bottom: 5px; }\n\/* Chips *\/\n.kh-chips { display: flex; gap: 7px; justify-content: flex-end; padding-top: 4px; animation: kh-fadeup 1s ease .5s both; }\n.kh-chip  { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,.18); }\n\n@keyframes kh-fadedown  { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }\n@keyframes kh-fadeup    { from{opacity:0;transform:translateY(30px)}  to{opacity:1;transform:translateY(0)} }\n@keyframes kh-faderight { from{opacity:0;transform:translateX(40px)}  to{opacity:1;transform:translateX(0)} }\n@keyframes kh-float     { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\n@keyframes kh-pulse     { 0%,100%{opacity:1} 50%{opacity:.3} }\n\n@media(max-width:900px){\n  .kh-inner { grid-template-columns: 1fr; gap: 40px; }\n  .kh-wrap  { min-height: auto; }\n}\n@media(max-width:580px){\n  .kh-wrap  { padding: 60px 20px 50px; }\n  .kh-h1    { font-size: 2.5rem; }\n  .kh-row   { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"kh-wrap\">\n  <div class=\"kh-glow\"><\/div>\n  <div class=\"kh-bg\"><\/div>\n  <div class=\"kh-inner\">\n    <div>\n      <div class=\"kh-badge\"><div class=\"kh-dot\"><\/div>Dise\u00f1o e Imprenta \u00b7 Guatemala<\/div>\n      <h1 class=\"kh-h1\">Tu marca,<br><span class=\"kh-grad\">impresa<\/span><br>a todo color<\/h1>\n      <p class=\"kh-p\">Tarjetas, mantas, stickers, ropa personalizada y mucho m\u00e1s. Dise\u00f1o profesional con los colores vibrantes que tu marca merece.<\/p>\n      <div class=\"kh-btns\">\n        <a href=\"#cotizacion\" class=\"kh-bp\">\ud83d\udccb Solicitar cotizaci\u00f3n<\/a>\n        <a href=\"#servicios\"  class=\"kh-bs\">Ver servicios \u2192<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"kh-visual\">\n      <!-- Fila superior: tarjeta principal ancha -->\n      <div class=\"kvc kvc-main\">\n        <div class=\"kvc-icon\" style=\"background:rgba(0,191,165,.15);\">\ud83c\udfa8<\/div>\n        <div class=\"kvc-title\">Dise\u00f1o + Impresi\u00f3n<\/div>\n        <div class=\"kvc-sub\">Desde el concepto hasta el producto en tus manos. Colores vibrantes garantizados.<\/div>\n      <\/div>\n      <!-- Fila inferior: dos tarjetas lado a lado -->\n      <div class=\"kh-row\">\n        <div class=\"kvc kvc-a\">\n          <div class=\"kvc-num\">+500<\/div>\n          <div class=\"kvc-sub\">Clientes satisfechos en Guatemala<\/div>\n        <\/div>\n        <div class=\"kvc kvc-b\">\n          <div class=\"kvc-icon\" style=\"background:rgba(255,107,0,.15);width:40px;height:40px;font-size:18px;\">\u26a1<\/div>\n          <div class=\"kvc-title\" style=\"font-size:.9rem;\">Entrega Express<\/div>\n          <div class=\"kvc-sub\">24\u201348 hrs en pedidos seleccionados<\/div>\n        <\/div>\n      <\/div>\n      <!-- Chips de colores -->\n      <div class=\"kh-chips\">\n        <div class=\"kh-chip\" style=\"background:#00BFA5;\"><\/div>\n        <div class=\"kh-chip\" style=\"background:#FF6B00;\"><\/div>\n        <div class=\"kh-chip\" style=\"background:#FFD600;\"><\/div>\n        <div class=\"kh-chip\" style=\"background:#D4006E;\"><\/div>\n        <div class=\"kh-chip\" style=\"background:#8BC34A;\"><\/div>\n        <div class=\"kh-chip\" style=\"background:#E91E8C;\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb40137 e-flex e-con-boxed e-con e-parent\" data-id=\"fb40137\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-713f96c elementor-widget elementor-widget-html\" data-id=\"713f96c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KOLIBRI \u2014 SERVICIOS | CSS completamente aislado -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');\n\n.ks-wrap {\n  font-family: 'DM Sans', sans-serif;\n  background: #F7F8FC;\n  padding: 100px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.ks-wrap *, .ks-wrap *::before, .ks-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.ks-wrap::after {\n  content: ''; position: absolute; top: -100px; right: -80px;\n  width: 380px; height: 380px; border-radius: 50%;\n  background: radial-gradient(circle,rgba(0,191,165,.07),transparent 65%);\n  pointer-events: none;\n}\n.ks-in { max-width: 1200px; margin: 0 auto; position: relative; }\n\/* Header *\/\n.ks-hd  { text-align: center; margin-bottom: 68px; }\n.ks-lab { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #D4006E; margin-bottom: 12px; }\n.ks-hd-h2 { font-family: 'Playfair Display',serif; font-weight: 900; font-size: clamp(2rem,4vw,3.1rem); color: #1E2A6E; margin-bottom: 14px; line-height: 1.14; }\n.ks-hd-h2 em { color: #D4006E; font-style: italic; }\n.ks-hd-p { color: #5a6a8a; font-size: 1rem; max-width: 540px; margin: 0 auto; line-height: 1.72; }\n\/* Grid *\/\n.ks-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }\n.ks-card {\n  background: #fff; border-radius: 18px; padding: 36px 28px;\n  border: 1.5px solid rgba(30,42,110,.07); position: relative; overflow: hidden;\n  transition: transform .3s, box-shadow .3s, border-color .3s;\n}\n.ks-card::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\n  transform: scaleX(0); transition: transform .3s; transform-origin: left;\n}\n.ks-card:hover { transform: translateY(-7px); box-shadow: 0 20px 50px rgba(30,42,110,.1); border-color: rgba(30,42,110,.14); }\n.ks-card:hover::after { transform: scaleX(1); }\n.ks-card:nth-child(1)::after { background: linear-gradient(90deg,#00BFA5,#00e5cc); }\n.ks-card:nth-child(2)::after { background: linear-gradient(90deg,#D4006E,#E91E8C); }\n.ks-card:nth-child(3)::after { background: linear-gradient(90deg,#FF6B00,#FFD600); }\n.ks-card:nth-child(4)::after { background: linear-gradient(90deg,#8BC34A,#00BFA5); }\n.ks-card:nth-child(5)::after { background: linear-gradient(90deg,#E91E8C,#D4006E); }\n.ks-card:nth-child(6)::after { background: linear-gradient(90deg,#1E2A6E,#00BFA5); }\n\/* Featured *\/\n.ks-feat { background: linear-gradient(135deg,#1E2A6E 0%,#111a50 100%); border-color: transparent; }\n.ks-feat .ks-ct { color: #fff; }\n.ks-feat .ks-cd { color: rgba(255,255,255,.5); }\n.ks-feat .ks-tag { background: rgba(255,214,0,.15); color: #FFD600; }\n\/* Elements *\/\n.ks-icon { width: 54px; height: 54px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 20px; background: #F7F8FC; }\n.ks-feat .ks-icon { background: rgba(255,255,255,.08); }\n.ks-ct   { font-family: 'Playfair Display',serif; font-size: 1.2rem; font-weight: 700; color: #1E2A6E; margin-bottom: 10px; }\n.ks-cd   { font-size: .88rem; color: #5a6a8a; line-height: 1.65; margin-bottom: 20px; }\n.ks-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n.ks-tag  { font-size: .71rem; padding: 4px 12px; border-radius: 100px; background: rgba(30,42,110,.07); color: #1E2A6E; font-weight: 500; }\n\/* CTA *\/\n.ks-cta   { text-align: center; margin-top: 54px; }\n.ks-cta a {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: linear-gradient(135deg,#D4006E,#E91E8C); color: #fff;\n  padding: 16px 40px; border-radius: 8px; font-size: 1rem; font-weight: 600;\n  text-decoration: none; transition: transform .25s, box-shadow .25s;\n  box-shadow: 0 8px 28px rgba(212,0,110,.35);\n}\n.ks-cta a:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(212,0,110,.5); }\n\n@media(max-width:900px){ .ks-grid { grid-template-columns: repeat(2,1fr); } }\n@media(max-width:580px){ .ks-wrap { padding: 70px 20px; } .ks-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<div class=\"ks-wrap\" id=\"servicios\">\n  <div class=\"ks-in\">\n    <div class=\"ks-hd\">\n      <div class=\"ks-lab\">Lo que hacemos<\/div>\n      <h2 class=\"ks-hd-h2\">Servicios para <em>cada necesidad<\/em><br>de tu marca<\/h2>\n      <p class=\"ks-hd-p\">Desde una tarjeta de presentaci\u00f3n hasta una campa\u00f1a de gran formato. Soluciones completas para empresas y emprendedores.<\/p>\n    <\/div>\n    <div class=\"ks-grid\">\n\n      <div class=\"ks-card\">\n        <div class=\"ks-icon\">\ud83d\udda8\ufe0f<\/div>\n        <div class=\"ks-ct\">Litograf\u00eda Offset<\/div>\n        <div class=\"ks-cd\">Impresi\u00f3n de alta calidad en grandes vol\u00famenes. Colores perfectos en volantes, trifoliares, afiches y m\u00e1s.<\/div>\n        <div class=\"ks-tags\"><span class=\"ks-tag\">Volantes<\/span><span class=\"ks-tag\">Trifoliares<\/span><span class=\"ks-tag\">Afiches<\/span><span class=\"ks-tag\">Bifoliares<\/span><\/div>\n      <\/div>\n\n      <div class=\"ks-card\">\n        <div class=\"ks-icon\">\ud83c\udfb4<\/div>\n        <div class=\"ks-ct\">Tarjetas Personalizadas<\/div>\n        <div class=\"ks-cd\">Tarjetas de presentaci\u00f3n, regalo y llaveros publicitarios. Acabados mate, barniz UV y laminado.<\/div>\n        <div class=\"ks-tags\"><span class=\"ks-tag\">Presentaci\u00f3n<\/span><span class=\"ks-tag\">Regalo<\/span><span class=\"ks-tag\">Llavero<\/span><\/div>\n      <\/div>\n\n      <div class=\"ks-card ks-feat\">\n        <div class=\"ks-icon\">\ud83c\udff3\ufe0f<\/div>\n        <div class=\"ks-ct\">Mantas y Gran Formato<\/div>\n        <div class=\"ks-cd\">Mantas vin\u00edlicas y vinil adhesivo para eventos, locales y campa\u00f1as. Colores que no se ven, se sienten.<\/div>\n        <div class=\"ks-tags\"><span class=\"ks-tag\">Mantas<\/span><span class=\"ks-tag\">Vinil adhesivo<\/span><span class=\"ks-tag\">Eventos<\/span><\/div>\n      <\/div>\n\n      <div class=\"ks-card\">\n        <div class=\"ks-icon\">\ud83d\udc55<\/div>\n        <div class=\"ks-ct\">Ropa y Uniformes<\/div>\n        <div class=\"ks-cd\">Playeras, hoodies, gabachas y gorras con sublimaci\u00f3n o serigraf\u00eda. Tu logo en el equipo de trabajo.<\/div>\n        <div class=\"ks-tags\"><span class=\"ks-tag\">Playeras<\/span><span class=\"ks-tag\">Hoodies<\/span><span class=\"ks-tag\">Gorras<\/span><\/div>\n      <\/div>\n\n      <div class=\"ks-card\">\n        <div class=\"ks-icon\">\ud83c\udff7\ufe0f<\/div>\n        <div class=\"ks-ct\">Stickers y Etiquetas<\/div>\n        <div class=\"ks-cd\">Stickers en rollo para productos, cuadernos o vinil. Perfectos para emprendimientos de cualquier tama\u00f1o.<\/div>\n        <div class=\"ks-tags\"><span class=\"ks-tag\">En rollo<\/span><span class=\"ks-tag\">Papel<\/span><span class=\"ks-tag\">Vinil<\/span><\/div>\n      <\/div>\n\n      <div class=\"ks-card\">\n        <div class=\"ks-icon\">\ud83c\udf81<\/div>\n        <div class=\"ks-ct\">Regalos Corporativos<\/div>\n        <div class=\"ks-cd\">Tazas, mouse pads, cojines, canvas y m\u00e1s. Detalles personalizados con foto o logo para cada ocasi\u00f3n.<\/div>\n        <div class=\"ks-tags\"><span class=\"ks-tag\">Tazas<\/span><span class=\"ks-tag\">Mouse pad<\/span><span class=\"ks-tag\">Canvas<\/span><\/div>\n      <\/div>\n\n    <\/div>\n    <div class=\"ks-cta\"><a href=\"#cotizacion\">\ud83d\udccb Cotizar mis impresos &nbsp;\u2192<\/a><\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa34fc7 e-flex e-con-boxed e-con e-parent\" data-id=\"fa34fc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f130930 e-flex e-con-boxed e-con e-parent\" data-id=\"f130930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9d45f8 elementor-widget elementor-widget-html\" data-id=\"a9d45f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KOLIBRI \u2014 GALER\u00cdA | CSS completamente aislado -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');\n\n.kg-wrap {\n  font-family: 'DM Sans', sans-serif;\n  background: #0D0F2A;\n  padding: 100px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.kg-wrap *, .kg-wrap *::before, .kg-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.kg-wrap::before {\n  content: ''; position: absolute; inset: 0; pointer-events: none;\n  background: radial-gradient(ellipse 50% 55% at 50% 100%,rgba(30,42,110,.25) 0%,transparent 70%);\n}\n.kg-in  { max-width: 1200px; margin: 0 auto; position: relative; }\n\/* Header *\/\n.kg-hd  { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 52px; flex-wrap: wrap; gap: 20px; }\n.kg-lab { font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #00BFA5; margin-bottom: 10px; display: block; }\n.kg-h2  { font-family: 'Playfair Display',serif; font-weight: 900; font-size: clamp(1.9rem,3.5vw,2.9rem); color: #fff; line-height: 1.1; }\n.kg-h2 em { color: #FFD600; font-style: italic; }\n\/* Filtros *\/\n.kg-filt   { display: flex; gap: 8px; flex-wrap: wrap; }\n.kg-fbtn   {\n  padding: 8px 20px; border-radius: 100px; font-size: .82rem; font-weight: 500;\n  cursor: pointer; border: 1.5px solid rgba(255,255,255,.15); background: transparent;\n  color: rgba(255,255,255,.55); font-family: 'DM Sans',sans-serif; transition: background .2s, border-color .2s, color .2s;\n}\n.kg-fbtn:hover, .kg-fbtn.kg-act { background: #D4006E; border-color: #D4006E; color: #fff; }\n\/* Grid masonry *\/\n.kg-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 200px; gap: 14px; }\n.kg-item { border-radius: 14px; overflow: hidden; position: relative; cursor: pointer; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }\n.kg-item.wide { grid-column: span 2; }\n.kg-item.tall { grid-row: span 2; }\n.kg-ph   { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; transition: transform .4s; }\n.kg-item:hover .kg-ph { transform: scale(1.07); }\n.kg-ov   { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(13,15,42,.92) 0%,transparent 55%); opacity: 0; transition: opacity .3s; display: flex; align-items: flex-end; padding: 18px; }\n.kg-item:hover .kg-ov { opacity: 1; }\n.kg-ocat { font-size: .7rem; text-transform: uppercase; letter-spacing: 1.5px; color: #00BFA5; margin-bottom: 4px; }\n.kg-onam { font-family: 'Playfair Display',serif; font-size: 1rem; font-weight: 700; color: #fff; }\n\/* CTA *\/\n.kg-cta   { text-align: center; margin-top: 46px; }\n.kg-cta a { display: inline-flex; align-items: center; gap: 8px; color: #FFD600; font-size: .95rem; font-weight: 500; text-decoration: none; border-bottom: 1.5px solid transparent; padding-bottom: 2px; transition: border-color .2s; }\n.kg-cta a:hover { border-color: #FFD600; }\n\n@media(max-width:900px){ .kg-grid { grid-template-columns: repeat(2,1fr); } }\n@media(max-width:580px){\n  .kg-wrap { padding: 70px 20px; }\n  .kg-grid { grid-template-columns: 1fr; }\n  .kg-item.wide, .kg-item.tall { grid-column: span 1; grid-row: span 1; }\n}\n<\/style>\n\n<div class=\"kg-wrap\" id=\"galeria\">\n  <div class=\"kg-in\">\n    <div class=\"kg-hd\">\n      <div>\n        <span class=\"kg-lab\">Portafolio<\/span>\n        <h2 class=\"kg-h2\">Trabajos que<br>hablan por <em>s\u00ed solos<\/em><\/h2>\n      <\/div>\n      <div class=\"kg-filt\">\n        <button class=\"kg-fbtn kg-act\" onclick=\"kgFilt(this,'all')\">Todos<\/button>\n        <button class=\"kg-fbtn\" onclick=\"kgFilt(this,'litografia')\">Litograf\u00eda<\/button>\n        <button class=\"kg-fbtn\" onclick=\"kgFilt(this,'ropa')\">Ropa<\/button>\n        <button class=\"kg-fbtn\" onclick=\"kgFilt(this,'corporativo')\">Corporativo<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"kg-grid\" id=\"kgGrid\">\n      <div class=\"kg-item wide\" data-cat=\"litografia\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#1E2A6E,#00BFA5);\">\ud83d\udda8\ufe0f<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Litograf\u00eda<\/div><div class=\"kg-onam\">Volantes corporativos<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item tall\" data-cat=\"corporativo\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#D4006E,#1E2A6E);\">\ud83c\udfb4<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Corporativo<\/div><div class=\"kg-onam\">Tarjetas de presentaci\u00f3n<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item\" data-cat=\"litografia\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#FF6B00,#FFD600);\">\ud83d\udcc4<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Litograf\u00eda<\/div><div class=\"kg-onam\">Trifoliares full color<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item\" data-cat=\"ropa\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#8BC34A,#00BFA5);\">\ud83d\udc55<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Ropa<\/div><div class=\"kg-onam\">Uniformes empresariales<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item wide\" data-cat=\"corporativo\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#E91E8C,#FF6B00);\">\ud83c\udff7\ufe0f<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Etiquetas<\/div><div class=\"kg-onam\">Stickers en rollo para producto<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item\" data-cat=\"litografia\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#1E2A6E,#E91E8C);\">\ud83c\udf89<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Gran formato<\/div><div class=\"kg-onam\">Manta de evento<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item\" data-cat=\"ropa\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#FFD600,#D4006E);\">\ud83e\udde2<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Ropa<\/div><div class=\"kg-onam\">Gorras personalizadas<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"kg-item\" data-cat=\"corporativo\">\n        <div class=\"kg-ph\" style=\"background:linear-gradient(135deg,#00BFA5,#1E2A6E);\">\ud83c\udf81<\/div>\n        <div class=\"kg-ov\"><div><div class=\"kg-ocat\">Regalos<\/div><div class=\"kg-onam\">Kit corporativo personalizado<\/div><\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"kg-cta\">\n      <a href=\"https:\/\/www.facebook.com\/kolibriguate\" target=\"_blank\">Ver m\u00e1s trabajos en Facebook \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction kgFilt(btn,cat){\n  document.querySelectorAll('.kg-fbtn').forEach(b=>b.classList.remove('kg-act'));\n  btn.classList.add('kg-act');\n  document.querySelectorAll('#kgGrid .kg-item').forEach(function(item){\n    var show=cat==='all'||item.dataset.cat===cat;\n    item.style.opacity=show?'1':'0.15';\n    item.style.transform=show?'scale(1)':'scale(.96)';\n    item.style.transition='opacity .3s,transform .3s';\n  });\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74875bf e-flex e-con-boxed e-con e-parent\" data-id=\"74875bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb680c elementor-widget elementor-widget-html\" data-id=\"abb680c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KOLIBRI \u2014 NOSOTROS | CSS completamente aislado -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');\n\n.kn-wrap {\n  font-family: 'DM Sans', sans-serif;\n  background: #F7F8FC;\n  padding: 100px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.kn-wrap *, .kn-wrap *::before, .kn-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.kn-in  { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n\/* Visual *\/\n.kn-vis { position: relative; }\n.kn-img {\n  border-radius: 22px; height: 500px; overflow: hidden;\n  background: linear-gradient(135deg,#1E2A6E 0%,#111a50 40%,#00BFA5 100%);\n  display: flex; align-items: center; justify-content: center; font-size: 7rem; position: relative;\n}\n.kn-img::before {\n  content: ''; position: absolute; inset: 0;\n  background: radial-gradient(ellipse at 30% 70%,rgba(212,0,110,.22),transparent 60%);\n}\n.kn-stripe {\n  position: absolute; bottom: 0; left: 0; right: 0; height: 6px;\n  background: linear-gradient(90deg,#00BFA5,#8BC34A,#FFD600,#FF6B00,#E91E8C,#D4006E,#1E2A6E);\n}\n.kn-stat {\n  position: absolute; bottom: -28px; right: -28px; background: #fff;\n  border-radius: 18px; padding: 24px 28px;\n  box-shadow: 0 18px 50px rgba(30,42,110,.15);\n  border: 1.5px solid rgba(30,42,110,.08); z-index: 2;\n}\n.kn-stat-row { display: flex; gap: 26px; }\n.kn-si      { text-align: center; }\n.kn-snum    { font-family: 'Playfair Display',serif; font-size: 2rem; font-weight: 900; color: #D4006E; display: block; line-height: 1; margin-bottom: 4px; }\n.kn-slab    { font-size: .72rem; color: #5a6a8a; white-space: nowrap; }\n.kn-sdiv    { width: 1px; background: rgba(30,42,110,.12); align-self: stretch; }\n\/* Texto *\/\n.kn-lab     { font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #D4006E; margin-bottom: 12px; display: block; }\n.kn-h2      { font-family: 'Playfair Display',serif; font-weight: 900; font-size: clamp(2rem,3.5vw,2.8rem); color: #1E2A6E; margin-bottom: 22px; line-height: 1.15; }\n.kn-h2 em   { color: #D4006E; font-style: italic; }\n.kn-p       { color: #5a6a8a; font-size: 1rem; line-height: 1.8; margin-bottom: 16px; }\n.kn-vals    { list-style: none; padding: 0; margin: 30px 0; display: flex; flex-direction: column; gap: 13px; }\n.kn-vals li { display: flex; align-items: flex-start; gap: 14px; font-size: .95rem; color: #1E2A6E; line-height: 1.5; }\n.kn-check   {\n  width: 22px; height: 22px; min-width: 22px; border-radius: 50%;\n  background: linear-gradient(135deg,#00BFA5,#8BC34A);\n  display: flex; align-items: center; justify-content: center;\n  color: #fff; font-size: 11px; margin-top: 1px; flex-shrink: 0;\n}\n.kn-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: #1E2A6E; color: #fff; padding: 14px 30px; border-radius: 8px;\n  font-size: .95rem; font-weight: 600; text-decoration: none;\n  transition: background .25s, transform .25s, box-shadow .25s;\n}\n.kn-btn:hover { background: #D4006E; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(212,0,110,.35); }\n\n@media(max-width:900px){ .kn-in { grid-template-columns: 1fr; gap: 60px; } .kn-img { height: 320px; } .kn-stat { right: 0; } }\n@media(max-width:580px){ .kn-wrap { padding: 70px 20px; } }\n<\/style>\n\n<div class=\"kn-wrap\" id=\"nosotros\">\n  <div class=\"kn-in\">\n    <div class=\"kn-vis\">\n      <div class=\"kn-img\">\n        \ud83d\udc26\n        <!-- Reemplaza: <img decoding=\"async\" src=\"foto-equipo.jpg\" style=\"width:100%;height:100%;object-fit:cover;position:absolute;inset:0;\"> -->\n        <div class=\"kn-stripe\"><\/div>\n      <\/div>\n      <div class=\"kn-stat\">\n        <div class=\"kn-stat-row\">\n          <div class=\"kn-si\"><span class=\"kn-snum\">+10<\/span><div class=\"kn-slab\">A\u00f1os de<br>experiencia<\/div><\/div>\n          <div class=\"kn-sdiv\"><\/div>\n          <div class=\"kn-si\"><span class=\"kn-snum\">+500<\/span><div class=\"kn-slab\">Clientes<br>satisfechos<\/div><\/div>\n          <div class=\"kn-sdiv\"><\/div>\n          <div class=\"kn-si\"><span class=\"kn-snum\">100%<\/span><div class=\"kn-slab\">Hecho en<br>Guatemala<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div>\n      <span class=\"kn-lab\">Qui\u00e9nes somos<\/span>\n      <h2 class=\"kn-h2\">La imprenta detr\u00e1s<br>de las marcas<br>que <em>crecen<\/em><\/h2>\n      <p class=\"kn-p\">En Kolibri somos un equipo apasionado por el dise\u00f1o y la impresi\u00f3n. Como el colibr\u00ed \u2014 vibrante, veloz y lleno de color \u2014 nos movemos r\u00e1pido sin sacrificar la calidad.<\/p>\n      <p class=\"kn-p\">Nacimos para ayudar a emprendedores y empresas guatemaltecas a comunicar su marca con materiales que realmente impactan.<\/p>\n      <ul class=\"kn-vals\">\n        <li><div class=\"kn-check\">\u2713<\/div>Calidad en cada impresi\u00f3n, desde la primera hasta la \u00faltima<\/li>\n        <li><div class=\"kn-check\">\u2713<\/div>Tiempos de entrega que respetan tu agenda y tus deadlines<\/li>\n        <li><div class=\"kn-check\">\u2713<\/div>Atenci\u00f3n personalizada: del dise\u00f1o a la entrega final<\/li>\n        <li><div class=\"kn-check\">\u2713<\/div>Precios justos para negocios de todos los tama\u00f1os<\/li>\n      <\/ul>\n      <a href=\"#cotizacion\" class=\"kn-btn\">Trabajemos juntos \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceab8a0 e-flex e-con-boxed e-con e-parent\" data-id=\"ceab8a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef0e6bf elementor-widget elementor-widget-html\" data-id=\"ef0e6bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KOLIBRI \u2014 TESTIMONIOS | CSS completamente aislado -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');\n\n.kt-wrap {\n  font-family: 'DM Sans', sans-serif;\n  background: #0D0F2A;\n  padding: 100px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.kt-wrap *, .kt-wrap *::before, .kt-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.kt-wrap::before {\n  content: '\"'; position: absolute; top: -40px; right: 3%;\n  font-family: 'Playfair Display',serif; font-size: 30rem; color: rgba(255,255,255,.02);\n  line-height: 1; pointer-events: none;\n}\n.kt-in   { max-width: 1200px; margin: 0 auto; position: relative; }\n\/* Header *\/\n.kt-hd   { text-align: center; margin-bottom: 68px; }\n.kt-lab  { font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #00BFA5; margin-bottom: 12px; display: block; }\n.kt-h2   { font-family: 'Playfair Display',serif; font-weight: 900; font-size: clamp(2rem,4vw,3rem); color: #fff; margin-bottom: 14px; }\n.kt-h2 em { color: #FFD600; font-style: italic; }\n.kt-hp   { color: rgba(255,255,255,.45); font-size: 1rem; max-width: 480px; margin: 0 auto; }\n\/* Grid *\/\n.kt-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-bottom: 54px; }\n.kt-card {\n  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);\n  border-radius: 16px; padding: 30px 26px; transition: background .3s, transform .3s; position: relative; overflow: hidden;\n}\n.kt-card::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n  opacity: 0; transition: opacity .3s;\n}\n.kt-card:hover { background: rgba(255,255,255,.07); transform: translateY(-5px); }\n.kt-card:hover::before { opacity: 1; }\n.kt-card:nth-child(1)::before,.kt-card:nth-child(4)::before { background: linear-gradient(90deg,#00BFA5,#8BC34A); }\n.kt-card:nth-child(2)::before,.kt-card:nth-child(5)::before { background: linear-gradient(90deg,#D4006E,#E91E8C); }\n.kt-card:nth-child(3)::before,.kt-card:nth-child(6)::before { background: linear-gradient(90deg,#FF6B00,#FFD600); }\n.kt-hl   { border-color: rgba(0,191,165,.3) !important; background: rgba(0,191,165,.06) !important; }\n.kt-stars { color: #FFD600; font-size: .85rem; letter-spacing: 2px; margin-bottom: 14px; }\n.kt-q    { font-size: .97rem; color: rgba(255,255,255,.75); line-height: 1.74; margin-bottom: 26px; font-style: italic; }\n.kt-q::before { content: '\"'; color: #00BFA5; font-size: 1.5rem; font-family: 'Playfair Display',serif; line-height: 0; vertical-align: -8px; margin-right: 2px; }\n.kt-au   { display: flex; align-items: center; gap: 13px; }\n.kt-av   { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; flex-shrink: 0; }\n.kt-name { font-weight: 600; font-size: .93rem; color: #fff; margin-bottom: 2px; }\n.kt-role { font-size: .77rem; color: rgba(255,255,255,.4); }\n\/* Clientes *\/\n.kt-clie { border-top: 1px solid rgba(255,255,255,.08); padding-top: 48px; }\n.kt-clab { text-align: center; font-size: .76rem; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,.28); margin-bottom: 30px; }\n.kt-logos { display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; }\n.kt-logo { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: 12px 22px; font-size: .83rem; color: rgba(255,255,255,.38); font-weight: 500; transition: color .2s, border-color .2s; }\n.kt-logo:hover { color: rgba(255,255,255,.75); border-color: rgba(212,0,110,.35); }\n.kt-rate { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 46px; flex-wrap: wrap; }\n.kt-rnum { font-family: 'Playfair Display',serif; font-size: 3.8rem; font-weight: 900; color: #fff; line-height: 1; }\n.kt-rstr { color: #FFD600; font-size: 1.1rem; letter-spacing: 3px; margin-bottom: 4px; }\n.kt-rp   { font-size: .8rem; color: rgba(255,255,255,.4); margin-top: 4px; }\n\n@media(max-width:900px){ .kt-grid { grid-template-columns: repeat(2,1fr); } }\n@media(max-width:580px){ .kt-wrap { padding: 70px 20px; } .kt-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<div class=\"kt-wrap\" id=\"testimonios\">\n  <div class=\"kt-in\">\n    <div class=\"kt-hd\">\n      <span class=\"kt-lab\">Testimonios<\/span>\n      <h2 class=\"kt-h2\">Lo que dicen<br>nuestros <em>clientes<\/em><\/h2>\n      <p class=\"kt-hp\">M\u00e1s de 500 negocios guatemaltecos conf\u00edan en Kolibri para hacer crecer su imagen.<\/p>\n    <\/div>\n    <div class=\"kt-grid\">\n\n      <div class=\"kt-card kt-hl\">\n        <div class=\"kt-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"kt-q\">Ped\u00ed mis tarjetas el martes y las tuve el jueves. La calidad super\u00f3 mis expectativas. \u00a1Las de mi anterior imprenta parecen fotocopias comparadas!<\/div>\n        <div class=\"kt-au\"><div class=\"kt-av\" style=\"background:linear-gradient(135deg,#00BFA5,#8BC34A);\">MC<\/div><div><div class=\"kt-name\">Mar\u00eda Castellanos<\/div><div class=\"kt-role\">Consultora, Guatemala<\/div><\/div><\/div>\n      <\/div>\n\n      <div class=\"kt-card\">\n        <div class=\"kt-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"kt-q\">Necesitaba uniformes para 15 personas en menos de una semana. Kolibri lo hizo posible y el acabado fue excelente. Volver\u00eda sin dudarlo.<\/div>\n        <div class=\"kt-au\"><div class=\"kt-av\" style=\"background:linear-gradient(135deg,#D4006E,#E91E8C);\">JL<\/div><div><div class=\"kt-name\">Jorge L\u00f3pez<\/div><div class=\"kt-role\">Gerente de tienda, Mixco<\/div><\/div><\/div>\n      <\/div>\n\n      <div class=\"kt-card\">\n        <div class=\"kt-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"kt-q\">Los stickers para mis productos quedaron perfectos. Los colores son vibrantes y el material es duradero. Mis clientes siempre me preguntan d\u00f3nde los hago.<\/div>\n        <div class=\"kt-au\"><div class=\"kt-av\" style=\"background:linear-gradient(135deg,#FF6B00,#FFD600);\">AP<\/div><div><div class=\"kt-name\">Andrea P\u00e9rez<\/div><div class=\"kt-role\">Emprendedora, Villa Nueva<\/div><\/div><\/div>\n      <\/div>\n\n      <div class=\"kt-card\">\n        <div class=\"kt-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"kt-q\">Llevamos dos a\u00f1os con Kolibri para todas nuestras campa\u00f1as. Las mantas siempre llegan a tiempo y el color es exactamente el del dise\u00f1o.<\/div>\n        <div class=\"kt-au\"><div class=\"kt-av\" style=\"background:linear-gradient(135deg,#1E2A6E,#00BFA5);\">RM<\/div><div><div class=\"kt-name\">Roberto M\u00e9ndez<\/div><div class=\"kt-role\">Director de marketing, CDMGT<\/div><\/div><\/div>\n      <\/div>\n\n      <div class=\"kt-card\">\n        <div class=\"kt-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"kt-q\">El trato es muy humano. Me ayudaron a mejorar el dise\u00f1o antes de imprimir y eso marc\u00f3 toda la diferencia. Un servicio de verdad personalizado.<\/div>\n        <div class=\"kt-au\"><div class=\"kt-av\" style=\"background:linear-gradient(135deg,#E91E8C,#D4006E);\">SG<\/div><div><div class=\"kt-name\">Sof\u00eda Gramajo<\/div><div class=\"kt-role\">Dise\u00f1adora freelance, Guatemala<\/div><\/div><\/div>\n      <\/div>\n\n      <div class=\"kt-card\">\n        <div class=\"kt-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"kt-q\">Para mi evento necesitaba 50 regalos corporativos personalizados. El equipo coordin\u00f3 todo. Resultado: 50 clientes felices y yo tambi\u00e9n.<\/div>\n        <div class=\"kt-au\"><div class=\"kt-av\" style=\"background:linear-gradient(135deg,#8BC34A,#1E2A6E);\">CF<\/div><div><div class=\"kt-name\">Carlos Figueroa<\/div><div class=\"kt-role\">Gerente general, empresa local<\/div><\/div><\/div>\n      <\/div>\n\n    <\/div>\n    <div class=\"kt-clie\">\n      <div class=\"kt-clab\">Conf\u00edan en nosotros<\/div>\n      <div class=\"kt-logos\">\n        <div class=\"kt-logo\">Empresa A<\/div>\n        <div class=\"kt-logo\">Distribuidora B<\/div>\n        <div class=\"kt-logo\">Restaurante C<\/div>\n        <div class=\"kt-logo\">Boutique D<\/div>\n        <div class=\"kt-logo\">Cl\u00ednica E<\/div>\n        <div class=\"kt-logo\">Academia F<\/div>\n      <\/div>\n      <div class=\"kt-rate\">\n        <div class=\"kt-rnum\">5.0<\/div>\n        <div><div class=\"kt-rstr\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"kt-rp\">Basado en rese\u00f1as en Facebook<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6516288 e-flex e-con-boxed e-con e-parent\" data-id=\"6516288\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf3862d elementor-widget elementor-widget-html\" data-id=\"cf3862d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KOLIBRI \u2014 COTIZACI\u00d3N \/ CONTACTO | CSS completamente aislado -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');\n\n.kc-wrap {\n  font-family: 'DM Sans', sans-serif;\n  background: #F7F8FC;\n  padding: 100px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.kc-wrap *, .kc-wrap *::before, .kc-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.kc-wrap::before {\n  content: ''; position: absolute; bottom: -100px; left: -80px;\n  width: 450px; height: 450px; border-radius: 50%;\n  background: radial-gradient(circle,rgba(30,42,110,.06),transparent 65%);\n  pointer-events: none;\n}\n.kc-stripe { height: 5px; background: linear-gradient(90deg,#00BFA5,#8BC34A,#FFD600,#FF6B00,#E91E8C,#D4006E,#1E2A6E); margin-bottom: 0; }\n.kc-in   { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.3fr; gap: 70px; align-items: start; position: relative; }\n\/* Info *\/\n.kc-lab  { font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #D4006E; margin-bottom: 12px; display: block; }\n.kc-h2   { font-family: 'Playfair Display',serif; font-weight: 900; font-size: clamp(2rem,3.5vw,2.8rem); color: #1E2A6E; margin-bottom: 18px; line-height: 1.15; }\n.kc-h2 em { color: #D4006E; font-style: italic; }\n.kc-p    { color: #5a6a8a; font-size: 1rem; line-height: 1.75; margin-bottom: 36px; }\n\/* Contact cards *\/\n.kc-cards { display: flex; flex-direction: column; gap: 12px; }\n.kc-card  {\n  display: flex; align-items: center; gap: 15px; background: #fff;\n  border-radius: 12px; padding: 15px 18px; border: 1.5px solid rgba(30,42,110,.08);\n  text-decoration: none; color: #1E2A6E;\n  transition: border-color .25s, transform .25s, box-shadow .25s;\n}\n.kc-card:hover { border-color: #D4006E; transform: translateX(5px); box-shadow: 0 6px 22px rgba(212,0,110,.1); }\n.kc-cicon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; flex-shrink: 0; }\n.kc-clabel { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: 1px; color: #5a6a8a; margin-bottom: 2px; }\n.kc-cval   { font-size: .94rem; font-weight: 600; color: #1E2A6E; }\n\/* Formulario *\/\n.kc-form {\n  background: #fff; border-radius: 22px; padding: 40px 36px;\n  border: 1.5px solid rgba(30,42,110,.08); box-shadow: 0 14px 44px rgba(30,42,110,.07);\n}\n.kc-fbar { height: 4px; border-radius: 4px; background: linear-gradient(90deg,#D4006E,#E91E8C,#FF6B00,#FFD600); margin-bottom: 28px; }\n.kc-ftit { font-family: 'Playfair Display',serif; font-size: 1.45rem; font-weight: 700; color: #1E2A6E; margin-bottom: 24px; }\n.kc-f    { margin-bottom: 16px; }\n.kc-f label {\n  display: block; font-size: .78rem; font-weight: 600; color: #5a6a8a;\n  margin-bottom: 6px; text-transform: uppercase; letter-spacing: .5px;\n}\n.kc-f input, .kc-f select, .kc-f textarea {\n  width: 100%; padding: 12px 15px; border: 1.5px solid rgba(30,42,110,.13);\n  border-radius: 8px; font-family: 'DM Sans',sans-serif; font-size: .94rem;\n  color: #1E2A6E; background: #F7F8FC; outline: none;\n  transition: border-color .2s, box-shadow .2s;\n  appearance: none; -webkit-appearance: none;\n}\n.kc-f input:focus, .kc-f select:focus, .kc-f textarea:focus {\n  border-color: #D4006E; background: #fff; box-shadow: 0 0 0 3px rgba(212,0,110,.1);\n}\n.kc-f textarea { resize: vertical; min-height: 105px; }\n.kc-row  { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n.kc-sub  {\n  width: 100%; background: linear-gradient(135deg,#D4006E,#E91E8C); color: #fff;\n  border: none; padding: 16px; border-radius: 8px;\n  font-family: 'DM Sans',sans-serif; font-size: 1rem; font-weight: 600; cursor: pointer;\n  transition: transform .25s, box-shadow .25s; margin-top: 6px;\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n  box-shadow: 0 8px 26px rgba(212,0,110,.35);\n}\n.kc-sub:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(212,0,110,.5); }\n.kc-foot { text-align: center; margin-top: 14px; font-size: .77rem; color: #5a6a8a; }\n.kc-foot a { color: #D4006E; text-decoration: none; font-weight: 600; }\n\n@media(max-width:900px){ .kc-in { grid-template-columns: 1fr; gap: 48px; } }\n@media(max-width:580px){ .kc-wrap { padding: 70px 20px; } .kc-form { padding: 28px 20px; } .kc-row { grid-template-columns: 1fr; } }\n<\/style>\n\n<div class=\"kc-stripe\"><\/div>\n<div class=\"kc-wrap\" id=\"cotizacion\">\n  <div class=\"kc-in\">\n\n    <div>\n      <span class=\"kc-lab\">Cont\u00e1ctanos<\/span>\n      <h2 class=\"kc-h2\">Cotiza tus<br><em>impresos<\/em><br>sin costo<\/h2>\n      <p class=\"kc-p\">Cu\u00e9ntanos qu\u00e9 necesitas y te respondemos en menos de 24 horas. Sin compromisos, sin letras peque\u00f1as.<\/p>\n      <div class=\"kc-cards\">\n        <a href=\"https:\/\/wa.me\/502XXXXXXXX?text=Hola%20Kolibri\" target=\"_blank\" class=\"kc-card\">\n          <div class=\"kc-cicon\" style=\"background:#e7fdf3;\">\ud83d\udcac<\/div>\n          <div><span class=\"kc-clabel\">WhatsApp<\/span><span class=\"kc-cval\">+502 XXXX XXXX<\/span><\/div>\n        <\/a>\n        <a href=\"https:\/\/www.facebook.com\/kolibriguate\" target=\"_blank\" class=\"kc-card\">\n          <div class=\"kc-cicon\" style=\"background:#e8f0fe;\">\ud83d\udcd8<\/div>\n          <div><span class=\"kc-clabel\">Facebook<\/span><span class=\"kc-cval\">@kolibriguate<\/span><\/div>\n        <\/a>\n        <a href=\"mailto:info@kolibri.gt\" class=\"kc-card\">\n          <div class=\"kc-cicon\" style=\"background:rgba(212,0,110,.08);\">\ud83d\udce7<\/div>\n          <div><span class=\"kc-clabel\">Correo<\/span><span class=\"kc-cval\">info@kolibri.gt<\/span><\/div>\n        <\/a>\n        <div class=\"kc-card\" style=\"cursor:default;\">\n          <div class=\"kc-cicon\" style=\"background:rgba(255,214,0,.1);\">\ud83d\udccd<\/div>\n          <div><span class=\"kc-clabel\">Ubicaci\u00f3n<\/span><span class=\"kc-cval\">Guatemala, Guatemala<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"kc-form\">\n      <div class=\"kc-fbar\"><\/div>\n      <div class=\"kc-ftit\">Solicitar cotizaci\u00f3n<\/div>\n      <div class=\"kc-row\">\n        <div class=\"kc-f\"><label>Nombre<\/label><input type=\"text\" placeholder=\"Tu nombre\" id=\"kcNom\"><\/div>\n        <div class=\"kc-f\"><label>Tel\u00e9fono \/ WhatsApp<\/label><input type=\"tel\" placeholder=\"+502 XXXX XXXX\" id=\"kcTel\"><\/div>\n      <\/div>\n      <div class=\"kc-f\"><label>Correo electr\u00f3nico<\/label><input type=\"email\" placeholder=\"tucorreo@email.com\" id=\"kcEmail\"><\/div>\n      <div class=\"kc-f\">\n        <label>Servicio de inter\u00e9s<\/label>\n        <select id=\"kcSrv\">\n          <option value=\"\">Selecciona un servicio...<\/option>\n          <option>Tarjetas de presentaci\u00f3n<\/option>\n          <option>Volantes \/ Trifoliares \/ Afiches<\/option>\n          <option>Mantas y gran formato<\/option>\n          <option>Stickers y etiquetas<\/option>\n          <option>Ropa personalizada<\/option>\n          <option>Regalos corporativos<\/option>\n          <option>Centro de copiado<\/option>\n          <option>Otro<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"kc-row\">\n        <div class=\"kc-f\"><label>Cantidad estimada<\/label><input type=\"number\" placeholder=\"Ej: 500\" id=\"kcCant\" min=\"1\"><\/div>\n        <div class=\"kc-f\">\n          <label>\u00bfTienes dise\u00f1o propio?<\/label>\n          <select id=\"kcDis\">\n            <option value=\"\">Selecciona...<\/option>\n            <option>S\u00ed, tengo dise\u00f1o listo<\/option>\n            <option>Necesito ayuda con el dise\u00f1o<\/option>\n            <option>Tengo referencia pero no dise\u00f1o<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"kc-f\"><label>Detalles adicionales<\/label>\n        <textarea placeholder=\"Dimensiones, colores, material, fecha de entrega deseada...\" id=\"kcMsg\"><\/textarea>\n      <\/div>\n      <button class=\"kc-sub\" onclick=\"kcEnviar()\">\ud83d\udce9 Enviar solicitud de cotizaci\u00f3n<\/button>\n      <div class=\"kc-foot\">Tambi\u00e9n por <a href=\"https:\/\/wa.me\/502XXXXXXXX\" target=\"_blank\">WhatsApp<\/a><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction kcEnviar(){\n  var n=document.getElementById('kcNom').value.trim();\n  var t=document.getElementById('kcTel').value.trim();\n  var e=document.getElementById('kcEmail').value.trim();\n  var s=document.getElementById('kcSrv').value;\n  var c=document.getElementById('kcCant').value;\n  var d=document.getElementById('kcDis').value;\n  var m=document.getElementById('kcMsg').value.trim();\n  if(!n||!t||!s){alert('Por favor completa: nombre, tel\u00e9fono y servicio.');return;}\n  var txt='\u00a1Hola Kolibri! Quisiera cotizar:\\n\\n\ud83d\udc64 '+n+'\\n\ud83d\udcde '+t+'\\n\ud83d\udce7 '+(e||'No indicado')+'\\n\ud83d\udda8\ufe0f '+s+'\\n\ud83d\udce6 '+(c||'No indicada')+'\\n\ud83c\udfa8 '+(d||'No indicado')+'\\n\ud83d\udcdd '+(m||'Sin detalles');\n  window.open('https:\/\/wa.me\/502XXXXXXXX?text='+encodeURIComponent(txt),'_blank');\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o e Imprenta \u00b7 Guatemala Tu marca,impresaa todo color Tarjetas, mantas, stickers, ropa personalizada y mucho m\u00e1s. Dise\u00f1o profesional con [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":17,"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/kolibri-gt.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}