Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&family=Playfair+Display:ital@1&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --vino: #8B1A3C;\r\n --vino-dark: #6B1230;\r\n --crema: #F5F0E6;\r\n --crema-alt: #EDE8DB;\r\n --negro: #1A1A1A;\r\n --gris: #555555;\r\n --dorado: #C8A84B;\r\n --verde: #4A7A3A;\r\n --blanco: #FFFFFF;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background: var(--crema);\r\n color: var(--negro);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n .bg-layer {\r\n position: fixed; inset: 0; z-index: 0;\r\n background:\r\n linear-gradient(rgba(245,240,230,0.90), rgba(245,240,230,0.90)),\r\n url('https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/FONDO-CAFE-OCAMPOS.jpg') center\/cover no-repeat;\r\n pointer-events: none;\r\n }\r\n .page { position: relative; z-index: 1; }\r\n\r\n \/* \u2500\u2500 TOPBAR \u2500\u2500 *\/\r\n .topbar {\r\n width: 100%; height: 150px;\r\n background: #951638;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 48px;\r\n position: sticky; top: 0; z-index: 50;\r\n box-shadow: 0 4px 24px rgba(139,26,60,0.25);\r\n }\r\n .topbar-logo {\r\n flex-shrink: 0;\r\n }\r\n .topbar-logo img {\r\n height: 90px; width: auto; object-fit: contain;\r\n filter: brightness(0) invert(1);\r\n }\r\n .topbar-nav {\r\n display: flex; align-items: center; gap: 6px;\r\n flex-wrap: wrap; justify-content: flex-end;\r\n }\r\n .topbar-nav a {\r\n color: rgba(255,255,255,0.88);\r\n text-decoration: none;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px; font-weight: 700;\r\n letter-spacing: 0.16em; text-transform: uppercase;\r\n padding: 9px 16px;\r\n border-radius: 100px;\r\n border: 1.5px solid transparent;\r\n transition: all 0.25s ease;\r\n white-space: nowrap;\r\n }\r\n .topbar-nav a:hover {\r\n color: #ffffff;\r\n border-color: rgba(255,255,255,0.35);\r\n background: rgba(255,255,255,0.10);\r\n }\r\n .topbar-nav a.nav-cta {\r\n background: rgba(255,255,255,0.15);\r\n border-color: rgba(255,255,255,0.40);\r\n color: #ffffff;\r\n }\r\n .topbar-nav a.nav-cta:hover {\r\n background: rgba(255,255,255,0.28);\r\n }\r\n .topbar-divider {\r\n width: 1px; height: 16px;\r\n background: rgba(255,255,255,0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 24px 48px;\r\n border-bottom: 1px solid rgba(139,26,60,0.15);\r\n opacity: 0; animation: fadeDown 0.9s ease 0.2s forwards;\r\n }\r\n .logo-slot {\r\n width: 72px; height: 72px; border-radius: 12px;\r\n border: 2px solid rgba(139,26,60,0.25); overflow: hidden;\r\n background: var(--crema-alt); display: flex;\r\n align-items: center; justify-content: center;\r\n box-shadow: 0 4px 16px rgba(139,26,60,0.10); flex-shrink: 0;\r\n }\r\n .logo-slot img { width: 100%; height: 100%; object-fit: cover; }\r\n .brand-text { text-align: center; }\r\n .brand-text .eyebrow {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.28em;\r\n color: var(--dorado); text-transform: uppercase;\r\n }\r\n .brand-text h1 {\r\n font-size: 18px; font-weight: 900; letter-spacing: 0.06em;\r\n color: var(--vino); text-transform: uppercase; margin-top: 4px;\r\n }\r\n .brand-text .sub {\r\n font-size: 10px; font-weight: 500; letter-spacing: 0.22em;\r\n color: var(--gris); text-transform: uppercase; margin-top: 2px;\r\n }\r\n .header-right {\r\n text-align: right;\r\n }\r\n .header-right .tag-top {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.24em;\r\n color: var(--dorado); text-transform: uppercase;\r\n }\r\n .header-right .tag-main {\r\n font-size: 14px; font-weight: 900; letter-spacing: 0.08em;\r\n color: var(--vino); text-transform: uppercase; margin-top: 3px;\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n padding: 48px 48px 32px;\r\n display: flex; flex-direction: column; align-items: center;\r\n text-align: center;\r\n opacity: 0; animation: fadeUp 1s ease 0.5s forwards;\r\n }\r\n .hero .pill {\r\n display: inline-block;\r\n background: var(--crema-alt);\r\n border: 1.5px solid rgba(139,26,60,0.20);\r\n border-radius: 100px; padding: 7px 22px;\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\r\n color: var(--vino); text-transform: uppercase; margin-bottom: 18px;\r\n }\r\n .hero h2 {\r\n font-size: clamp(30px, 5vw, 52px); font-weight: 900;\r\n color: var(--vino); text-transform: uppercase;\r\n letter-spacing: -0.01em; line-height: 1.05; margin-bottom: 10px;\r\n }\r\n .hero .hero-sub {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 17px; color: var(--gris); margin-bottom: 20px;\r\n }\r\n .gold-line-hero {\r\n width: 200px; height: 1.5px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n margin: 0 auto 20px;\r\n }\r\n .hero-desc {\r\n font-size: 13px; color: var(--gris); line-height: 1.7;\r\n max-width: 540px;\r\n }\r\n\r\n \/* \u2500\u2500 FILTROS \u2500\u2500 *\/\r\n .filter-bar {\r\n padding: 0 48px 28px;\r\n display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;\r\n opacity: 0; animation: fadeUp 1s ease 0.7s forwards;\r\n }\r\n .filter-btn {\r\n background: transparent;\r\n border: 1.5px solid rgba(139,26,60,0.28);\r\n color: var(--vino);\r\n padding: 8px 20px; border-radius: 100px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\r\n text-transform: uppercase; cursor: pointer;\r\n transition: all 0.25s ease;\r\n display: flex; align-items: center; gap: 7px;\r\n }\r\n .filter-btn:hover {\r\n background: rgba(139,26,60,0.08);\r\n border-color: var(--vino);\r\n }\r\n .filter-btn.active {\r\n background: var(--vino); color: var(--blanco);\r\n border-color: var(--vino);\r\n }\r\n .filter-btn .fb-icon { font-size: 14px; }\r\n\r\n \/* \u2500\u2500 GRID DE RECETAS \u2500\u2500 *\/\r\n .recetas-grid {\r\n padding: 0 48px 60px;\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\r\n opacity: 0; animation: fadeUp 1s ease 0.9s forwards;\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA DE RECETA \u2500\u2500 *\/\r\n .receta-card {\r\n background: var(--blanco);\r\n border: 1.5px solid rgba(139,26,60,0.12);\r\n border-radius: 18px;\r\n box-shadow: 0 2px 20px rgba(0,0,0,0.05);\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n .receta-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 40px rgba(139,26,60,0.12);\r\n }\r\n .receta-card::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n }\r\n\r\n \/* imagen *\/\r\n .card-photo {\r\n width: 100%; aspect-ratio: 4\/3;\r\n background: var(--crema-alt);\r\n overflow: hidden; position: relative;\r\n }\r\n .card-photo img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n .receta-card:hover .card-photo img { transform: scale(1.05); }\r\n .photo-badge {\r\n position: absolute; top: 12px; right: 12px;\r\n background: rgba(245,240,230,0.92); backdrop-filter: blur(8px);\r\n border: 1.5px solid rgba(139,26,60,0.22);\r\n border-radius: 100px; padding: 5px 14px;\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.18em;\r\n color: var(--vino); text-transform: uppercase;\r\n }\r\n\r\n \/* cuerpo *\/\r\n .card-body { padding: 22px 22px 20px; }\r\n .card-eyebrow {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.26em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 6px;\r\n }\r\n .card-title {\r\n font-size: 18px; font-weight: 900; color: var(--vino);\r\n text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 3px;\r\n }\r\n .card-subtitle {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 12px; color: var(--gris); margin-bottom: 14px;\r\n }\r\n\r\n .gold-line-card {\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n margin: 12px 0;\r\n }\r\n\r\n \/* par\u00e1metros *\/\r\n .params {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 8px;\r\n margin-bottom: 14px;\r\n }\r\n .param-item {\r\n background: var(--crema-alt);\r\n border-radius: 10px; padding: 10px 12px;\r\n }\r\n .param-label {\r\n font-size: 8px; font-weight: 700; letter-spacing: 0.20em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 3px;\r\n }\r\n .param-val {\r\n font-size: 13px; font-weight: 700; color: var(--negro);\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n \/* recomendaci\u00f3n *\/\r\n .card-rec {\r\n font-size: 12px; color: var(--gris); line-height: 1.65;\r\n border-left: 2px solid rgba(139,26,60,0.25);\r\n padding-left: 12px; margin-top: 2px;\r\n }\r\n\r\n \/* m\u00e9todo grande *\/\r\n .metodo-tag {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n background: rgba(139,26,60,0.06);\r\n border: 1.5px solid rgba(139,26,60,0.18);\r\n border-radius: 8px; padding: 8px 14px; margin-bottom: 14px;\r\n }\r\n .metodo-tag .mt-icon { font-size: 18px; }\r\n .metodo-tag .mt-text {\r\n font-size: 11px; font-weight: 700; color: var(--vino);\r\n text-transform: uppercase; letter-spacing: 0.12em;\r\n }\r\n\r\n \/* notas de sabor *\/\r\n .notas {\r\n display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px;\r\n }\r\n .nota-pill {\r\n background: rgba(200,168,75,0.12);\r\n border: 1px solid rgba(200,168,75,0.35);\r\n border-radius: 100px; padding: 4px 12px;\r\n font-size: 10px; font-weight: 600; color: var(--gris);\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n border-top: 1px solid rgba(139,26,60,0.15);\r\n padding: 28px 48px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n opacity: 0; animation: fadeUp 1s ease 1.2s forwards;\r\n }\r\n footer .f-brand {\r\n font-size: 11px; font-weight: 700; letter-spacing: 0.18em;\r\n color: var(--vino); text-transform: uppercase;\r\n }\r\n footer .f-tagline {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 13px; color: var(--gris);\r\n }\r\n footer .f-tc {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.16em;\r\n color: var(--gris); text-transform: uppercase; opacity: 0.6;\r\n }\r\n\r\n \/* \u2500\u2500 MODAL \u2500\u2500 *\/\r\n .modal-overlay {\r\n position: fixed; inset: 0; z-index: 100;\r\n background: rgba(26,26,26,0.65); backdrop-filter: blur(6px);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: 24px;\r\n opacity: 0; pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n }\r\n .modal-overlay.open { opacity: 1; pointer-events: all; }\r\n .modal {\r\n background: var(--crema);\r\n border-radius: 20px;\r\n border: 1.5px solid rgba(139,26,60,0.18);\r\n box-shadow: 0 24px 64px rgba(0,0,0,0.22);\r\n max-width: 640px; width: 100%;\r\n max-height: 90vh; overflow-y: auto;\r\n position: relative;\r\n transform: translateY(24px) scale(0.97);\r\n transition: transform 0.35s cubic-bezier(.17,.89,.32,1.28);\r\n }\r\n .modal-overlay.open .modal { transform: translateY(0) scale(1); }\r\n .modal::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n .modal-photo {\r\n width: 100%; aspect-ratio: 16\/7;\r\n overflow: hidden; background: var(--crema-alt);\r\n border-radius: 18px 18px 0 0;\r\n }\r\n .modal-photo img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n }\r\n .modal-photo-placeholder {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 60px; color: rgba(139,26,60,0.2);\r\n }\r\n\r\n .modal-body { padding: 28px 32px 32px; }\r\n .modal-eyebrow {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.28em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 6px;\r\n }\r\n .modal-title {\r\n font-size: 30px; font-weight: 900; color: var(--vino);\r\n text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.1;\r\n margin-bottom: 4px;\r\n }\r\n .modal-subtitle {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 14px; color: var(--gris); margin-bottom: 20px;\r\n }\r\n\r\n .gold-line-modal {\r\n height: 1.5px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n margin: 16px 0;\r\n }\r\n\r\n .modal-params {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;\r\n margin-bottom: 20px;\r\n }\r\n .modal-param {\r\n background: var(--crema-alt);\r\n border: 1.5px solid rgba(139,26,60,0.10);\r\n border-radius: 12px; padding: 14px 12px; text-align: center;\r\n }\r\n .mp-icon { font-size: 20px; margin-bottom: 6px; display: block; }\r\n .mp-label {\r\n font-size: 8px; font-weight: 700; letter-spacing: 0.20em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 4px;\r\n }\r\n .mp-val {\r\n font-size: 14px; font-weight: 900; color: var(--vino);\r\n }\r\n\r\n .modal-notas { margin-bottom: 18px; }\r\n .modal-notas-title {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\r\n color: var(--vino); text-transform: uppercase; margin-bottom: 10px;\r\n }\r\n\r\n .modal-rec {\r\n background: rgba(139,26,60,0.05);\r\n border: 1.5px solid rgba(139,26,60,0.14);\r\n border-radius: 12px; padding: 16px 18px;\r\n }\r\n .modal-rec-title {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.20em;\r\n color: var(--vino); text-transform: uppercase; margin-bottom: 8px;\r\n display: flex; align-items: center; gap: 8px;\r\n }\r\n .modal-rec p {\r\n font-size: 13px; color: var(--gris); line-height: 1.7;\r\n }\r\n\r\n .modal-close {\r\n position: absolute; top: 16px; right: 16px;\r\n background: rgba(245,240,230,0.92); backdrop-filter: blur(8px);\r\n border: 1.5px solid rgba(139,26,60,0.20);\r\n border-radius: 50%; width: 36px; height: 36px;\r\n font-size: 16px; color: var(--vino);\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n transition: all 0.2s; z-index: 10;\r\n }\r\n .modal-close:hover { background: var(--vino); color: var(--blanco); }\r\n\r\n \/* \u2500\u2500 ANIMACIONES \u2500\u2500 *\/\r\n @keyframes fadeDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .recetas-grid { grid-template-columns: repeat(2, 1fr); }\r\n .topbar-nav a { font-size: 9px; padding: 7px 12px; }\r\n }\r\n @media (max-width: 720px) {\r\n .topbar { height: auto; padding: 16px 20px; flex-direction: column; gap: 14px; position: relative; }\r\n .topbar-logo img { height: 60px; }\r\n .topbar-nav { justify-content: center; gap: 4px; }\r\n .topbar-divider { display: none; }\r\n header { padding: 16px 24px; }\r\n .hero { padding: 32px 24px 24px; }\r\n .filter-bar { padding: 0 24px 24px; }\r\n .recetas-grid { grid-template-columns: 1fr; padding: 0 24px 40px; }\r\n footer { padding: 20px 24px; flex-direction: column; gap: 8px; text-align: center; }\r\n .modal-params { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"bg-layer\"><\/div>\r\n\r\n\r\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\r\n <div class=\"modal\" id=\"modal\">\r\n <button class=\"modal-close\" onclick=\"closeModalBtn()\">\u2715<\/button>\r\n <div class=\"modal-photo\" id=\"modalPhoto\"><\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"modal-eyebrow\" id=\"modalEyebrow\"><\/div>\r\n <div class=\"modal-title\" id=\"modalTitle\"><\/div>\r\n <div class=\"modal-subtitle\" id=\"modalSubtitle\"><\/div>\r\n <div class=\"gold-line-modal\"><\/div>\r\n <div class=\"modal-params\" id=\"modalParams\"><\/div>\r\n <div class=\"modal-notas\" id=\"modalNotas\"><\/div>\r\n <div class=\"gold-line-modal\"><\/div>\r\n <div class=\"modal-rec\">\r\n <div class=\"modal-rec-title\">\ud83d\udca1 Recomendaci\u00f3n<\/div>\r\n <p id=\"modalRec\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<nav class=\"topbar\">\r\n <div class=\"topbar-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/04\/logo-rojo.png\" alt=\"Caf\u00e9 Ocampos\">\r\n <\/div>\r\n <div class=\"topbar-nav\">\r\n <a href=\"https:\/\/cafeocampos.com\/\">Inicio<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/tienda-ocampos\/\">Caf\u00e9 Tostado<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/experiencias-cafeteras\/\">Experiencias Cafeteras<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/exportacion-de-cafe\/\">Exportaciones<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/nuestra-historia\/\">Nuestra Historia<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/responsabilidad\/\">Responsabilidad<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/procesos-de-produccion\/\">Procesos de Producci\u00f3n<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"http:\/\/wa.me\/573222775192\" class=\"nav-cta\" target=\"_blank\">\ud83d\udce6 Pedir Ahora<\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n<div class=\"page\">\r\n <header>\r\n <div class=\"logo-slot\">\r\n <img decoding=\"async\" src=\"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/04\/logo-rojo.png\" alt=\"Caf\u00e9 Ocampos\">\r\n <\/div>\r\n <div class=\"brand-text\">\r\n <p class=\"eyebrow\">Gu\u00eda de Preparaci\u00f3n<\/p>\r\n <h1>Caf\u00e9 Ocampos<\/h1>\r\n <p class=\"sub\">Specialty Coffee \u00b7 Eje Cafetero<\/p>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <div class=\"tag-top\">Colecci\u00f3n<\/div>\r\n <div class=\"tag-main\">Recetario<\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\">\r\n <div class=\"pill\">Caf\u00e9s de Especialidad<\/div>\r\n <h2>Nuestras Recetas<\/h2>\r\n <p class=\"hero-sub\">El arte de preparar caf\u00e9 en la hacienda<\/p>\r\n <div class=\"gold-line-hero\"><\/div>\r\n <p class=\"hero-desc\">\r\n Cada variedad de caf\u00e9 tiene su propia personalidad. Aqu\u00ed encontrar\u00e1s los par\u00e1metros que\r\n hemos perfeccionado en Ocampos para que puedas descubrir lo mejor de cada grano.\r\n Son recomendaciones \u2014 la exploraci\u00f3n es parte de la experiencia.\r\n <\/p>\r\n <\/section>\r\n\r\n <div class=\"filter-bar\" id=\"filterBar\">\r\n \r\n <\/div>\r\n\r\n <div class=\"recetas-grid\" id=\"recetasGrid\">\r\n \r\n <\/div>\r\n\r\n <footer>\r\n <div class=\"f-brand\">Caf\u00e9 Ocampos<\/div>\r\n <div class=\"f-tagline\">Donde el caf\u00e9 y la naturaleza conversan<\/div>\r\n <div class=\"f-tc\">Aplican t\u00e9rminos y condiciones<\/div>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\nconst recetas = [\r\n {\r\n id: 'bourbon-rosado',\r\n categoria: 'v60',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Lavado',\r\n nombre: 'Bourbon Rosado',\r\n subtitulo: 'Vino y miel en cada sorbo',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/BOURBON-ROSADO-OK.png',\r\n badge: 'V60',\r\n icono: '\ud83c\udf38',\r\n metodo: 'V60 \u2014 3 Vertidos',\r\n metodoIcono: '\u2615',\r\n molienda: '6 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Vino', 'Miel', 'Floral', 'Frutos rojos'],\r\n recomendacion: 'Esta variedad se expresa mucho mejor en el V60 al darnos una taza muy limpia y permitirnos descubrir sus notas a vino y miel. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'bourbon-sidra',\r\n categoria: 'v60',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Natural',\r\n nombre: 'Bourbon Sidra',\r\n subtitulo: 'Un festival de frutas c\u00edtricas',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/BOURBON-SIDRA-OK.png',\r\n badge: 'V60',\r\n icono: '\ud83c\udf4a',\r\n metodo: 'V60 \u2014 3 Vertidos',\r\n metodoIcono: '\u2615',\r\n molienda: '6 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Mandarina', 'Naranja', 'Tutti Frutti', 'C\u00edtrico'],\r\n recomendacion: 'Esta variedad se expresa mucho mejor en el V60 al darnos una taza muy limpia y permitirnos descubrir sus notas frutales y c\u00edtricas como lo puede ser la mandarina, la naranja o Tutti Frutti. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'castillo-naranjal',\r\n categoria: 'prensa',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Honey',\r\n nombre: 'Castillo Naranjal',\r\n subtitulo: 'Car\u00e1cter achocolatado con alma frutal',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/CASTILLO-ROSARIO-OK.png',\r\n badge: 'Prensa',\r\n icono: '\ud83c\udf6b',\r\n metodo: 'Prensa Francesa',\r\n metodoIcono: '\ud83e\uded6',\r\n molienda: '3 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Chocolate', 'Frutal', 'Manzana', 'Caramel'],\r\n recomendacion: 'Despu\u00e9s de agregar el agua al caf\u00e9 se recomienda esperar 3 minutos antes de romper la costra y proceder a bajar el \u00e9mbolo, de esta forma tendremos una taza con buen car\u00e1cter con notas frutales y achocolatadas. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'caturra',\r\n categoria: 'prensa',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Lavado',\r\n nombre: 'Caturra',\r\n subtitulo: 'Panela y frutos rojos de la monta\u00f1a',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/06\/CATURRA-OK.png',\r\n badge: 'Prensa',\r\n icono: '\ud83c\udf3f',\r\n metodo: 'Prensa Francesa',\r\n metodoIcono: '\ud83e\uded6',\r\n molienda: '3 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Panela', 'Frutos rojos', 'Nuez', 'Ca\u00f1a'],\r\n recomendacion: 'Despu\u00e9s de agregar el agua al caf\u00e9 se recomienda esperar 3 minutos antes de romper la costra y proceder a bajar el \u00e9mbolo, de esta forma tendremos una taza con buen car\u00e1cter con notas apaneladas y a frutos rojos. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'geisha',\r\n categoria: 'v60',\r\n eyebrow: 'Geisha \u00b7 Natural',\r\n nombre: 'Geisha',\r\n subtitulo: 'La reina de los caf\u00e9s de especialidad',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/GEISHA-OK.png',\r\n badge: 'V60',\r\n icono: '\ud83c\udf3a',\r\n metodo: 'V60 \u2014 3 Vertidos',\r\n metodoIcono: '\u2615',\r\n molienda: '6 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Flor de Jamaica', 'Limoncillo', 'C\u00edtrico', 'Arom\u00e1tico'],\r\n recomendacion: 'Esta variedad se expresa mucho mejor en el V60 al darnos una taza muy limpia y permitirnos descubrir sus notas a flor de jamaica, limoncillo, arom\u00e1ticas y c\u00edtricas. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'sr-blend',\r\n categoria: 'espresso',\r\n eyebrow: 'Blend \u00b7 Espresso',\r\n nombre: 'Sr. Blend',\r\n subtitulo: 'El caf\u00e9 de todos los d\u00edas',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/SR-BLEND.png',\r\n badge: 'Espresso',\r\n icono: '\u26a1',\r\n metodo: 'Espresso \/ Cafetera',\r\n metodoIcono: '\ud83d\udd0b',\r\n molienda: '10\/10 espresso \u00b7 7\/10 cafetera',\r\n ratio: '1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Chocolate', 'Frutal', 'Caramelo', 'Redondo'],\r\n recomendacion: 'Este caf\u00e9 es ideal para el consumo diario, donde se pueden encontrar notas achocolatadas y afrutadas, dando como resultado una taza con mucho car\u00e1cter. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n];\r\n\r\n\/\/ \u2500\u2500 RENDERIZAR FILTROS \u2500\u2500\r\nfunction renderFiltros() {\r\n const bar = document.getElementById('filterBar');\r\n const todos = { id: 'todos', nombre: 'Todos', icono: '\u2615' };\r\n const items = [todos, ...recetas.map(r => ({ id: r.id, nombre: r.nombre, icono: r.icono }))];\r\n\r\n bar.innerHTML = items.map((item, i) => `\r\n <button\r\n class=\"filter-btn${i === 0 ? ' active' : ''}\"\r\n data-id=\"${item.id}\"\r\n onclick=\"filtrar('${item.id}', this)\"\r\n >\r\n <span class=\"fb-icon\">${item.icono}<\/span>\r\n ${item.nombre}\r\n <\/button>\r\n `).join('');\r\n}\r\n\r\n\/\/ \u2500\u2500 RENDERIZAR TARJETAS \u2500\u2500\r\nfunction renderGrid(filtro) {\r\n const grid = document.getElementById('recetasGrid');\r\n const lista = filtro === 'todos' ? recetas : recetas.filter(r => r.id === filtro);\r\n\r\n grid.innerHTML = lista.map(r => `\r\n <div class=\"receta-card\" onclick=\"openModal('${r.id}')\">\r\n <div class=\"card-photo\">\r\n ${r.imagen\r\n ? `<img decoding=\"async\" src=\"${r.imagen}\" alt=\"${r.nombre}\" loading=\"lazy\">`\r\n : `<div style=\"width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;\">${r.icono}<\/div>`\r\n }\r\n <div class=\"photo-badge\">${r.badge}<\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-eyebrow\">${r.eyebrow}<\/div>\r\n <div class=\"card-title\">${r.nombre}<\/div>\r\n <div class=\"card-subtitle\">${r.subtitulo}<\/div>\r\n <div class=\"metodo-tag\">\r\n <span class=\"mt-icon\">${r.metodoIcono}<\/span>\r\n <span class=\"mt-text\">${r.metodo}<\/span>\r\n <\/div>\r\n <div class=\"params\">\r\n <div class=\"param-item\">\r\n <div class=\"param-label\">Molienda<\/div>\r\n <div class=\"param-val\">${r.molienda}<\/div>\r\n <\/div>\r\n <div class=\"param-item\">\r\n <div class=\"param-label\">Ratio<\/div>\r\n <div class=\"param-val\">${r.ratio}<\/div>\r\n <\/div>\r\n <div class=\"param-item\" style=\"grid-column:1\/-1\">\r\n <div class=\"param-label\">Temperatura<\/div>\r\n <div class=\"param-val\">${r.temperatura}<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gold-line-card\"><\/div>\r\n <div class=\"notas\">\r\n ${r.notas.map(n => `<span class=\"nota-pill\">${n}<\/span>`).join('')}\r\n <\/div>\r\n <div class=\"card-rec\">${r.recomendacion.slice(0, 100)}\u2026<\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n}\r\n\r\n\/\/ \u2500\u2500 FILTRO \u2500\u2500\r\nfunction filtrar(id, btn) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n renderGrid(id);\r\n}\r\n\r\n\/\/ \u2500\u2500 MODAL \u2500\u2500\r\nfunction openModal(id) {\r\n const r = recetas.find(x => x.id === id);\r\n if (!r) return;\r\n\r\n document.getElementById('modalPhoto').innerHTML = r.imagen\r\n ? `<img decoding=\"async\" src=\"${r.imagen}\" alt=\"${r.nombre}\">`\r\n : `<div class=\"modal-photo-placeholder\">${r.icono}<\/div>`;\r\n\r\n document.getElementById('modalEyebrow').textContent = r.eyebrow;\r\n document.getElementById('modalTitle').textContent = r.nombre;\r\n document.getElementById('modalSubtitle').textContent = r.subtitulo;\r\n\r\n document.getElementById('modalParams').innerHTML = `\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">${r.metodoIcono}<\/span>\r\n <div class=\"mp-label\">M\u00e9todo<\/div>\r\n <div class=\"mp-val\" style=\"font-size:11px;line-height:1.3\">${r.metodo}<\/div>\r\n <\/div>\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">\u2699\ufe0f<\/span>\r\n <div class=\"mp-label\">Molienda<\/div>\r\n <div class=\"mp-val\">${r.molienda}<\/div>\r\n <\/div>\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">\u2696\ufe0f<\/span>\r\n <div class=\"mp-label\">Ratio<\/div>\r\n <div class=\"mp-val\" style=\"font-size:12px\">${r.ratio}<\/div>\r\n <\/div>\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">\ud83c\udf21\ufe0f<\/span>\r\n <div class=\"mp-label\">Temperatura<\/div>\r\n <div class=\"mp-val\" style=\"font-size:12px\">${r.temperatura}<\/div>\r\n <\/div>\r\n `;\r\n\r\n document.getElementById('modalNotas').innerHTML = `\r\n <div class=\"modal-notas-title\">\u2726 Notas de sabor<\/div>\r\n <div class=\"notas\">${r.notas.map(n => `<span class=\"nota-pill\">${n}<\/span>`).join('')}<\/div>\r\n `;\r\n\r\n document.getElementById('modalRec').textContent = r.recomendacion;\r\n\r\n document.getElementById('modalOverlay').classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeModalBtn() {\r\n document.getElementById('modalOverlay').classList.remove('open');\r\n document.body.style.overflow = '';\r\n}\r\nfunction closeModal(e) {\r\n if (e.target === document.getElementById('modalOverlay')) closeModalBtn();\r\n}\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeModalBtn(); });\r\n\r\n\/\/ \u2500\u2500 INIT \u2500\u2500\r\nrenderFiltros();\r\nrenderGrid('todos');\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos \u2715 💡 Recomendaci\u00f3n Inicio Caf\u00e9 Tostado Experiencias Cafeteras Exportaciones Nuestra Historia Responsabilidad Procesos de Producci\u00f3n 📦 Pedir Ahora Gu\u00eda de Preparaci\u00f3n Caf\u00e9 Ocampos Specialty Coffee \u00b7 Eje Cafetero Colecci\u00f3n Recetario Caf\u00e9s de Especialidad Nuestras Recetas El arte de preparar caf\u00e9 en la hacienda Cada variedad de caf\u00e9 tiene su […]<\/p>\n","protected":false},"author":1,"featured_media":1410,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"nf_dc_page":"","_eb_attr":"","_joinchat":[],"footnotes":""},"class_list":["post-1469","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos<\/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:\/\/cafeocampos.com\/en\/recetario\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos\" \/>\n<meta property=\"og:description\" content=\"Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos \u2715 💡 Recomendaci\u00f3n Inicio Caf\u00e9 Tostado Experiencias Cafeteras Exportaciones Nuestra Historia Responsabilidad Procesos de Producci\u00f3n 📦 Pedir Ahora Gu\u00eda de Preparaci\u00f3n Caf\u00e9 Ocampos Specialty Coffee \u00b7 Eje Cafetero Colecci\u00f3n Recetario Caf\u00e9s de Especialidad Nuestras Recetas El arte de preparar caf\u00e9 en la hacienda Cada variedad de caf\u00e9 tiene su […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cafeocampos.com\/en\/recetario\/\" \/>\n<meta property=\"og:site_name\" content=\"Caf\u00e9 Ocampos\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T20:00:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/\",\"name\":\"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FONDO-MANOS-CAFETERAS-blanco.jpg\",\"datePublished\":\"2026-06-11T19:41:53+00:00\",\"dateModified\":\"2026-06-11T20:00:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FONDO-MANOS-CAFETERAS-blanco.jpg\",\"contentUrl\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FONDO-MANOS-CAFETERAS-blanco.jpg\",\"width\":1080,\"height\":608},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/cafeocampos.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Recetario de Nuestros Caf\u00e9s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#website\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/\",\"name\":\"Caf\u00e9 Ocampos\",\"description\":\"Caf\u00e9 de especialidad | 100% Colombiano\",\"publisher\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cafeocampos.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#organization\",\"name\":\"Caf\u00e9 Ocampos\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/cropped-CO_COLOR.png\",\"contentUrl\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/cropped-CO_COLOR.png\",\"width\":512,\"height\":512,\"caption\":\"Caf\u00e9 Ocampos\"},\"image\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos","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:\/\/cafeocampos.com\/en\/recetario\/","og_locale":"en_US","og_type":"article","og_title":"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos","og_description":"Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos \u2715 💡 Recomendaci\u00f3n Inicio Caf\u00e9 Tostado Experiencias Cafeteras Exportaciones Nuestra Historia Responsabilidad Procesos de Producci\u00f3n 📦 Pedir Ahora Gu\u00eda de Preparaci\u00f3n Caf\u00e9 Ocampos Specialty Coffee \u00b7 Eje Cafetero Colecci\u00f3n Recetario Caf\u00e9s de Especialidad Nuestras Recetas El arte de preparar caf\u00e9 en la hacienda Cada variedad de caf\u00e9 tiene su […]","og_url":"https:\/\/cafeocampos.com\/en\/recetario\/","og_site_name":"Caf\u00e9 Ocampos","article_modified_time":"2026-06-11T20:00:46+00:00","og_image":[{"width":1080,"height":608,"url":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cafeocampos.com\/recetario\/","url":"https:\/\/cafeocampos.com\/recetario\/","name":"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos","isPartOf":{"@id":"https:\/\/cafeocampos.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cafeocampos.com\/recetario\/#primaryimage"},"image":{"@id":"https:\/\/cafeocampos.com\/recetario\/#primaryimage"},"thumbnailUrl":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","datePublished":"2026-06-11T19:41:53+00:00","dateModified":"2026-06-11T20:00:46+00:00","breadcrumb":{"@id":"https:\/\/cafeocampos.com\/recetario\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cafeocampos.com\/recetario\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cafeocampos.com\/recetario\/#primaryimage","url":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","contentUrl":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","width":1080,"height":608},{"@type":"BreadcrumbList","@id":"https:\/\/cafeocampos.com\/recetario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/cafeocampos.com\/"},{"@type":"ListItem","position":2,"name":"Recetario de Nuestros Caf\u00e9s"}]},{"@type":"WebSite","@id":"https:\/\/cafeocampos.com\/#website","url":"https:\/\/cafeocampos.com\/","name":"Caf\u00e9 Ocampos","description":"Caf\u00e9 de especialidad | 100% Colombiano","publisher":{"@id":"https:\/\/cafeocampos.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cafeocampos.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cafeocampos.com\/#organization","name":"Caf\u00e9 Ocampos","url":"https:\/\/cafeocampos.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cafeocampos.com\/#\/schema\/logo\/image\/","url":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2025\/01\/cropped-CO_COLOR.png","contentUrl":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2025\/01\/cropped-CO_COLOR.png","width":512,"height":512,"caption":"Caf\u00e9 Ocampos"},"image":{"@id":"https:\/\/cafeocampos.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages\/1469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/comments?post=1469"}],"version-history":[{"count":5,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages\/1469\/revisions"}],"predecessor-version":[{"id":1493,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages\/1469\/revisions\/1493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/media\/1410"}],"wp:attachment":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/media?parent=1469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&family=Playfair+Display:ital@1&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --vino: #8B1A3C;\r\n --vino-dark: #6B1230;\r\n --crema: #F5F0E6;\r\n --crema-alt: #EDE8DB;\r\n --negro: #1A1A1A;\r\n --gris: #555555;\r\n --dorado: #C8A84B;\r\n --verde: #4A7A3A;\r\n --blanco: #FFFFFF;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background: var(--crema);\r\n color: var(--negro);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n .bg-layer {\r\n position: fixed; inset: 0; z-index: 0;\r\n background:\r\n linear-gradient(rgba(245,240,230,0.90), rgba(245,240,230,0.90)),\r\n url('https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/FONDO-CAFE-OCAMPOS.jpg') center\/cover no-repeat;\r\n pointer-events: none;\r\n }\r\n .page { position: relative; z-index: 1; }\r\n\r\n \/* \u2500\u2500 TOPBAR \u2500\u2500 *\/\r\n .topbar {\r\n width: 100%; height: 150px;\r\n background: #951638;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 48px;\r\n position: sticky; top: 0; z-index: 50;\r\n box-shadow: 0 4px 24px rgba(139,26,60,0.25);\r\n }\r\n .topbar-logo {\r\n flex-shrink: 0;\r\n }\r\n .topbar-logo img {\r\n height: 90px; width: auto; object-fit: contain;\r\n filter: brightness(0) invert(1);\r\n }\r\n .topbar-nav {\r\n display: flex; align-items: center; gap: 6px;\r\n flex-wrap: wrap; justify-content: flex-end;\r\n }\r\n .topbar-nav a {\r\n color: rgba(255,255,255,0.88);\r\n text-decoration: none;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px; font-weight: 700;\r\n letter-spacing: 0.16em; text-transform: uppercase;\r\n padding: 9px 16px;\r\n border-radius: 100px;\r\n border: 1.5px solid transparent;\r\n transition: all 0.25s ease;\r\n white-space: nowrap;\r\n }\r\n .topbar-nav a:hover {\r\n color: #ffffff;\r\n border-color: rgba(255,255,255,0.35);\r\n background: rgba(255,255,255,0.10);\r\n }\r\n .topbar-nav a.nav-cta {\r\n background: rgba(255,255,255,0.15);\r\n border-color: rgba(255,255,255,0.40);\r\n color: #ffffff;\r\n }\r\n .topbar-nav a.nav-cta:hover {\r\n background: rgba(255,255,255,0.28);\r\n }\r\n .topbar-divider {\r\n width: 1px; height: 16px;\r\n background: rgba(255,255,255,0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 24px 48px;\r\n border-bottom: 1px solid rgba(139,26,60,0.15);\r\n opacity: 0; animation: fadeDown 0.9s ease 0.2s forwards;\r\n }\r\n .logo-slot {\r\n width: 72px; height: 72px; border-radius: 12px;\r\n border: 2px solid rgba(139,26,60,0.25); overflow: hidden;\r\n background: var(--crema-alt); display: flex;\r\n align-items: center; justify-content: center;\r\n box-shadow: 0 4px 16px rgba(139,26,60,0.10); flex-shrink: 0;\r\n }\r\n .logo-slot img { width: 100%; height: 100%; object-fit: cover; }\r\n .brand-text { text-align: center; }\r\n .brand-text .eyebrow {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.28em;\r\n color: var(--dorado); text-transform: uppercase;\r\n }\r\n .brand-text h1 {\r\n font-size: 18px; font-weight: 900; letter-spacing: 0.06em;\r\n color: var(--vino); text-transform: uppercase; margin-top: 4px;\r\n }\r\n .brand-text .sub {\r\n font-size: 10px; font-weight: 500; letter-spacing: 0.22em;\r\n color: var(--gris); text-transform: uppercase; margin-top: 2px;\r\n }\r\n .header-right {\r\n text-align: right;\r\n }\r\n .header-right .tag-top {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.24em;\r\n color: var(--dorado); text-transform: uppercase;\r\n }\r\n .header-right .tag-main {\r\n font-size: 14px; font-weight: 900; letter-spacing: 0.08em;\r\n color: var(--vino); text-transform: uppercase; margin-top: 3px;\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n padding: 48px 48px 32px;\r\n display: flex; flex-direction: column; align-items: center;\r\n text-align: center;\r\n opacity: 0; animation: fadeUp 1s ease 0.5s forwards;\r\n }\r\n .hero .pill {\r\n display: inline-block;\r\n background: var(--crema-alt);\r\n border: 1.5px solid rgba(139,26,60,0.20);\r\n border-radius: 100px; padding: 7px 22px;\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\r\n color: var(--vino); text-transform: uppercase; margin-bottom: 18px;\r\n }\r\n .hero h2 {\r\n font-size: clamp(30px, 5vw, 52px); font-weight: 900;\r\n color: var(--vino); text-transform: uppercase;\r\n letter-spacing: -0.01em; line-height: 1.05; margin-bottom: 10px;\r\n }\r\n .hero .hero-sub {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 17px; color: var(--gris); margin-bottom: 20px;\r\n }\r\n .gold-line-hero {\r\n width: 200px; height: 1.5px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n margin: 0 auto 20px;\r\n }\r\n .hero-desc {\r\n font-size: 13px; color: var(--gris); line-height: 1.7;\r\n max-width: 540px;\r\n }\r\n\r\n \/* \u2500\u2500 FILTROS \u2500\u2500 *\/\r\n .filter-bar {\r\n padding: 0 48px 28px;\r\n display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;\r\n opacity: 0; animation: fadeUp 1s ease 0.7s forwards;\r\n }\r\n .filter-btn {\r\n background: transparent;\r\n border: 1.5px solid rgba(139,26,60,0.28);\r\n color: var(--vino);\r\n padding: 8px 20px; border-radius: 100px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\r\n text-transform: uppercase; cursor: pointer;\r\n transition: all 0.25s ease;\r\n display: flex; align-items: center; gap: 7px;\r\n }\r\n .filter-btn:hover {\r\n background: rgba(139,26,60,0.08);\r\n border-color: var(--vino);\r\n }\r\n .filter-btn.active {\r\n background: var(--vino); color: var(--blanco);\r\n border-color: var(--vino);\r\n }\r\n .filter-btn .fb-icon { font-size: 14px; }\r\n\r\n \/* \u2500\u2500 GRID DE RECETAS \u2500\u2500 *\/\r\n .recetas-grid {\r\n padding: 0 48px 60px;\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\r\n opacity: 0; animation: fadeUp 1s ease 0.9s forwards;\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA DE RECETA \u2500\u2500 *\/\r\n .receta-card {\r\n background: var(--blanco);\r\n border: 1.5px solid rgba(139,26,60,0.12);\r\n border-radius: 18px;\r\n box-shadow: 0 2px 20px rgba(0,0,0,0.05);\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n .receta-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 40px rgba(139,26,60,0.12);\r\n }\r\n .receta-card::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n }\r\n\r\n \/* imagen *\/\r\n .card-photo {\r\n width: 100%; aspect-ratio: 4\/3;\r\n background: var(--crema-alt);\r\n overflow: hidden; position: relative;\r\n }\r\n .card-photo img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n .receta-card:hover .card-photo img { transform: scale(1.05); }\r\n .photo-badge {\r\n position: absolute; top: 12px; right: 12px;\r\n background: rgba(245,240,230,0.92); backdrop-filter: blur(8px);\r\n border: 1.5px solid rgba(139,26,60,0.22);\r\n border-radius: 100px; padding: 5px 14px;\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.18em;\r\n color: var(--vino); text-transform: uppercase;\r\n }\r\n\r\n \/* cuerpo *\/\r\n .card-body { padding: 22px 22px 20px; }\r\n .card-eyebrow {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.26em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 6px;\r\n }\r\n .card-title {\r\n font-size: 18px; font-weight: 900; color: var(--vino);\r\n text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 3px;\r\n }\r\n .card-subtitle {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 12px; color: var(--gris); margin-bottom: 14px;\r\n }\r\n\r\n .gold-line-card {\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n margin: 12px 0;\r\n }\r\n\r\n \/* par\u00e1metros *\/\r\n .params {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 8px;\r\n margin-bottom: 14px;\r\n }\r\n .param-item {\r\n background: var(--crema-alt);\r\n border-radius: 10px; padding: 10px 12px;\r\n }\r\n .param-label {\r\n font-size: 8px; font-weight: 700; letter-spacing: 0.20em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 3px;\r\n }\r\n .param-val {\r\n font-size: 13px; font-weight: 700; color: var(--negro);\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n \/* recomendaci\u00f3n *\/\r\n .card-rec {\r\n font-size: 12px; color: var(--gris); line-height: 1.65;\r\n border-left: 2px solid rgba(139,26,60,0.25);\r\n padding-left: 12px; margin-top: 2px;\r\n }\r\n\r\n \/* m\u00e9todo grande *\/\r\n .metodo-tag {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n background: rgba(139,26,60,0.06);\r\n border: 1.5px solid rgba(139,26,60,0.18);\r\n border-radius: 8px; padding: 8px 14px; margin-bottom: 14px;\r\n }\r\n .metodo-tag .mt-icon { font-size: 18px; }\r\n .metodo-tag .mt-text {\r\n font-size: 11px; font-weight: 700; color: var(--vino);\r\n text-transform: uppercase; letter-spacing: 0.12em;\r\n }\r\n\r\n \/* notas de sabor *\/\r\n .notas {\r\n display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px;\r\n }\r\n .nota-pill {\r\n background: rgba(200,168,75,0.12);\r\n border: 1px solid rgba(200,168,75,0.35);\r\n border-radius: 100px; padding: 4px 12px;\r\n font-size: 10px; font-weight: 600; color: var(--gris);\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n border-top: 1px solid rgba(139,26,60,0.15);\r\n padding: 28px 48px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n opacity: 0; animation: fadeUp 1s ease 1.2s forwards;\r\n }\r\n footer .f-brand {\r\n font-size: 11px; font-weight: 700; letter-spacing: 0.18em;\r\n color: var(--vino); text-transform: uppercase;\r\n }\r\n footer .f-tagline {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 13px; color: var(--gris);\r\n }\r\n footer .f-tc {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.16em;\r\n color: var(--gris); text-transform: uppercase; opacity: 0.6;\r\n }\r\n\r\n \/* \u2500\u2500 MODAL \u2500\u2500 *\/\r\n .modal-overlay {\r\n position: fixed; inset: 0; z-index: 100;\r\n background: rgba(26,26,26,0.65); backdrop-filter: blur(6px);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: 24px;\r\n opacity: 0; pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n }\r\n .modal-overlay.open { opacity: 1; pointer-events: all; }\r\n .modal {\r\n background: var(--crema);\r\n border-radius: 20px;\r\n border: 1.5px solid rgba(139,26,60,0.18);\r\n box-shadow: 0 24px 64px rgba(0,0,0,0.22);\r\n max-width: 640px; width: 100%;\r\n max-height: 90vh; overflow-y: auto;\r\n position: relative;\r\n transform: translateY(24px) scale(0.97);\r\n transition: transform 0.35s cubic-bezier(.17,.89,.32,1.28);\r\n }\r\n .modal-overlay.open .modal { transform: translateY(0) scale(1); }\r\n .modal::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n .modal-photo {\r\n width: 100%; aspect-ratio: 16\/7;\r\n overflow: hidden; background: var(--crema-alt);\r\n border-radius: 18px 18px 0 0;\r\n }\r\n .modal-photo img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n }\r\n .modal-photo-placeholder {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 60px; color: rgba(139,26,60,0.2);\r\n }\r\n\r\n .modal-body { padding: 28px 32px 32px; }\r\n .modal-eyebrow {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.28em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 6px;\r\n }\r\n .modal-title {\r\n font-size: 30px; font-weight: 900; color: var(--vino);\r\n text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.1;\r\n margin-bottom: 4px;\r\n }\r\n .modal-subtitle {\r\n font-family: 'Playfair Display', serif; font-style: italic;\r\n font-size: 14px; color: var(--gris); margin-bottom: 20px;\r\n }\r\n\r\n .gold-line-modal {\r\n height: 1.5px;\r\n background: linear-gradient(to right, transparent, var(--dorado), transparent);\r\n margin: 16px 0;\r\n }\r\n\r\n .modal-params {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;\r\n margin-bottom: 20px;\r\n }\r\n .modal-param {\r\n background: var(--crema-alt);\r\n border: 1.5px solid rgba(139,26,60,0.10);\r\n border-radius: 12px; padding: 14px 12px; text-align: center;\r\n }\r\n .mp-icon { font-size: 20px; margin-bottom: 6px; display: block; }\r\n .mp-label {\r\n font-size: 8px; font-weight: 700; letter-spacing: 0.20em;\r\n color: var(--dorado); text-transform: uppercase; margin-bottom: 4px;\r\n }\r\n .mp-val {\r\n font-size: 14px; font-weight: 900; color: var(--vino);\r\n }\r\n\r\n .modal-notas { margin-bottom: 18px; }\r\n .modal-notas-title {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\r\n color: var(--vino); text-transform: uppercase; margin-bottom: 10px;\r\n }\r\n\r\n .modal-rec {\r\n background: rgba(139,26,60,0.05);\r\n border: 1.5px solid rgba(139,26,60,0.14);\r\n border-radius: 12px; padding: 16px 18px;\r\n }\r\n .modal-rec-title {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.20em;\r\n color: var(--vino); text-transform: uppercase; margin-bottom: 8px;\r\n display: flex; align-items: center; gap: 8px;\r\n }\r\n .modal-rec p {\r\n font-size: 13px; color: var(--gris); line-height: 1.7;\r\n }\r\n\r\n .modal-close {\r\n position: absolute; top: 16px; right: 16px;\r\n background: rgba(245,240,230,0.92); backdrop-filter: blur(8px);\r\n border: 1.5px solid rgba(139,26,60,0.20);\r\n border-radius: 50%; width: 36px; height: 36px;\r\n font-size: 16px; color: var(--vino);\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n transition: all 0.2s; z-index: 10;\r\n }\r\n .modal-close:hover { background: var(--vino); color: var(--blanco); }\r\n\r\n \/* \u2500\u2500 ANIMACIONES \u2500\u2500 *\/\r\n @keyframes fadeDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .recetas-grid { grid-template-columns: repeat(2, 1fr); }\r\n .topbar-nav a { font-size: 9px; padding: 7px 12px; }\r\n }\r\n @media (max-width: 720px) {\r\n .topbar { height: auto; padding: 16px 20px; flex-direction: column; gap: 14px; position: relative; }\r\n .topbar-logo img { height: 60px; }\r\n .topbar-nav { justify-content: center; gap: 4px; }\r\n .topbar-divider { display: none; }\r\n header { padding: 16px 24px; }\r\n .hero { padding: 32px 24px 24px; }\r\n .filter-bar { padding: 0 24px 24px; }\r\n .recetas-grid { grid-template-columns: 1fr; padding: 0 24px 40px; }\r\n footer { padding: 20px 24px; flex-direction: column; gap: 8px; text-align: center; }\r\n .modal-params { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"bg-layer\"><\/div>\r\n\r\n\r\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\r\n <div class=\"modal\" id=\"modal\">\r\n <button class=\"modal-close\" onclick=\"closeModalBtn()\">\u2715<\/button>\r\n <div class=\"modal-photo\" id=\"modalPhoto\"><\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"modal-eyebrow\" id=\"modalEyebrow\"><\/div>\r\n <div class=\"modal-title\" id=\"modalTitle\"><\/div>\r\n <div class=\"modal-subtitle\" id=\"modalSubtitle\"><\/div>\r\n <div class=\"gold-line-modal\"><\/div>\r\n <div class=\"modal-params\" id=\"modalParams\"><\/div>\r\n <div class=\"modal-notas\" id=\"modalNotas\"><\/div>\r\n <div class=\"gold-line-modal\"><\/div>\r\n <div class=\"modal-rec\">\r\n <div class=\"modal-rec-title\">\ud83d\udca1 Recomendaci\u00f3n<\/div>\r\n <p id=\"modalRec\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<nav class=\"topbar\">\r\n <div class=\"topbar-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/04\/logo-rojo.png\" alt=\"Caf\u00e9 Ocampos\">\r\n <\/div>\r\n <div class=\"topbar-nav\">\r\n <a href=\"https:\/\/cafeocampos.com\/\">Inicio<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/tienda-ocampos\/\">Caf\u00e9 Tostado<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/experiencias-cafeteras\/\">Experiencias Cafeteras<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/exportacion-de-cafe\/\">Exportaciones<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/nuestra-historia\/\">Nuestra Historia<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/responsabilidad\/\">Responsabilidad<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"https:\/\/cafeocampos.com\/procesos-de-produccion\/\">Procesos de Producci\u00f3n<\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"http:\/\/wa.me\/573222775192\" class=\"nav-cta\" target=\"_blank\">\ud83d\udce6 Pedir Ahora<\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n<div class=\"page\">\r\n <header>\r\n <div class=\"logo-slot\">\r\n <img decoding=\"async\" src=\"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/04\/logo-rojo.png\" alt=\"Caf\u00e9 Ocampos\">\r\n <\/div>\r\n <div class=\"brand-text\">\r\n <p class=\"eyebrow\">Gu\u00eda de Preparaci\u00f3n<\/p>\r\n <h1>Caf\u00e9 Ocampos<\/h1>\r\n <p class=\"sub\">Specialty Coffee \u00b7 Eje Cafetero<\/p>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <div class=\"tag-top\">Colecci\u00f3n<\/div>\r\n <div class=\"tag-main\">Recetario<\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\">\r\n <div class=\"pill\">Caf\u00e9s de Especialidad<\/div>\r\n <h2>Nuestras Recetas<\/h2>\r\n <p class=\"hero-sub\">El arte de preparar caf\u00e9 en la hacienda<\/p>\r\n <div class=\"gold-line-hero\"><\/div>\r\n <p class=\"hero-desc\">\r\n Cada variedad de caf\u00e9 tiene su propia personalidad. Aqu\u00ed encontrar\u00e1s los par\u00e1metros que\r\n hemos perfeccionado en Ocampos para que puedas descubrir lo mejor de cada grano.\r\n Son recomendaciones \u2014 la exploraci\u00f3n es parte de la experiencia.\r\n <\/p>\r\n <\/section>\r\n\r\n <div class=\"filter-bar\" id=\"filterBar\">\r\n \r\n <\/div>\r\n\r\n <div class=\"recetas-grid\" id=\"recetasGrid\">\r\n \r\n <\/div>\r\n\r\n <footer>\r\n <div class=\"f-brand\">Caf\u00e9 Ocampos<\/div>\r\n <div class=\"f-tagline\">Donde el caf\u00e9 y la naturaleza conversan<\/div>\r\n <div class=\"f-tc\">Aplican t\u00e9rminos y condiciones<\/div>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\nconst recetas = [\r\n {\r\n id: 'bourbon-rosado',\r\n categoria: 'v60',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Lavado',\r\n nombre: 'Bourbon Rosado',\r\n subtitulo: 'Vino y miel en cada sorbo',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/BOURBON-ROSADO-OK.png',\r\n badge: 'V60',\r\n icono: '\ud83c\udf38',\r\n metodo: 'V60 \u2014 3 Vertidos',\r\n metodoIcono: '\u2615',\r\n molienda: '6 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Vino', 'Miel', 'Floral', 'Frutos rojos'],\r\n recomendacion: 'Esta variedad se expresa mucho mejor en el V60 al darnos una taza muy limpia y permitirnos descubrir sus notas a vino y miel. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'bourbon-sidra',\r\n categoria: 'v60',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Natural',\r\n nombre: 'Bourbon Sidra',\r\n subtitulo: 'Un festival de frutas c\u00edtricas',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/BOURBON-SIDRA-OK.png',\r\n badge: 'V60',\r\n icono: '\ud83c\udf4a',\r\n metodo: 'V60 \u2014 3 Vertidos',\r\n metodoIcono: '\u2615',\r\n molienda: '6 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Mandarina', 'Naranja', 'Tutti Frutti', 'C\u00edtrico'],\r\n recomendacion: 'Esta variedad se expresa mucho mejor en el V60 al darnos una taza muy limpia y permitirnos descubrir sus notas frutales y c\u00edtricas como lo puede ser la mandarina, la naranja o Tutti Frutti. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'castillo-naranjal',\r\n categoria: 'prensa',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Honey',\r\n nombre: 'Castillo Naranjal',\r\n subtitulo: 'Car\u00e1cter achocolatado con alma frutal',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/CASTILLO-ROSARIO-OK.png',\r\n badge: 'Prensa',\r\n icono: '\ud83c\udf6b',\r\n metodo: 'Prensa Francesa',\r\n metodoIcono: '\ud83e\uded6',\r\n molienda: '3 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Chocolate', 'Frutal', 'Manzana', 'Caramel'],\r\n recomendacion: 'Despu\u00e9s de agregar el agua al caf\u00e9 se recomienda esperar 3 minutos antes de romper la costra y proceder a bajar el \u00e9mbolo, de esta forma tendremos una taza con buen car\u00e1cter con notas frutales y achocolatadas. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'caturra',\r\n categoria: 'prensa',\r\n eyebrow: 'Ar\u00e1bica \u00b7 Lavado',\r\n nombre: 'Caturra',\r\n subtitulo: 'Panela y frutos rojos de la monta\u00f1a',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/06\/CATURRA-OK.png',\r\n badge: 'Prensa',\r\n icono: '\ud83c\udf3f',\r\n metodo: 'Prensa Francesa',\r\n metodoIcono: '\ud83e\uded6',\r\n molienda: '3 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Panela', 'Frutos rojos', 'Nuez', 'Ca\u00f1a'],\r\n recomendacion: 'Despu\u00e9s de agregar el agua al caf\u00e9 se recomienda esperar 3 minutos antes de romper la costra y proceder a bajar el \u00e9mbolo, de esta forma tendremos una taza con buen car\u00e1cter con notas apaneladas y a frutos rojos. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'geisha',\r\n categoria: 'v60',\r\n eyebrow: 'Geisha \u00b7 Natural',\r\n nombre: 'Geisha',\r\n subtitulo: 'La reina de los caf\u00e9s de especialidad',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/GEISHA-OK.png',\r\n badge: 'V60',\r\n icono: '\ud83c\udf3a',\r\n metodo: 'V60 \u2014 3 Vertidos',\r\n metodoIcono: '\u2615',\r\n molienda: '6 \/ 10',\r\n ratio: '1:13 \u2014 1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Flor de Jamaica', 'Limoncillo', 'C\u00edtrico', 'Arom\u00e1tico'],\r\n recomendacion: 'Esta variedad se expresa mucho mejor en el V60 al darnos una taza muy limpia y permitirnos descubrir sus notas a flor de jamaica, limoncillo, arom\u00e1ticas y c\u00edtricas. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n {\r\n id: 'sr-blend',\r\n categoria: 'espresso',\r\n eyebrow: 'Blend \u00b7 Espresso',\r\n nombre: 'Sr. Blend',\r\n subtitulo: 'El caf\u00e9 de todos los d\u00edas',\r\n imagen: 'https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/02\/SR-BLEND.png',\r\n badge: 'Espresso',\r\n icono: '\u26a1',\r\n metodo: 'Espresso \/ Cafetera',\r\n metodoIcono: '\ud83d\udd0b',\r\n molienda: '10\/10 espresso \u00b7 7\/10 cafetera',\r\n ratio: '1:15',\r\n temperatura: '90\u00b0C \u2014 96\u00b0C',\r\n notas: ['Chocolate', 'Frutal', 'Caramelo', 'Redondo'],\r\n recomendacion: 'Este caf\u00e9 es ideal para el consumo diario, donde se pueden encontrar notas achocolatadas y afrutadas, dando como resultado una taza con mucho car\u00e1cter. Recuerda que nuestra receta es simplemente una recomendaci\u00f3n, puedes jugar con diferentes m\u00e9todos y par\u00e1metros para explorar la preparaci\u00f3n que m\u00e1s te guste.',\r\n },\r\n];\r\n\r\n\/\/ \u2500\u2500 RENDERIZAR FILTROS \u2500\u2500\r\nfunction renderFiltros() {\r\n const bar = document.getElementById('filterBar');\r\n const todos = { id: 'todos', nombre: 'Todos', icono: '\u2615' };\r\n const items = [todos, ...recetas.map(r => ({ id: r.id, nombre: r.nombre, icono: r.icono }))];\r\n\r\n bar.innerHTML = items.map((item, i) => `\r\n <button\r\n class=\"filter-btn${i === 0 ? ' active' : ''}\"\r\n data-id=\"${item.id}\"\r\n onclick=\"filtrar('${item.id}', this)\"\r\n >\r\n <span class=\"fb-icon\">${item.icono}<\/span>\r\n ${item.nombre}\r\n <\/button>\r\n `).join('');\r\n}\r\n\r\n\/\/ \u2500\u2500 RENDERIZAR TARJETAS \u2500\u2500\r\nfunction renderGrid(filtro) {\r\n const grid = document.getElementById('recetasGrid');\r\n const lista = filtro === 'todos' ? recetas : recetas.filter(r => r.id === filtro);\r\n\r\n grid.innerHTML = lista.map(r => `\r\n <div class=\"receta-card\" onclick=\"openModal('${r.id}')\">\r\n <div class=\"card-photo\">\r\n ${r.imagen\r\n ? `<img decoding=\"async\" src=\"${r.imagen}\" alt=\"${r.nombre}\" loading=\"lazy\">`\r\n : `<div style=\"width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;\">${r.icono}<\/div>`\r\n }\r\n <div class=\"photo-badge\">${r.badge}<\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-eyebrow\">${r.eyebrow}<\/div>\r\n <div class=\"card-title\">${r.nombre}<\/div>\r\n <div class=\"card-subtitle\">${r.subtitulo}<\/div>\r\n <div class=\"metodo-tag\">\r\n <span class=\"mt-icon\">${r.metodoIcono}<\/span>\r\n <span class=\"mt-text\">${r.metodo}<\/span>\r\n <\/div>\r\n <div class=\"params\">\r\n <div class=\"param-item\">\r\n <div class=\"param-label\">Molienda<\/div>\r\n <div class=\"param-val\">${r.molienda}<\/div>\r\n <\/div>\r\n <div class=\"param-item\">\r\n <div class=\"param-label\">Ratio<\/div>\r\n <div class=\"param-val\">${r.ratio}<\/div>\r\n <\/div>\r\n <div class=\"param-item\" style=\"grid-column:1\/-1\">\r\n <div class=\"param-label\">Temperatura<\/div>\r\n <div class=\"param-val\">${r.temperatura}<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gold-line-card\"><\/div>\r\n <div class=\"notas\">\r\n ${r.notas.map(n => `<span class=\"nota-pill\">${n}<\/span>`).join('')}\r\n <\/div>\r\n <div class=\"card-rec\">${r.recomendacion.slice(0, 100)}\u2026<\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n}\r\n\r\n\/\/ \u2500\u2500 FILTRO \u2500\u2500\r\nfunction filtrar(id, btn) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n renderGrid(id);\r\n}\r\n\r\n\/\/ \u2500\u2500 MODAL \u2500\u2500\r\nfunction openModal(id) {\r\n const r = recetas.find(x => x.id === id);\r\n if (!r) return;\r\n\r\n document.getElementById('modalPhoto').innerHTML = r.imagen\r\n ? `<img decoding=\"async\" src=\"${r.imagen}\" alt=\"${r.nombre}\">`\r\n : `<div class=\"modal-photo-placeholder\">${r.icono}<\/div>`;\r\n\r\n document.getElementById('modalEyebrow').textContent = r.eyebrow;\r\n document.getElementById('modalTitle').textContent = r.nombre;\r\n document.getElementById('modalSubtitle').textContent = r.subtitulo;\r\n\r\n document.getElementById('modalParams').innerHTML = `\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">${r.metodoIcono}<\/span>\r\n <div class=\"mp-label\">M\u00e9todo<\/div>\r\n <div class=\"mp-val\" style=\"font-size:11px;line-height:1.3\">${r.metodo}<\/div>\r\n <\/div>\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">\u2699\ufe0f<\/span>\r\n <div class=\"mp-label\">Molienda<\/div>\r\n <div class=\"mp-val\">${r.molienda}<\/div>\r\n <\/div>\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">\u2696\ufe0f<\/span>\r\n <div class=\"mp-label\">Ratio<\/div>\r\n <div class=\"mp-val\" style=\"font-size:12px\">${r.ratio}<\/div>\r\n <\/div>\r\n <div class=\"modal-param\">\r\n <span class=\"mp-icon\">\ud83c\udf21\ufe0f<\/span>\r\n <div class=\"mp-label\">Temperatura<\/div>\r\n <div class=\"mp-val\" style=\"font-size:12px\">${r.temperatura}<\/div>\r\n <\/div>\r\n `;\r\n\r\n document.getElementById('modalNotas').innerHTML = `\r\n <div class=\"modal-notas-title\">\u2726 Notas de sabor<\/div>\r\n <div class=\"notas\">${r.notas.map(n => `<span class=\"nota-pill\">${n}<\/span>`).join('')}<\/div>\r\n `;\r\n\r\n document.getElementById('modalRec').textContent = r.recomendacion;\r\n\r\n document.getElementById('modalOverlay').classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeModalBtn() {\r\n document.getElementById('modalOverlay').classList.remove('open');\r\n document.body.style.overflow = '';\r\n}\r\nfunction closeModal(e) {\r\n if (e.target === document.getElementById('modalOverlay')) closeModalBtn();\r\n}\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeModalBtn(); });\r\n\r\n\/\/ \u2500\u2500 INIT \u2500\u2500\r\nrenderFiltros();\r\nrenderGrid('todos');\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos \u2715 💡 Recomendaci\u00f3n Inicio Caf\u00e9 Tostado Experiencias Cafeteras Exportaciones Nuestra Historia Responsabilidad Procesos de Producci\u00f3n 📦 Pedir Ahora Gu\u00eda de Preparaci\u00f3n Caf\u00e9 Ocampos Specialty Coffee \u00b7 Eje Cafetero Colecci\u00f3n Recetario Caf\u00e9s de Especialidad Nuestras Recetas El arte de preparar caf\u00e9 en la hacienda Cada variedad de caf\u00e9 tiene su […]<\/p>\n","protected":false},"author":1,"featured_media":1410,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"nf_dc_page":"","_eb_attr":"","_joinchat":[],"footnotes":""},"class_list":["post-1469","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos<\/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:\/\/cafeocampos.com\/en\/recetario\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos\" \/>\n<meta property=\"og:description\" content=\"Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos \u2715 💡 Recomendaci\u00f3n Inicio Caf\u00e9 Tostado Experiencias Cafeteras Exportaciones Nuestra Historia Responsabilidad Procesos de Producci\u00f3n 📦 Pedir Ahora Gu\u00eda de Preparaci\u00f3n Caf\u00e9 Ocampos Specialty Coffee \u00b7 Eje Cafetero Colecci\u00f3n Recetario Caf\u00e9s de Especialidad Nuestras Recetas El arte de preparar caf\u00e9 en la hacienda Cada variedad de caf\u00e9 tiene su […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cafeocampos.com\/en\/recetario\/\" \/>\n<meta property=\"og:site_name\" content=\"Caf\u00e9 Ocampos\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T20:00:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/\",\"name\":\"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FONDO-MANOS-CAFETERAS-blanco.jpg\",\"datePublished\":\"2026-06-11T19:41:53+00:00\",\"dateModified\":\"2026-06-11T20:00:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FONDO-MANOS-CAFETERAS-blanco.jpg\",\"contentUrl\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FONDO-MANOS-CAFETERAS-blanco.jpg\",\"width\":1080,\"height\":608},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/recetario\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/cafeocampos.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Recetario de Nuestros Caf\u00e9s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#website\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/\",\"name\":\"Caf\u00e9 Ocampos\",\"description\":\"Caf\u00e9 de especialidad | 100% Colombiano\",\"publisher\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cafeocampos.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#organization\",\"name\":\"Caf\u00e9 Ocampos\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/cropped-CO_COLOR.png\",\"contentUrl\":\"https:\\\/\\\/cafeocampos.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/cropped-CO_COLOR.png\",\"width\":512,\"height\":512,\"caption\":\"Caf\u00e9 Ocampos\"},\"image\":{\"@id\":\"https:\\\/\\\/cafeocampos.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos","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:\/\/cafeocampos.com\/en\/recetario\/","og_locale":"en_US","og_type":"article","og_title":"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos","og_description":"Recetario de Caf\u00e9s \u2014 Caf\u00e9 Ocampos \u2715 💡 Recomendaci\u00f3n Inicio Caf\u00e9 Tostado Experiencias Cafeteras Exportaciones Nuestra Historia Responsabilidad Procesos de Producci\u00f3n 📦 Pedir Ahora Gu\u00eda de Preparaci\u00f3n Caf\u00e9 Ocampos Specialty Coffee \u00b7 Eje Cafetero Colecci\u00f3n Recetario Caf\u00e9s de Especialidad Nuestras Recetas El arte de preparar caf\u00e9 en la hacienda Cada variedad de caf\u00e9 tiene su […]","og_url":"https:\/\/cafeocampos.com\/en\/recetario\/","og_site_name":"Caf\u00e9 Ocampos","article_modified_time":"2026-06-11T20:00:46+00:00","og_image":[{"width":1080,"height":608,"url":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cafeocampos.com\/recetario\/","url":"https:\/\/cafeocampos.com\/recetario\/","name":"Recetario de Nuestros Caf\u00e9s - Caf\u00e9 Ocampos","isPartOf":{"@id":"https:\/\/cafeocampos.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cafeocampos.com\/recetario\/#primaryimage"},"image":{"@id":"https:\/\/cafeocampos.com\/recetario\/#primaryimage"},"thumbnailUrl":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","datePublished":"2026-06-11T19:41:53+00:00","dateModified":"2026-06-11T20:00:46+00:00","breadcrumb":{"@id":"https:\/\/cafeocampos.com\/recetario\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cafeocampos.com\/recetario\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cafeocampos.com\/recetario\/#primaryimage","url":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","contentUrl":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2026\/05\/FONDO-MANOS-CAFETERAS-blanco.jpg","width":1080,"height":608},{"@type":"BreadcrumbList","@id":"https:\/\/cafeocampos.com\/recetario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/cafeocampos.com\/"},{"@type":"ListItem","position":2,"name":"Recetario de Nuestros Caf\u00e9s"}]},{"@type":"WebSite","@id":"https:\/\/cafeocampos.com\/#website","url":"https:\/\/cafeocampos.com\/","name":"Caf\u00e9 Ocampos","description":"Caf\u00e9 de especialidad | 100% Colombiano","publisher":{"@id":"https:\/\/cafeocampos.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cafeocampos.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cafeocampos.com\/#organization","name":"Caf\u00e9 Ocampos","url":"https:\/\/cafeocampos.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cafeocampos.com\/#\/schema\/logo\/image\/","url":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2025\/01\/cropped-CO_COLOR.png","contentUrl":"https:\/\/cafeocampos.com\/wp-content\/uploads\/2025\/01\/cropped-CO_COLOR.png","width":512,"height":512,"caption":"Caf\u00e9 Ocampos"},"image":{"@id":"https:\/\/cafeocampos.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages\/1469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/comments?post=1469"}],"version-history":[{"count":5,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages\/1469\/revisions"}],"predecessor-version":[{"id":1493,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/pages\/1469\/revisions\/1493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/media\/1410"}],"wp:attachment":[{"href":"https:\/\/cafeocampos.com\/en\/wp-json\/wp\/v2\/media?parent=1469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}