1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Sat Mar 01 2025 22:54:11 GMT+0000 (Coordinated Universal Time) --> 2<html data-wf-page="67a02222741ee16bbd27c958" data-wf-site="6180c42705498b4ee7331eed" lang="es"> 3<head> 4 <meta charset="utf-8"> 5 <title>Tienda oficial</title> 6 <meta content="Apoyamos a los productores pagando un Precio Justo más alto que en el mercado, lo que supone un grano de excelencia. Este es un proyecto en conjunto, nosotros como empresa que acopia y procesa el café y los caficultores que comparten nuestra visión y nos apoyan manteniendo sus fincas de manera responsable con el medio ambiente. De este modo, hemos podido conservar el primer lugar en café de calidad de la región desde 2008." name="description"> 7 <meta content="Tienda oficial" property="og:title"> 8 <meta content="Apoyamos a los productores pagando un Precio Justo más alto que en el mercado, lo que supone un grano de excelencia. Este es un proyecto en conjunto, nosotros como empresa que acopia y procesa el café y los caficultores que comparten nuestra visión y nos apoyan manteniendo sus fincas de manera responsable con el medio ambiente. De este modo, hemos podido conservar el primer lugar en café de calidad de la región desde 2008." property="og:description"> 9 <meta content="Tienda oficial" property="twitter:title"> 10 <meta content="Apoyamos a los productores pagando un Precio Justo más alto que en el mercado, lo que supone un grano de excelencia. Este es un proyecto en conjunto, nosotros como empresa que acopia y procesa el café y los caficultores que comparten nuestra visión y nos apoyan manteniendo sus fincas de manera responsable con el medio ambiente. De este modo, hemos podido conservar el primer lugar en café de calidad de la región desde 2008." property="twitter:description"> 11 <meta property="og:type" content="website"> 12 <meta content="summary_large_image" name="twitter:card"> 13 <meta content="width=device-width, initial-scale=1" name="viewport"> 14 <meta content="Webflow" name="generator"> 15 <link href="css/normalize.css" rel="stylesheet" type="text/css"> 16 <link href="css/webflow.css" rel="stylesheet" type="text/css"> 17 <link href="css/cafe-talapan.webflow.css" rel="stylesheet" type="text/css"> 18 <link href="https://fonts.googleapis.com" rel="preconnect"> 19 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> 20
20<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
20 21
21<script type="text/javascript">WebFont.load({ google: { families: ["Playfair Display:regular,500,600,700,800,900","Poppins:100,200,300,regular,500,600,700,800,900"] }});</script>
21 22
22<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22 23 <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> 24 <link href="images/webclip.png" rel="apple-touch-icon"><!-- Please keep this css code to improve the font quality --> 25 <style> 26 * { 27 -webkit-font-smoothing: antialiased; 28 -moz-osx-font-smoothing: grayscale; 29} 30</style> 31</head> 32<body> 33 <div class="page-wrapper"> 34 <div class="global-styles w-embed"> 35 <style> 36/*make sure the upper headings in rich text blocks are without top margin*/ 37.w-richtext>:first-child { 38 margin-top: 0; 39} 40/*make last elements in rich text to be marginless*/ 41.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 42 margin-bottom: 0; 43} 44a, 45.w-tab-link, 46.w-nav-link, 47.w-dropdown-btn, 48.w-dropdown-toggle, 49.w-dropdown-link 50{ 51color: inherit; 52} 53/* FS-tweaks */ 54.clickable-off { 55 pointer-events: none; 56} 57.clickable-on{ 58 pointer-events: auto; 59} 60.div-square::after { 61 content: ""; 62 display: block; 63 padding-bottom: 100%; 64} 65/*Hide focus outline for main content element*/ 66 main:focus-visible { 67 outline: -webkit-focus-ring-color auto 0px; 68} 69/* Make sure containers never lose their center alignment*/ 70.container-medium, .container-small, .container-large { 71 margin-right: auto !important; 72 margin-left: auto !important; 73} 74/*Reset selects, buttons, and links styles*/ 75.w-input, .w-select, a { 76color: inherit; 77text-decoration: inherit; 78font-size: inherit; 79} 80/*Apply "..." After 3 lines of Text */ 81.text-style-3lines { 82 display: -webkit-box; 83 overflow: hidden; 84 -webkit-line-clamp: 3; 85 -webkit-box-orient: vertical; 86} 87/*Apply "..." After 2 lines of Text */ 88.text-style-2lines { 89 display: -webkit-box; 90 overflow: hidden; 91 -webkit-line-clamp: 2; 92 -webkit-box-orient: vertical; 93} 94</style> 95 </div> 96 <div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_component w-nav"> 97 <div class="nav_container"> 98 <div class="navbar-carrito-align"> 99 <a class='nav_logo-link w-nav-brand' href='/'><img src="images/logo-cafetal_apan.png" loading="lazy" alt="" class="nav_logo"></a> 100 </div> 101 <div class="nav_menu-mobile-button w-nav-button"> 102 <div class="margin-right margin-small"><img src="images/menu_black-cafetal.svg" loading="lazy" data-w-id="03719c13-8a3a-e817-145a-76e4a2d1e407" alt="" class="nav_menu-button-icon"></div> 103 </div> 104 <div role="navigation" class="nav_menu w-nav-menu"> 105 <div class="nav_menu-left"> 106 <a class='nav_link w-inline-block' href='/'> 107 <div>Inicio</div> 108 </a> 109 <a aria-current='page' class='nav_link w-inline-block w--current' href='/tienda'> 110 <div>Tienda</div> 111 </a> 112 <a class='nav_link w-inline-block' href='/museo'> 113 <div>Museo</div> 114 </a> 115 <a class='nav_link w-inline-block' href='/nuestra-historia'> 116 <div>Historia</div> 117 </a> 118 <a class='nav_link w-inline-block' href='/contacto'> 119 <div>Sucursales</div> 120 </a> 121 </div> 122 <a href="https://wa.me/522281514260" target="_blank" class="button-buy-here w-inline-block"><img src="images/whatsapp-logo-42x42.png" loading="lazy" width="Auto" alt="" class="button-image"> 123 <div>Compra aquÃ</div> 124 </a> 125 </div> 126 </div> 127 </div> 128 <div class="main-wrapper"> 129 <section class="container-large"> 130 <div class="page-padding"> 131 <div class="padding-vertical padding-xlarge"> 132 <div> 133 <div class="padding-vertical padding-large"> 134 <div class="margin-bottom margin-small"> 135 <h3 class="text-align-center">Compra nuestros productos</h3> 136 </div> 137 <div class="margin-bottom margin-medium align-center"> 138 <div class="max-width-xsmall"> 139 <p class="text-align-center">Cotiza tus productos por Whatsapp y recÃbelos en la comodidad de tu hogar.</p> 140 </div> 141 </div> 142 <div class="margin-bottom margin-medium popup-relative"> 143 <div class="popup-item"> 144 <div class="text-size-small">Puedes escribirnos por whatsapp para realizar tu pedido. Nuestros envÃos son seguros y nos encargamos de que lleguen a tu hogar.</div> 145 </div> 146 <div class="max-width-small align-center"> 147 <div class="product-button margin-small align-center"> 148 <a data-w-id="1f3fb709-8b7f-33d8-ff25-b03c2dcd0a5a" href="https://wa.me/522281514260" target="_blank" class="button-buy-here w-inline-block"><img src="images/whatsapp-logo-42x42.png" loading="lazy" width="Auto" alt="" class="button-image"> 149 <div>Compra aquÃ</div> 150 </a> 151 </div> 152 </div> 153 </div> 154 </div> 155 </div> 156 <div data-w-id="995a27a7-2bfc-fb39-ea54-800ffe2f945c" style="opacity:0" class="productos-wrapper"> 157 <div class="products-container padding-vertical padding-medium align-center"> 158 <div class="product-single"> 159 <div class="product-image-container"><img src="images/paquete-1.jpg" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 200.625px, 240px" srcset="images/paquete-1-p-500.jpg 500w, images/paquete-1-p-800.jpg 800w, images/paquete-1.jpg 856w" alt="" class="image-6"></div> 160 <div class="product-text"> 161 <div class="product-title">
161Café Gourmet </div> 162 </div> 163 </div> 164 </div> 165 <div class="products-container padding-vertical padding-medium align-center"> 166 <div class="product-single"> 167 <div class="product-image-container"><img src="images/paquete-3.jpg" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 46vw, 240px" srcset="images/paquete-3-p-500.jpg 500w, images/paquete-3.jpg 750w" alt=""></div> 168 <div class="product-text"> 169 <div class="text-align-center product-title">Café Gourmet (3 pack) </div> 170 </div> 171 </div> 172 </div> 173 <div class="products-container padding-vertical padding-medium align-center"> 174 <div class="product-single"> 175 <div class="product-image-container"><img src="images/aderezo.png" loading="lazy" alt=""></div> 176 <div class="product-text"> 177 <div class="product-title">Aderezo de Mostaza y Café</div> 178 </div> 179 </div> 180 </div> 181 <div class="products-container padding-vertical padding-medium align-center"> 182 <div class="product-single"> 183 <div class="product-image-container"><img src="images/cubierto-chocolate.png" loading="lazy" alt=""></div> 184 <div class="product-text"> 185 <div class="product-title">Grano de café cubierto con chocolate</div> 186 </div> 187 </div> 188 </div> 189 <div class="products-container padding-vertical padding-medium align-center"> 190 <div class="product-single"> 191 <div class="product-image-container"><img src="images/salsa-macha.png" loading="lazy" alt=""></div> 192 <div class="product-text"> 193 <div class="product-title">Salsa macha</div> 194 </div> 195 </div> 196 </div> 197 <div class="products-container padding-vertical padding-medium align-center"> 198 <div class="product-single"> 199 <div class="product-image-container"><img src="images/mole.png" loading="lazy" alt=""></div> 200 <div class="product-text"> 201 <div class="product-title">Mole Gourmet</div> 202 </div> 203 </div> 204 </div> 205 <div class="products-container padding-vertical padding-medium align-center"> 206 <div class="product-single"> 207 <div class="product-image-container"><img src="images/madera-ahumar.png" loading="lazy" alt=""></div> 208 <div class="product-text"> 209 <div class="product-title">Trozos de madera de café para ahumar</div> 210 </div> 211 </div> 212 </div> 213 <div class="products-container padding-vertical padding-medium align-center"> 214 <div class="product-single"> 215 <div class="product-image-container"><img src="images/virutas-madera.png" loading="lazy" alt=""></div> 216 <div class="product-text"> 217 <div class="product-title">Virutas de madera de café para ahumar</div> 218 </div> 219 </div> 220 </div> 221 </div> 222 </div> 223 </div> 224 </section> 225 </div> 226 <footer class="footer_component"> 227 <div class="page-padding"> 228 <div class="container-large"> 229 <div class="footer_content"> 230 <a class='footer_logo-link w-inline-block' href='/'><img src="images/logo-cafetal_apan.png" loading="lazy" alt="" class="footer_logo"></a> 231 <div class="footer_links-list"> 232 <a class='footer_link' href='/'>Inicio</a> 233 <a class='footer_link' href='/museo'>Museo</a> 234 <a class='footer_link' href='/nuestra-historia'>Historia</a> 235 <a class='footer_link' href='/contacto'>Contacto</a> 236 </div> 237 </div> 238 <div class="footer-divider"></div> 239 <div class="footer_bottom-content"> 240 <a class='w-inline-block' href='/'> 241 <div class="footer-copyright">© 2021 El Café-tal Apan</div> 242 </a> 243 <div class="social-icons-wrapper"> 244 <a aria-label="Facebook Link" href="https://www.facebook.com/CafeyMuseoTalApan" target="_blank" class="social-link w-inline-block"> 245 <div class="social-icon w-embed"><svg aria-hidden="true" height="100%" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 246 <path d="M14.4444 7.22222C14.4444 3.2335 11.2109 0 7.22222 0C3.2335 0 0 3.2335 0 7.22222C0 10.827 2.64105 13.8149 6.09375 14.3567V9.3099H4.25998V7.22222H6.09375V5.63108C6.09375 3.82101 7.17201 2.82118 8.82169 2.82118C9.61162 2.82118 10.4384 2.96224 10.4384 2.96224V4.73958H9.52769C8.63056 4.73958 8.35069 5.29634 8.35069 5.86806V7.22222H10.3537L10.0335 9.3099H8.35069V14.3567C11.8034 13.8149 14.4444 10.827 14.4444 7.22222Z" fill="currentcolor"></path> 247 </svg></div> 248 </a> 249 <a aria-label="Instagram Link" href="https://www.instagram.com/el_cafe_tal_apan/" target="_blank" class="social-link w-inline-block"> 250 <div class="social-icon w-embed"><svg aria-hidden="true" height="100%" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 251 <path d="M7.25933 1.30056C9.18902 1.30056 9.41754 1.30903 10.1764 1.34288C10.8817 1.37391 11.2626 1.4924 11.5165 1.59115C11.8522 1.72092 12.0948 1.87891 12.3459 2.12999C12.5998 2.3839 12.755 2.6237 12.8848 2.95942C12.9835 3.21333 13.102 3.59701 13.133 4.29948C13.1669 5.0612 13.1753 5.28971 13.1753 7.21658C13.1753 9.14627 13.1669 9.37478 13.133 10.1337C13.102 10.839 12.9835 11.2198 12.8848 11.4737C12.755 11.8095 12.597 12.0521 12.3459 12.3032C12.092 12.5571 11.8522 12.7122 11.5165 12.842C11.2626 12.9408
25110.8789 13.0592 10.1764 13.0903C9.41471 13.1241 9.1862 13.1326 7.25933 13.1326C5.32964 13.1326 5.10113 13.1241 4.34223 13.0903C3.63694 13.0592 3.25608 12.9408 3.00217 12.842C2.66645 12.7122 2.42383 12.5543 2.17274 12.3032C1.91884 12.0493 1.76367 11.8095 1.6339 11.4737C1.53516 11.2198 1.41667 10.8362 1.38563 10.1337C1.35178 9.37196 1.34332 9.14345 1.34332 7.21658C1.34332 5.28689 1.35178 5.05838 1.38563 4.29948C1.41667 3.59418 1.53516 3.21333 1.6339 2.95942C1.76367 2.6237 1.92166 2.38108 2.17274 2.12999C2.42665 1.87609 2.66645 1.72092 3.00217 1.59115C3.25608 1.4924 3.63976 1.37391 4.34223 1.34288C5.10113 1.30903 5.32964 1.30056 7.25933 1.30056ZM7.25933 0C5.29861 0 5.05317 0.00846354 4.28299 0.0423177C3.51563 0.0761719 2.98806 0.200304 2.53103 0.378038C2.05425 0.564236 1.65082 0.809679 1.25022 1.21311C0.846788 1.61372 0.601346 2.01714 0.415148 2.4911C0.237413 2.95096 0.113281 3.47569 0.0794271 4.24306C0.0455729 5.01606 0.0371094 5.2615 0.0371094 7.22222C0.0371094 9.18294 0.0455729 9.42839 0.0794271 10.1986C0.113281 10.9659 0.237413 11.4935 0.415148 11.9505C0.601346 12.4273 0.846788 12.8307 1.25022 13.2313C1.65082 13.6319 2.05425 13.8802 2.52821 14.0636C2.98806 14.2413 3.5128 14.3655 4.28017 14.3993C5.05035 14.4332 5.29579 14.4416 7.25651 14.4416C9.21723 14.4416 9.46268 14.4332 10.2329 14.3993C11.0002 14.3655 11.5278 14.2413 11.9848 14.0636C12.4588 13.8802 12.8622 13.6319 13.2628 13.2313C13.6634 12.8307 13.9117 12.4273 14.0951 11.9533C14.2728 11.4935 14.3969 10.9688 14.4308 10.2014C14.4646 9.43121 14.4731 9.18576 14.4731 7.22504C14.4731 5.26432 14.4646 5.01888 14.4308 4.2487C14.3969 3.48134 14.2728 2.95378 14.0951 2.49674C13.9173 2.01714 13.6719 1.61372 13.2684 1.21311C12.8678 0.8125 12.4644 0.564236 11.9905 0.380859C11.5306 0.203125 11.0059 0.0789931 10.2385 0.0451389C9.4655 0.00846354 9.22005 0 7.25933 0Z" fill="currentcolor"></path> 252 <path d="M7.25941 3.51233C5.21124 3.51233 3.54956 5.174 3.54956 7.22218C3.54956 9.27036 5.21124 10.932 7.25941 10.932C9.30759 10.932 10.9693 9.27036 10.9693 7.22218C10.9693 5.174 9.30759 3.51233 7.25941 3.51233ZM7.25941 9.62865C5.93064 9.62865 4.85295 8.55096 4.85295 7.22218C4.85295 5.89341 5.93064 4.81571 7.25941 4.81571C8.58819 4.81571 9.66588 5.89341 9.66588 7.22218C9.66588 8.55096 8.58819 9.62865 7.25941 9.62865Z" fill="currentcolor"></path> 253 <path d="M11.982 3.36562C11.982 3.84522 11.5926 4.23172 11.1159 4.23172C10.6363 4.23172 10.2498 3.84239 10.2498 3.36562C10.2498 2.88601 10.6391 2.49951 11.1159 2.49951C11.5926 2.49951 11.982 2.88884 11.982 3.36562Z" fill="currentcolor"></path> 254 </svg></div> 255 </a> 256 </div> 257 <a class='footer_button w-inline-block' data-w-id='b472bb34-8ecf-c203-e709-e473bee3c819' href='/contacto'> 258 <div class="text-button">Contáctanos</div> 259 <div class="button-icon w-embed"><svg height="100%" viewbox="0 0 21 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 260 <path d="M20.3536 4.35355C20.5488 4.15829 20.5488 3.84171 20.3536 3.64645L17.1716 0.464466C16.9763 0.269204 16.6597 0.269204 16.4645 0.464466C16.2692 0.659728 16.2692 0.976311 16.4645 1.17157L19.2929 4L16.4645 6.82843C16.2692 7.02369 16.2692 7.34027 16.4645 7.53553C16.6597 7.7308 16.9763 7.7308 17.1716 7.53553L20.3536 4.35355ZM0 4.5L20 4.5V3.5L0 3.5L0 4.5Z" fill="currentcolor"></path> 261 </svg></div> 262 </a> 263 </div> 264 </div> 265 </div> 266 </footer> 267 </div> 268
268<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6180c42705498b4ee7331eed" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
268 269
269<script src="js/webflow.js" type="text/javascript"></script>
269 270</body> 271</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.