<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Recetas de Café Alamor archivos -</title>
	<atom:link href="https://cafealamor.com.ec/category/recetas-de-cafe-alamor/feed/" rel="self" type="application/rss+xml" />
	<link>https://cafealamor.com.ec/category/recetas-de-cafe-alamor/</link>
	<description></description>
	<lastBuildDate>Sat, 16 May 2026 17:43:24 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://cafealamor.com.ec/wp-content/uploads/2024/04/cropped-logopequeno-32x32.png</url>
	<title>Recetas de Café Alamor archivos -</title>
	<link>https://cafealamor.com.ec/category/recetas-de-cafe-alamor/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Tiramisú de Café Alamor &#124; Receta Fácil y Cremosa</title>
		<link>https://cafealamor.com.ec/2026/05/16/tiramisu-de-cafe-alamor/</link>
					<comments>https://cafealamor.com.ec/2026/05/16/tiramisu-de-cafe-alamor/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Sat, 16 May 2026 17:25:08 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=3137</guid>

					<description><![CDATA[<p>Tiramisú de Café Alamor &#8211; Café Alamor ☕ Receta Especial Tiramisú de Café Alamor El clásico postre italiano reinventado con el sabor</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/05/16/tiramisu-de-cafe-alamor/">Tiramisú de Café Alamor | Receta Fácil y Cremosa</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3137" class="elementor elementor-3137">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a6673e9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="a6673e9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97a384" data-id="f97a384" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c7c13f3 elementor-widget elementor-widget-html" data-id="c7c13f3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tiramisú de Café Alamor - Café Alamor</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2026/05/bisisisisiis.webp" alt="Tiramisú de Café Alamor">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <span class="hero-tag">☕ Receta Especial</span>
      <h1>Tiramisú de Café Alamor</h1>
      <p>El clásico postre italiano reinventado con el sabor profundo y achocolatado del <strong>Café Alamor Clásico</strong>. Capas de bizcotelas empapadas en café, una crema sedosa sin mascarpone difícil de conseguir, y cacao en polvo. Elegante, irresistible y fácil de preparar en casa.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2026/05/bisisisisiis.webp" alt="Tiramisú de Café Alamor">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">8</span> <span id="persons-label">porciones</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>

      <div class="ing-groups">
        <div>
          <h3 class="ing-group-title">☕ Café y base</h3>
          <ul class="ing-list" id="ingListBase"></ul>
        </div>
        <div>
          <h3 class="ing-group-title">🧀 Crema (sustituto de mascarpone)</h3>
          <ul class="ing-list" id="ingListCrema"></ul>
        </div>
        <div>
          <h3 class="ing-group-title">🥚 Crema de yemas</h3>
          <ul class="ing-list" id="ingListYemas"></ul>
        </div>
        <div>
          <h3 class="ing-group-title">❄️ Claras y acabado</h3>
          <ul class="ing-list" id="ingListClaras"></ul>
        </div>
      </div>

      <div class="nota-box">
        <p class="nota">💡 <strong>Truco para imitar el mascarpone:</strong> La combinación de queso crema + crema de leche + mantequilla da una textura rica y cremosa muy similar al mascarpone original, con ingredientes fáciles de conseguir en Ecuador.</p>
        <p class="nota">* Usa <strong>Café Alamor Clásico</strong> bien concentrado para obtener el mejor sabor en el tiramisú.</p>
        <p class="nota">* Las bizcotelas son el sustituto perfecto de los bizcochos de soletilla para esta receta.</p>
      </div>
    </article>

    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. La base perfecta para empapar las bizcotelas y darle al tiramisú ese sabor profundo que lo hace inolvidable.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>

    <div class="paso-group">
      <h3>Paso 1: Preparar el café</h3>
      <ol class="steps">
        <li><strong>Café concentrado y frío:</strong> Prepara <strong><span class="q" data-key="coffee"></span></strong> de café bien fuerte con <strong>Café Alamor Clásico</strong> (en cafetera de filtro, moka o prensa francesa). Déjalo enfriar completamente. Mezcla con <strong><span class="q" data-key="amaretto"></span></strong> de amaretto o ron si deseas. Reserva en un recipiente amplio para mojar las bizcotelas.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Preparar la crema (sustituto de mascarpone)</h3>
      <ol class="steps" start="2">
        <li><strong>Montar la crema base:</strong> En un bol grande o en la batidora, combina <strong><span class="q" data-key="creamcheese"></span></strong> de queso crema (a temperatura ambiente), <strong><span class="q" data-key="heavycream"></span></strong> de crema de leche para montar fría y <strong><span class="q" data-key="butter"></span></strong> de mantequilla sin sal derretida y tibia. Bate a velocidad media-alta hasta obtener una crema firme y homogénea. Reserva en el refrigerador.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Preparar la crema de yemas</h3>
      <ol class="steps" start="3">
        <li><strong>Yemas con azúcar al calor:</strong> En un bol resistente al calor, bate <strong><span class="q" data-key="yolks"></span></strong> de yemas de huevo con <strong><span class="q" data-key="sugar"></span></strong> de azúcar y <strong><span class="q" data-key="vanilla"></span></strong> de esencia de vainilla. Lleva el bol a baño María (sin que toque el agua hirviendo) y bate con batidora de mano por 6–8 minutos, hasta que la mezcla esté espesa, clara y caliente al tacto (80 °C). Esto pasteuriza las yemas de forma segura. Retira y deja enfriar.</li>
        <li><strong>Unir cremas:</strong> Incorpora suavemente la crema de yemas fría a la crema de queso crema reservada, mezclando con movimientos envolventes hasta obtener una crema uniforme y sedosa.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Montar las claras</h3>
      <ol class="steps" start="5">
        <li><strong>Claras a punto de nieve:</strong> Asegúrate de que el bol y las varillas estén perfectamente limpios y secos. Con la batidora de mano a velocidad alta, bate <strong><span class="q" data-key="whites"></span></strong> de claras de huevo con <strong><span class="q" data-key="extsugar"></span></strong> de azúcar extra y una pizca de sal hasta obtener picos firmes y brillantes. Incorpora las claras a la crema anterior con movimientos envolventes suaves, en dos o tres adiciones, para mantener el aire.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 5: Montar el tiramisú</h3>
      <ol class="steps" start="6">
        <li><strong>Primera capa de bizcotelas:</strong> Moja rápidamente (1–2 segundos por lado) <strong><span class="q" data-key="biscuits"></span></strong> de bizcotelas en la mezcla de café frío. No las empapes demasiado o se desharán. Coloca una capa en el fondo de un molde o en <span class="q" data-key="cups"></span> vasitos individuales.</li>
        <li><strong>Primera capa de crema:</strong> Extiende la mitad de la crema sobre las bizcotelas. Alisa bien con una espátula. Espolvorea una capa generosa de cacao en polvo.</li>
        <li><strong>Segunda capa:</strong> Repite con otra capa de bizcotelas mojadas, otra capa de crema y termina con más cacao en polvo.</li>
        <li><strong>Refrigerar:</strong> Cubre con film plástico y lleva al refrigerador por al menos <strong>2 horas</strong>. Para el mejor resultado, déjalo toda la noche: las bizcotelas se integran perfectamente con la crema.</li>
        <li><strong>Servir:</strong> Justo antes de servir, espolvorea una última capa fresca de <strong><span class="q" data-key="cocoa"></span></strong> de cacao en polvo. ¡Tu Tiramisú de Café Alamor está listo! ☕</li>
      </ol>
    </div>

    <div class="tips-section">
      <h3>☕ Tips para que quede perfecto</h3>
      <ul class="tips-list">
        <li><strong>Café bien concentrado:</strong> Cuanto más intenso sea el Café Alamor Clásico, más sabor tendrá el tiramisú. Prepáralo más fuerte de lo normal.</li>
        <li><strong>Bizcotelas, no soletillas:</strong> Las bizcotelas ecuatorianas funcionan perfecto; son ligeramente más densas, por eso báñalas rápido para que no se deshagan.</li>
        <li><strong>Queso crema a temperatura ambiente:</strong> Sácalo del refrigerador 20–30 minutos antes para que se bata sin grumos.</li>
        <li><strong>Crema de leche bien fría:</strong> La crema de leche monta mejor cuando está muy fría. Si hace calor, enfría también el bol.</li>
        <li><strong>Pasteurización de yemas:</strong> Cocinar las yemas a 80 °C es clave para eliminar riesgos, especialmente en verano. No omitas este paso.</li>
        <li><strong>Claras en recipiente sin grasa:</strong> Cualquier rastro de grasa impide que las claras monten. Limpia bien el bol y las varillas.</li>
        <li><strong>Reposo es fundamental:</strong> El tiramisú mejora muchísimo de un día para otro. Prepáralo la víspera siempre que puedas.</li>
        <li><strong>Cacao al final:</strong> Espolvorea el cacao justo antes de servir para que luzca fresco y no se humedezca.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🌸 Variaciones para consentir a mamá</h3>
      <ul class="tips-list">
        <li><strong>Tiramisú Moca:</strong> Añade 2 cucharadas de cacao en polvo a la crema para una versión doble chocolate.</li>
        <li><strong>Tiramisú con Naranja:</strong> Añade ralladura de naranja a la crema para un contraste cítrico delicioso que complementa el café.</li>
        <li><strong>Tiramisú con Caramelo:</strong> Agrega un hilo de salsa de caramelo entre las capas para una versión más indulgente.</li>
        <li><strong>Tiramisú Helado:</strong> Congela en moldes individuales para obtener un postre helado de café y crema irresistible.</li>
        <li><strong>Sin alcohol:</strong> Omite el amaretto y añade una cucharadita de extracto de almendra o simplemente usa más café puro.</li>
        <li><strong>Tiramisú con Baileys:</strong> Sustituye el amaretto por Baileys o licor de café para una versión más suave y cremosa.</li>
        <li><strong>Versión en vasitos:</strong> Monta el tiramisú en copas individuales elegantes para una presentación sofisticada perfecta para cualquier celebración.</li>
        <li><strong>Con frambuesas:</strong> Coloca algunas frambuesas frescas entre las capas de crema para un toque afrutado y elegante.</li>
      </ul>
    </div>

    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 30 minutos
      </div>
      <div class="time-item">
        <strong>🍳 Cocción:</strong> 10 minutos
      </div>
      <div class="time-item">
        <strong>❄️ Refrigeración:</strong> 2 horas mínimo
      </div>
      <div class="time-item">
        <strong>🍮 Dificultad:</strong> Fácil
      </div>
      <div class="time-item">
        <strong>🍮 Porciones:</strong> <span id="servings-display">8</span> porción(es)
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-tag{ display:inline-block; background:rgba(255,255,255,.18); color:#fff; font-size:clamp(13px,1.4vw,15px); font-weight:600; letter-spacing:.04em; padding:.35rem .9rem; border-radius:9999px; margin-bottom:.7rem; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.25); }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
/* Ingredient groups */
.ing-groups{ display:grid; gap:12px; margin:8px 0 10px; }
.ing-group-title{ margin:0 0 6px; font-size:.95rem; font-weight:700; color:var(--red); text-transform:uppercase; letter-spacing:.04em; border-bottom:2px solid rgba(195,23,30,.15); padding-bottom:4px; }
.ing-list{ list-style:none; padding:0; margin:0 0 4px; display:grid; gap:8px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:8px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota-box{ background:#fef7f7; border-radius:12px; border-left:4px solid var(--red); padding:12px 16px; margin-top:10px; }
.nota{ color:#6b6b6b; font-size:.93rem; margin:4px 0; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Grupos de ingredientes base (8 porciones) ==== */
const GROUPS = [
  {
    id: "ingListBase",
    items: [
      { key:"coffee",    qty:300, unit:"ml",  name:"Café Alamor Clásico preparado bien fuerte y frío" },
      { key:"amaretto",  qty:100, unit:"ml",  name:"Amaretto o ron (opcional)" },
      { key:"biscuits",  qty:24,  unit:"und", name:"Bizcotelas" },
      { key:"cocoa",     qty:4,   unit:"tbsp",name:"Cacao en polvo sin azúcar para espolvorear" },
    ]
  },
  {
    id: "ingListCrema",
    items: [
      { key:"creamcheese", qty:400, unit:"g",  name:"Queso crema (a temperatura ambiente)" },
      { key:"heavycream",  qty:200, unit:"ml", name:"Crema de leche para montar (bien fría)" },
      { key:"butter",      qty:30,  unit:"g",  name:"Mantequilla sin sal (derretida y tibia)" },
    ]
  },
  {
    id: "ingListYemas",
    items: [
      { key:"yolks",   qty:6,   unit:"und", name:"Yemas de huevo" },
      { key:"sugar",   qty:200, unit:"g",   name:"Azúcar blanca" },
      { key:"vanilla", qty:0.5, unit:"tsp", name:"Esencia de vainilla" },
    ]
  },
  {
    id: "ingListClaras",
    items: [
      { key:"whites",   qty:3,    unit:"und", name:"Claras de huevo" },
      { key:"extsugar", qty:1,    unit:"tsp", name:"Azúcar (para las claras)" },
      { key:"salt",     qty:0.25, unit:"tsp", name:"Sal (pizca)" },
      { key:"cups",     qty:8,    unit:"und", name:"Vasitos o molde rectangular para servir" },
    ]
  }
];

// Flatten for .q span lookups
const ALL_ITEMS = GROUPS.flatMap(g => g.items);

const MIN = 1, MAX = 16, BASE = 8;

(function initReceta(){
  const personsEl         = document.getElementById("persons");
  const personsLabelEl    = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const btnMinus          = document.getElementById("minus");
  const btnPlus           = document.getElementById("plus");
  let persons = BASE;

  function round2(n){ return Math.round(n * 100) / 100; }

  function formatAmt(val, unit){
    if(unit === "und"){
      return `${Math.round(val)}`;
    }
    if(unit === "tsp"){
      const fracs = [[0.25,"¼"],[0.33,"⅓"],[0.5,"½"],[0.66,"⅔"],[0.75,"¾"],[1,"1"]];
      const w = Math.floor(val);
      const f = val - w;
      let sym = "";
      let best = 1;
      fracs.forEach(([v,s])=>{ const d=Math.abs(f-v); if(d<best&&d<0.15){best=d;sym=s;} });
      if(w===0 && sym) return sym;
      if(w>0 && sym) return `${w}${sym}`;
      return `${Math.round(val*4)/4}`;
    }
    if(unit === "tbsp"){
      return `${Math.round(val)}`;
    }
    if(unit === "ml"){
      const r = Math.round(val / 5) * 5;
      return r >= 1000 ? `${round2(r/1000)} l` : `${r} ml`;
    }
    if(unit === "g"){
      const r = Math.round(val);
      return r >= 1000 ? `${round2(r/1000)} kg` : `${r} g`;
    }
    return round2(val);
  }

  function unitLabel(unit, val){
    if(unit==="und") return val===1 ? "unidad" : "unidades";
    if(unit==="tsp") return "cdta";
    if(unit==="tbsp") return val===1 ? "cda" : "cdas";
    return "";
  }

  function getDisplay(item, m){
    const scaled = item.qty * m;
    const amt = formatAmt(scaled, item.unit);
    const lbl = unitLabel(item.unit, Math.round(scaled));
    return lbl ? `${amt} ${lbl}` : amt;
  }

  function render(){
    const m = persons / BASE;
    personsEl.textContent        = persons;
    personsLabelEl.textContent   = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled  = persons >= MAX;

    GROUPS.forEach(group => {
      const listEl = document.getElementById(group.id);
      if(!listEl) return;
      listEl.innerHTML = "";
      group.items.forEach(item => {
        const li = document.createElement("li");
        li.innerHTML = `<div class="ing-qty"><strong>${getDisplay(item, m)}</strong></div><div class="ing-name">${item.name}</div>`;
        listEl.appendChild(li);
      });
    });

    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it  = ALL_ITEMS.find(i => i.key === key);
      if(!it) return;
      el.textContent = getDisplay(it, m);
    });
  }

  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e34fc2" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:3137}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e364dc" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:3137}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e37858" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:3137}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e38bc7" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:3137}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/05/16/tiramisu-de-cafe-alamor/">Tiramisú de Café Alamor | Receta Fácil y Cremosa</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/05/16/tiramisu-de-cafe-alamor/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>El postre de mamá: Pudín de Café Alamor</title>
		<link>https://cafealamor.com.ec/2026/05/08/postre-de-mama-pudin-de-cafe-alamor/</link>
					<comments>https://cafealamor.com.ec/2026/05/08/postre-de-mama-pudin-de-cafe-alamor/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Fri, 08 May 2026 16:57:35 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=3126</guid>

					<description><![CDATA[<p>Pudín de Café &#8211; Café Alamor 💐 Receta del Día de la Madre Pudín de Café Alamor Un postre suave, cremoso y</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/05/08/postre-de-mama-pudin-de-cafe-alamor/">El postre de mamá: Pudín de Café Alamor</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3126" class="elementor elementor-3126">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a6673e9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="a6673e9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97a384" data-id="f97a384" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c7c13f3 elementor-widget elementor-widget-html" data-id="c7c13f3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pudín de Café - Café Alamor</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2026/05/cafeconcafe.webp" alt="Pudín de Café Alamor">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <span class="hero-tag">💐 Receta del Día de la Madre</span>
      <h1>Pudín de Café Alamor</h1>
      <p>Un postre suave, cremoso y lleno de aroma que solo toma 20 minutos en prepararse. Hecho con el sabor profundo y achocolatado del <strong>Café Alamor Clásico</strong>, este pudín es el regalo perfecto para celebrar a mamá con algo hecho con amor y una taza de café.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2026/05/cafeconcafe.webp" alt="Pudín de Café Alamor">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">4</span> <span id="persons-label">porciones</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Clásico</strong> para preparar el café bien concentrado y aromático.</p>
      <p class="nota">* El café debe estar recién preparado para obtener el mejor sabor y aroma en el pudín.</p>
    </article>

    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para dar al pudín ese sabor profundo y reconfortante que hace de este postre una experiencia única.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>

    <div class="paso-group">
      <h3>Paso 1: Preparar el café</h3>
      <ol class="steps">
        <li><strong>Café concentrado:</strong> Prepara <strong><span class="q" data-key="coffee"></span></strong> de café bien fuerte y concentrado con <strong>Café Alamor Clásico</strong>. Puedes hacerlo en cafetera de filtro, moka o prensa francesa. Reserva y deja enfriar ligeramente.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Mezclar los ingredientes secos</h3>
      <ol class="steps" start="2">
        <li><strong>Mezcla en seco:</strong> En una olla mediana a fuego bajo, combina <strong><span class="q" data-key="sugar"></span></strong> de azúcar, <strong><span class="q" data-key="cornstarch"></span></strong> de maicena y <strong><span class="q" data-key="salt"></span></strong> de sal. Mezcla bien con un batidor de mano antes de agregar los líquidos para evitar grumos.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Incorporar los líquidos</h3>
      <ol class="steps" start="3">
        <li><strong>Añadir leche y café:</strong> Vierte poco a poco <strong><span class="q" data-key="milk"></span></strong> de leche entera y el café preparado sobre la mezcla seca. Revuelve constantemente con el batidor para obtener una mezcla homogénea sin grumos.</li>
        <li><strong>Agregar las yemas:</strong> Incorpora <strong><span class="q" data-key="yolks"></span></strong> de yemas de huevo previamente batidas. Mezcla bien hasta integrar completamente.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Cocinar el pudín</h3>
      <ol class="steps" start="5">
        <li><strong>Cocinar a fuego medio:</strong> Lleva la mezcla a fuego medio, revolviendo constantemente con el batidor o una cuchara de silicona. Es importante no dejar de mover para evitar que se pegue o se formen grumos.</li>
        <li><strong>Punto de espesado:</strong> Continúa cocinando y revolviendo durante 8 a 10 minutos, hasta que la mezcla espese notablemente y cubra el dorso de una cuchara. Retira del fuego.</li>
        <li><strong>Añadir mantequilla y vainilla:</strong> Agrega <strong><span class="q" data-key="butter"></span></strong> de mantequilla sin sal y <strong><span class="q" data-key="vanilla"></span></strong> de esencia de vainilla. Mezcla hasta que la mantequilla se derrita completamente y la mezcla quede brillante y sedosa.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 5: Servir y refrigerar</h3>
      <ol class="steps" start="8">
        <li><strong>Distribuir en moldes:</strong> Vierte el pudín caliente en <strong><span class="q" data-key="cups"></span></strong> copas, vasitos o moldes individuales. Puedes cubrir la superficie con film plástico al ras para evitar que se forme costra.</li>
        <li><strong>Refrigerar:</strong> Lleva al refrigerador por al menos 2 horas hasta que esté completamente frío y firme. ¡Para mejores resultados, déjalo toda la noche!</li>
        <li><strong>Decorar y servir:</strong> Al momento de servir, decora con <strong><span class="q" data-key="cream"></span></strong> de crema chantilly, una pizca de canela en polvo o una hoja de menta. ¡Tu Pudín de Café Alamor está listo para consentir a mamá! 💐☕</li>
      </ol>
    </div>

    <div class="tips-section">
      <h3>☕ Tips para que quede perfecto</h3>
      <ul class="tips-list">
        <li><strong>Café bien fuerte:</strong> Cuanto más concentrado sea el café, más intenso será el sabor del pudín. Usa Café Alamor Clásico para el mejor resultado.</li>
        <li><strong>No pares de revolver:</strong> Revolver constantemente durante la cocción es clave para un pudín sin grumos y de textura sedosa.</li>
        <li><strong>Temperatura correcta:</strong> Cocina a fuego medio, nunca alto, para que espese de forma uniforme sin quemarse.</li>
        <li><strong>Yemas a temperatura ambiente:</strong> Saca los huevos del refrigerador 15 minutos antes para que se integren mejor.</li>
        <li><strong>Film al contacto:</strong> Para evitar la costra en la superficie, cubre con film plástico tocando directamente el pudín.</li>
        <li><strong>Sirve bien frío:</strong> El pudín de café sabe mucho mejor completamente frío. Si puedes, prepáralo el día anterior.</li>
        <li><strong>Ajusta el dulzor:</strong> Si prefieres menos dulce, reduce un poco el azúcar. El café intenso equilibra perfectamente los sabores.</li>
        <li><strong>Presentación especial:</strong> Para el Día de la Madre, sírvelo en copas elegantes con crema y una flor comestible o unas hojas de menta.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🌸 Variaciones para consentir a mamá</h3>
      <ul class="tips-list">
        <li><strong>Pudín Moca:</strong> Añade 2 cucharadas de cacao en polvo junto con los ingredientes secos para una versión chocolatosa.</li>
        <li><strong>Pudín con Canela:</strong> Incorpora una rama de canela mientras cocinas la mezcla y retírala antes de servir para un aroma especial.</li>
        <li><strong>Pudín con Caramelo:</strong> Añade un toque de salsa de caramelo por encima al momento de servir para una versión más indulgente.</li>
        <li><strong>Pudín Helado:</strong> Congela en moldes de paleta para obtener unos cremosos helados de café caseros.</li>
        <li><strong>Pudín con Licor:</strong> Agrega una cucharadita de Baileys o licor de café a la mezcla para una versión adulta y sofisticada.</li>
        <li><strong>Pudín Vegano:</strong> Sustituye la leche de vaca por leche de coco o almendra y usa maicena extra en lugar de yemas.</li>
        <li><strong>Pudín con Naranja:</strong> Añade ralladura de naranja a la mezcla para un contraste cítrico delicioso.</li>
        <li><strong>Pudín Especiado:</strong> Incorpora una pizca de cardamomo o anís estrellado para mayor complejidad aromática.</li>
      </ul>
    </div>

    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 5 minutos
      </div>
      <div class="time-item">
        <strong>🍳 Cocción:</strong> 15 minutos
      </div>
      <div class="time-item">
        <strong>❄️ Refrigeración:</strong> 2 horas mínimo
      </div>
      <div class="time-item">
        <strong>💐 Ocasión:</strong> Perfecta para el Día de la Madre
      </div>
      <div class="time-item">
        <strong>🍮 Porciones:</strong> <span id="servings-display">4</span> porción(es)
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-tag{ display:inline-block; background:rgba(255,255,255,.18); color:#fff; font-size:clamp(13px,1.4vw,15px); font-weight:600; letter-spacing:.04em; padding:.35rem .9rem; border-radius:9999px; margin-bottom:.7rem; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.25); }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (4 porciones) ==== */
const INGREDIENTS = [
  { key:"milk",       qty:480, unit:"ml",   name:"Leche entera" },
  { key:"coffee",     qty:120, unit:"ml",   name:"Café Alamor Clásico preparado bien fuerte y concentrado" },
  { key:"sugar",      qty:100, unit:"g",    name:"Azúcar blanca" },
  { key:"cornstarch", qty:32,  unit:"g",    name:"Maicena (fécula de maíz)" },
  { key:"yolks",      qty:2,   unit:"und",  name:"Yemas de huevo" },
  { key:"butter",     qty:15,  unit:"g",    name:"Mantequilla sin sal" },
  { key:"vanilla",    qty:1,   unit:"tsp",  name:"Esencia de vainilla" },
  { key:"salt",       qty:0.25,unit:"tsp",  name:"Sal" },
  { key:"cups",       qty:4,   unit:"und",  name:"Copas o moldes individuales para servir" },
  { key:"cream",      qty:4,   unit:"cdas", name:"Crema chantilly para decorar (opcional)" }
];

const MIN = 1, MAX = 12;
const BASE = 4;

(function initReceta(){
  const personsEl        = document.getElementById("persons");
  const personsLabelEl   = document.getElementById("persons-label");
  const servingsDisplayEl= document.getElementById("servings-display");
  const listEl           = document.getElementById("ingList");
  const btnMinus         = document.getElementById("minus");
  const btnPlus          = document.getElementById("plus");
  let persons = BASE;

  function round2(n){ return Math.round(n * 100) / 100; }

  function formatAmt(val, unit){
    if(unit === "und" || unit === "cdas"){
      const r = Math.round(val);
      return `${r}`;
    }
    if(unit === "tsp"){
      const fracs = [[0.25,"¼"],[0.33,"⅓"],[0.5,"½"],[0.66,"⅔"],[0.75,"¾"],[1,"1"]];
      const w = Math.floor(val);
      const f = val - w;
      let sym = "";
      let best = 1;
      fracs.forEach(([v,s])=>{ const d=Math.abs(f-v); if(d<best&&d<0.15){best=d;sym=s;} });
      if(w===0 && sym) return sym;
      if(w>0 && sym) return `${w}${sym}`;
      return `${Math.round(val*4)/4}`;
    }
    if(unit === "ml"){
      const r = Math.round(val / 5) * 5;
      return r >= 1000 ? `${round2(r/1000)} l` : `${r} ml`;
    }
    if(unit === "g"){
      const r = Math.round(val);
      return r >= 1000 ? `${round2(r/1000)} kg` : `${r} g`;
    }
    return round2(val);
  }

  function unitLabel(unit, val){
    if(unit==="und") return val===1 ? "unidad" : "unidades";
    if(unit==="cdas") return val===1 ? "cda" : "cdas";
    if(unit==="tsp") return "cdta";
    return "";
  }

  function getDisplay(item, m){
    const scaled = item.qty * m;
    const amt = formatAmt(scaled, item.unit);
    const lbl = unitLabel(item.unit, Math.round(scaled));
    return lbl ? `${amt} ${lbl}` : amt;
  }

  function render(){
    const m = persons / BASE;
    personsEl.textContent       = persons;
    personsLabelEl.textContent  = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled  = persons >= MAX;

    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      li.innerHTML = `<div class="ing-qty"><strong>${getDisplay(item, m)}</strong></div><div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });

    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it  = INGREDIENTS.find(i => i.key === key);
      if(!it) return;
      el.textContent = getDisplay(it, m);
    });
  }

  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e40766" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:3126}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e417e7" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:3126}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e4285e" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:3126}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e438c1" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:3126}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/05/08/postre-de-mama-pudin-de-cafe-alamor/">El postre de mamá: Pudín de Café Alamor</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/05/08/postre-de-mama-pudin-de-cafe-alamor/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Suspiro de Café Alamor &#124; Receta para San Valentín</title>
		<link>https://cafealamor.com.ec/2026/02/13/suspiro-de-cafe-receta/</link>
					<comments>https://cafealamor.com.ec/2026/02/13/suspiro-de-cafe-receta/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Fri, 13 Feb 2026 22:18:14 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2979</guid>

					<description><![CDATA[<p>Suspiro de Café &#8211; Café Alamor Suspiro de Café Una versión sofisticada del clásico carajillo, con un nombre más romántico y vendible.</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/02/13/suspiro-de-cafe-receta/">Suspiro de Café Alamor | Receta para San Valentín</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2979" class="elementor elementor-2979">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a6673e9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="a6673e9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97a384" data-id="f97a384" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c7c13f3 elementor-widget elementor-widget-html" data-id="c7c13f3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Suspiro de Café - Café Alamor</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2026/02/gemini-3-pro-image-preview-2k_b__Fotografia_hiperrea-1.webp" alt="Suspiro de Café">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Suspiro de Café</h1>
      <p>Una versión sofisticada del clásico carajillo, con un nombre más romántico y vendible. Este cóctel intenso y seductor combina el sabor profundo del <strong>Café Alamor</strong> con la dulzura del licor, creando la bebida perfecta para celebraciones especiales. ¡Ideal para el 14 de febrero!</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2026/02/gemini-3-pro-image-preview-2k_b__Fotografia_hiperrea-1.webp" alt="Suspiro de Café">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">1</span> <span id="persons-label">bebida</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor</strong> para preparar un espresso fuerte y aromático.</p>
      <p class="nota">* El espresso debe ser recién preparado para obtener el mejor sabor y aroma.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para preparar el espresso perfecto que transformará este Suspiro de Café en una experiencia única y memorable.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Preparar el vaso</h3>
      <ol class="steps">
        <li><strong>Vaso elegante:</strong> Selecciona <strong><span class="q" data-key="glass"></span></strong> copa baja tipo whisky. Opcionalmente, puedes escarchar el borde del vaso ligeramente con azúcar para darle un toque más elegante.</li>
        <li><strong>Agregar hielo:</strong> Coloca <strong><span class="q" data-key="ice"></span></strong> en el vaso. Usa cubos grandes y sólidos para que el hielo dure más y no diluya la bebida rápidamente.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Incorporar el licor</h3>
      <ol class="steps" start="3">
        <li><strong>Añadir licor:</strong> Vierte <strong><span class="q" data-key="liquor"></span></strong> de Licor 43 o licor de café sobre el hielo. El Licor 43 aportará un toque dulce y especiado perfecto para esta bebida.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Preparar y añadir el espresso</h3>
      <ol class="steps" start="4">
        <li><strong>Espresso recién hecho:</strong> Prepara <strong><span class="q" data-key="espresso"></span></strong> de espresso fuerte usando <strong>Café Alamor</strong>. Es importante que el espresso esté recién preparado para obtener el mejor sabor y aroma.</li>
        <li><strong>Incorporar lentamente:</strong> Vierte el espresso lentamente sobre el licor y el hielo. Puedes hacerlo con cuidado para crear capas visualmente atractivas.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Finalizar y decorar</h3>
      <ol class="steps" start="6">
        <li><strong>Mezclar suavemente:</strong> Con una cuchara larga, mezcla suavemente los ingredientes para integrar los sabores sin romper demasiado el hielo.</li>
        <li><strong>Decorar:</strong> Añade <strong><span class="q" data-key="decoration"></span></strong> opcional de canela o ralladura de chocolate por encima. Acompaña con un pequeño corazón de chocolate al lado del vaso. ¡Tu Suspiro de Café está listo para disfrutar! ✨💕</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>🍴 Tips para que quede perfecto</h3>
      <ul class="tips-list">
        <li><strong>Espresso de calidad:</strong> El espresso debe ser fuerte y recién preparado. Un buen espresso es la base de esta bebida.</li>
        <li><strong>Hielo grande:</strong> Usa cubos de hielo grandes para evitar que se derrita rápido y diluya la bebida.</li>
        <li><strong>Temperatura:</strong> El contraste entre el espresso caliente y el hielo frío crea una experiencia sensorial única.</li>
        <li><strong>Borde escarchado:</strong> Para escarchar el borde, humedece con limón y pasa por azúcar antes de preparar la bebida.</li>
        <li><strong>Presentación elegante:</strong> La presentación es clave. Usa una copa elegante y decora con esmero.</li>
        <li><strong>Sirve inmediatamente:</strong> Prepara y sirve al momento para disfrutar de todos los aromas y sabores en su punto óptimo.</li>
        <li><strong>Equilibrio de sabores:</strong> Si prefieres menos dulce, reduce un poco la cantidad de licor. Si lo prefieres más dulce, añade un toque más.</li>
        <li><strong>Ambiente romántico:</strong> Esta bebida es perfecta para momentos especiales. Crea el ambiente adecuado con música suave y buena compañía.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones Deliciosas</h3>
      <ul class="tips-list">
        <li><strong>Suspiro Blanco:</strong> Usa licor de crema de whisky (como Baileys) en lugar de Licor 43 para una versión más cremosa.</li>
        <li><strong>Suspiro Picante:</strong> Añade una pizca de chile en polvo o pimienta rosa para un toque picante y exótico.</li>
        <li><strong>Suspiro Helado:</strong> Mezcla todos los ingredientes en una licuadora con hielo para obtener un frappé de café elegante.</li>
        <li><strong>Suspiro Especiado:</strong> Además de la canela, añade una pizca de cardamomo o anís estrellado para más complejidad.</li>
        <li><strong>Suspiro Amargo:</strong> Sustituye el Licor 43 por Fernet o Amaro para una versión más adulta y sofisticada.</li>
        <li><strong>Suspiro Cítrico:</strong> Añade un twist de naranja o una gota de licor de naranja para un toque cítrico refrescante.</li>
        <li><strong>Suspiro Doble:</strong> Prepara un shot doble de espresso para los amantes del café intenso.</li>
        <li><strong>Suspiro de Chocolate:</strong> Añade una cucharadita de sirope de chocolate o crema de cacao para una versión más indulgente.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 3-5 minutos
      </div>
      <div class="time-item">
        <strong>💕 Ocasión:</strong> Perfecta para San Valentín
      </div>
      <div class="time-item">
        <strong>🍸 Porciones:</strong> <span id="servings-display">1</span> bebida(s)
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (1 bebida) ==== */
const INGREDIENTS = [
  { key:"espresso", qty:1, unit:"shot", display:"1 shot", name:"Espresso fuerte de Café ALAMOR" },
  { key:"liquor", qty:1.5, unit:"oz", display:"1½ oz", name:"Licor a elección (preferencia dulce/especiado como Licor 43, licor de café, Baileys o amaretto)" },
  { key:"ice", qty:3, unit:"cubos", display:"3-4 cubos", name:"Hielo grande (cubos sólidos)" },
  { key:"glass", qty:1, unit:"unidad", display:"1", name:"Copa baja tipo whisky" },
  { key:"decoration", qty:0, unit:"", display:"una pizca", name:"Canela o ralladura de chocolate (opcional)" },
  { key:"chocolate_heart", qty:1, unit:"", display:"1", name:"Pequeño corazón de chocolate para acompañar (opcional)" }
];

const MIN = 1, MAX = 8; // Mínimo 1 bebida, máximo 8 bebidas
const BASE = 1; // Receta base para 1 bebida

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "unidad") {
      const amount = Math.round(scaled);
      return `${amount}`;
    }
    
    if (item.unit === "shot") {
      const amount = Math.round(scaled);
      return `${amount} ${amount === 1 ? 'shot' : 'shots'}`;
    }
    
    if (item.unit === "oz") {
      const formatted = formatFraction(scaled);
      return `${formatted} oz`;
    }
    
    if (item.unit === "cubos") {
      const amount = Math.round(scaled * 3.5);
      return `${amount}-${amount + 1} cubos`;
    }
    
    if (item.key === "decoration" || item.key === "chocolate_heart") {
      if (item.key === "decoration") return "una pizca";
      return `${Math.round(scaled)}`;
    }
    
    return item.display;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "bebida" : "bebidas";
    servingsDisplayEl.textContent = persons;
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e4ae01" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2979}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e4be67" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2979}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e4ce86" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2979}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e4dea6" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2979}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/02/13/suspiro-de-cafe-receta/">Suspiro de Café Alamor | Receta para San Valentín</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/02/13/suspiro-de-cafe-receta/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Torta de Café Alamor y banano &#124; Receta fácil</title>
		<link>https://cafealamor.com.ec/2026/01/31/torta-de-cafe-alamor-y-banano-receta-facil/</link>
					<comments>https://cafealamor.com.ec/2026/01/31/torta-de-cafe-alamor-y-banano-receta-facil/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Sat, 31 Jan 2026 19:14:33 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2966</guid>

					<description><![CDATA[<p>Torta de Café y Banano Sin Horno &#8211; Café Alamor 🍌🍰 Torta de Café y Banano (Sin Horno) Una deliciosa torta esponjosa</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/01/31/torta-de-cafe-alamor-y-banano-receta-facil/">Torta de Café Alamor y banano | Receta fácil</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2966" class="elementor elementor-2966">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a6673e9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="a6673e9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97a384" data-id="f97a384" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c7c13f3 elementor-widget elementor-widget-html" data-id="c7c13f3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Torta de Café y Banano Sin Horno - Café Alamor</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2026/01/gpt-image-1.5-high-fidelity_a___prompt____Profe-1.webp" alt="Torta de Café y Banano Sin Horno">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>🍌🍰 Torta de Café y Banano (Sin Horno)</h1>
      <p>Una deliciosa torta esponjosa que no necesita horno. Esta receta combina el intenso sabor del <strong>Café Alamor Tostado y Molido</strong> con el dulzor natural del banano maduro, creando una experiencia única que se prepara directamente en el sartén. ¡Perfecta para cuando quieres un postre casero sin complicaciones!</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2026/01/gpt-image-1.5-high-fidelity_a___prompt____Profe-1.webp" alt="Torta de Café y Banano Sin Horno">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">1</span> <span id="persons-label">torta</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Tostado y Molido</strong> para obtener el mejor sabor.</p>
      <p class="nota">* El café debe prepararse fuerte (más concentrado de lo normal) para que el sabor sea intenso.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para preparar esta deliciosa torta de café y banano con un sabor profundo y auténtico que transformará tu postre casero.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Prepara el café fuerte</h3>
      <ol class="steps">
        <li><strong>Café concentrado:</strong> Prepara <strong><span class="q" data-key="coffee_liquid"></span></strong> de café fuerte usando <strong>Café Alamor tostado y molido</strong>. Usa más café de lo normal para que quede concentrado y el sabor sea intenso. Deja enfriar un poco antes de usar.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Licuar los ingredientes húmedos</h3>
      <ol class="steps" start="2">
        <li><strong>Preparar la base:</strong> En la licuadora, coloca <strong><span class="q" data-key="banana"></span> banano(s)</strong> en rodajas, <strong><span class="q" data-key="coffee_liquid"></span></strong> de café fuerte que preparaste, <strong><span class="q" data-key="egg"></span> huevo(s)</strong>, <strong><span class="q" data-key="sugar"></span> de azúcar blanca</strong> y <strong><span class="q" data-key="milk"></span> de leche</strong> a temperatura ambiente.</li>
        <li><strong>Licuar:</strong> Licúa todo hasta obtener una mezcla completamente uniforme y sin grumos.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Incorporar ingredientes secos</h3>
      <ol class="steps" start="4">
        <li><strong>Agregar secos:</strong> A la mezcla anterior añade <strong><span class="q" data-key="flour"></span> de harina de trigo</strong>, <strong><span class="q" data-key="baking_powder"></span> de polvo para hornear</strong> y <strong><span class="q" data-key="butter"></span> de mantequilla</strong> derretida.</li>
        <li><strong>Integrar:</strong> Mezcla o licúa brevemente hasta que todo esté bien integrado. La mezcla debe quedar homogénea y sin grumos.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Cocinar en sartén sin horno</h3>
      <ol class="steps" start="6">
        <li><strong>Preparar el sartén:</strong> Calienta un sartén antiadherente a fuego medio-bajo. Engrasa ligeramente con mantequilla o aceite.</li>
        <li><strong>Verter la mezcla:</strong> Vierte porciones de la mezcla formando pequeños "pancakes" de aproximadamente 10-12 cm de diámetro. Alternativamente, puedes usar un molde apto para fuego indirecto con tapa.</li>
        <li><strong>Cocinar lentamente:</strong> Cocina a fuego bajo con tapa hasta que la parte de abajo esté firme y dorada (unos 3-4 minutos). Voltea cuidadosamente y cocina el otro lado hasta que esté completamente cocido por dentro.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 5: Armar y decorar la torta</h3>
      <ol class="steps" start="9">
        <li><strong>Apilar las capas:</strong> Si hiciste pancakes, apílalos formando capas. Entre cada capa puedes poner rodajas frescas de banano o rociar un poco de café mezclado con leche para humedecer.</li>
        <li><strong>Decorar al gusto:</strong> Termina decorando con rodajas de banano fresco, nueces picadas, crema batida o sirope de chocolate. ¡Disfruta tu torta casera sin horno! 🍌☕</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>🍴 Tips para que quede perfecta</h3>
      <ul class="tips-list">
        <li><strong>Café intenso:</strong> El café preparado debe ser fuerte (concentrado) para que el sabor se note bien en la torta final.</li>
        <li><strong>Banano maduro:</strong> Usa bananos bien maduros (con puntos marrones) para un sabor más dulce y una textura más cremosa.</li>
        <li><strong>Fuego bajo:</strong> Cocina siempre a fuego bajo para evitar que se queme por fuera y quede crudo por dentro.</li>
        <li><strong>Versión más húmeda:</strong> Si te gusta más húmeda, mezcla un poco de café con leche condensada y rocía entre las capas.</li>
        <li><strong>Crema batida:</strong> Puedes añadir crema batida o una mezcla de café con leche condensada por encima para un toque más dulce.</li>
        <li><strong>Prueba de cocción:</strong> Inserta un palillo en el centro; debe salir limpio cuando esté listo.</li>
        <li><strong>Temperatura ambiente:</strong> Asegúrate de que la leche y el huevo estén a temperatura ambiente para una mejor integración.</li>
        <li><strong>No sobremezclar:</strong> Una vez añadidos los ingredientes secos, mezcla solo hasta integrar para mantener la textura esponjosa.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones Deliciosas</h3>
      <ul class="tips-list">
        <li><strong>Con chocolate:</strong> Añade 2 cucharadas de cacao en polvo a la mezcla para una versión chocolateada.</li>
        <li><strong>Especiada:</strong> Agrega una pizca de canela o nuez moscada para un toque aromático especial.</li>
        <li><strong>Con frutos secos:</strong> Incorpora nueces picadas, almendras o avellanas a la mezcla antes de cocinar.</li>
        <li><strong>Versión vegana:</strong> Sustituye el huevo por un "huevo de lino" (1 cucharada de linaza molida + 3 de agua) y usa leche vegetal.</li>
        <li><strong>Extra café:</strong> Prepara un glaseado de café mezclando azúcar glass con café fuerte y úsalo como cobertura.</li>
        <li><strong>Con chips de chocolate:</strong> Añade chips de chocolate a la mezcla para sorpresas dulces en cada bocado.</li>
        <li><strong>Relleno cremoso:</strong> Entre capas, unta crema de cacahuate o Nutella para un sabor más indulgente.</li>
        <li><strong>Caramelo de café:</strong> Prepara un caramelo mezclando azúcar con café fuerte y úsalo como topping.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 10-15 minutos
      </div>
      <div class="time-item">
        <strong>🔥 Cocción:</strong> 15-20 minutos
      </div>
      <div class="time-item">
        <strong>🍰 Porciones:</strong> <span id="servings-display">1</span> torta(s)
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (1 torta) ==== */
const INGREDIENTS = [
  { key:"banana", qty:1, unit:"unidad", display:"1", name:"Banano maduro (en rodajas)" },
  { key:"coffee_liquid", qty:0.25, unit:"taza", display:"¼ de taza", name:"Café fuerte (preparado con más café de lo normal)" },
  { key:"egg", qty:1, unit:"unidad", display:"1", name:"Huevo" },
  { key:"sugar", qty:1, unit:"cucharada", display:"1 cucharada", name:"Azúcar blanca" },
  { key:"milk", qty:2, unit:"cucharada", display:"2 cucharadas", name:"Leche a temperatura ambiente" },
  { key:"flour", qty:6, unit:"cucharada", display:"6 cucharadas", name:"Harina de trigo común" },
  { key:"baking_powder", qty:1, unit:"cucharadita", display:"1 cucharadita", name:"Polvo para hornear" },
  { key:"butter", qty:1, unit:"cucharada", display:"1 cucharada", name:"Mantequilla derretida" },
  { key:"banana_decoration", qty:0, unit:"", display:"opcional", name:"Más rodajas de banano para decorar" },
  { key:"nuts_toppings", qty:0, unit:"", display:"opcional", name:"Nueces o toppings al gusto" }
];

const MIN = 1, MAX = 6; // Mínimo 1 torta, máximo 6 tortas
const BASE = 1; // Receta base para 1 torta

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "unidad") {
      const amount = Math.round(scaled);
      return `${amount}`;
    }
    
    if (item.unit === "taza") {
      const formatted = formatFraction(scaled);
      if (scaled === 1) return "1 taza";
      if (scaled < 1) return `${formatted} de taza`;
      return `${formatted} tazas`;
    }
    
    if (item.unit === "cucharada") {
      const amount = scaled;
      if (amount < 1) {
        const tsp = amount * 3; // 1 cucharada = 3 cucharaditas
        const formatted = formatFraction(tsp);
        return `${formatted} ${tsp === 1 ? 'cucharadita' : 'cucharaditas'}`;
      }
      const formatted = formatFraction(amount);
      return `${formatted} ${amount === 1 ? 'cucharada' : 'cucharadas'}`;
    }
    
    if (item.unit === "cucharadita") {
      const amount = scaled;
      const formatted = formatFraction(amount);
      if (amount === 0) return item.display;
      if (amount === 1) return "1 cucharadita";
      if (amount < 1) return `${formatted} cucharadita`;
      return `${formatted} cucharaditas`;
    }
    
    if (item.key === "banana_decoration" || item.key === "nuts_toppings") {
      return item.display;
    }
    
    return item.display;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "torta" : "tortas";
    servingsDisplayEl.textContent = persons;
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e550b5" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2966}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e560f5" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2966}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e57128" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2966}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e5817c" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2966}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/01/31/torta-de-cafe-alamor-y-banano-receta-facil/">Torta de Café Alamor y banano | Receta fácil</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/01/31/torta-de-cafe-alamor-y-banano-receta-facil/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Mocha Frappé con café tostado y molido Alamor &#124; Receta fría fácil</title>
		<link>https://cafealamor.com.ec/2026/01/24/mocha-frappe-cafe-tostado-molido-alamor/</link>
					<comments>https://cafealamor.com.ec/2026/01/24/mocha-frappe-cafe-tostado-molido-alamor/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Sat, 24 Jan 2026 20:38:01 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2956</guid>

					<description><![CDATA[<p>Mocha Frappé con Café Alamor &#8211; Enero 2026 Mocha Frappé con Café Alamor Una deliciosa bebida fría perfecta para los días calurosos.</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/01/24/mocha-frappe-cafe-tostado-molido-alamor/">Mocha Frappé con café tostado y molido Alamor | Receta fría fácil</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2956" class="elementor elementor-2956">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a6673e9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="a6673e9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97a384" data-id="f97a384" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c7c13f3 elementor-widget elementor-widget-html" data-id="c7c13f3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mocha Frappé con Café Alamor - Enero 2026</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2026/01/asdasdasdasda.webp" alt="Mocha Frappé con Café Alamor">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Mocha Frappé con Café Alamor</h1>
      <p>Una deliciosa bebida fría perfecta para los días calurosos. Este mocha frappé combina el intenso sabor del <strong>Café Alamor Tostado y Molido</strong> con chocolate cremoso, creando una experiencia refrescante y llena de sabor que te encantará.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2026/01/asdasdasdasda.webp" alt="Mocha Frappé con Café Alamor">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">1</span> <span id="persons-label">porción</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Tostado y Molido</strong> para obtener el mejor sabor.</p>
      <p class="nota">* Para un café más concentrado, prepara con prensa francesa o cafetera moka.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para preparar este delicioso mocha frappé con un sabor profundo y auténtico que transformará tu bebida fría favorita.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Prepara café concentrado con Alamor</h3>
      <ol class="steps">
        <li><strong>Calentar el agua:</strong> Calienta <strong><span class="q" data-key="water"></span></strong> de agua hasta que esté muy caliente pero sin llegar a hervir.</li>
        <li><strong>Preparar el café:</strong> Coloca <strong><span class="q" data-key="coffee"></span></strong> de <strong>Café Alamor tostado y molido</strong> en un filtro estilo prensa o de tela y vierte el agua caliente encima.</li>
        <li><strong>Extraer:</strong> Deja reposar 2–3 minutos y exprime ligeramente el filtro para extraer el café. Esto te da un café más concentrado estilo espresso suave.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Endulza y aromatiza</h3>
      <ol class="steps" start="4">
        <li><strong>Mezclar sabores:</strong> En <strong><span id="container-text">una jarra o taza</span></strong>, mezcla tu café concentrado con <strong><span class="q" data-key="chocolate_syrup"></span></strong> de sirope de chocolate y <strong><span class="q" data-key="vanilla"></span></strong> de extracto de vainilla (si lo usas).</li>
        <li><strong>Integrar:</strong> Revuelve bien hasta que el sirope se integre completamente con el café.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Licúa el frappé</h3>
      <ol class="steps" start="6">
        <li><strong>Agregar hielo:</strong> En la licuadora agrega primero <strong><span class="q" data-key="ice"></span></strong> de hielo.</li>
        <li><strong>Añadir líquidos:</strong> Luego, vierte la mezcla de café-chocolate-vainilla y añade <strong><span class="q" data-key="milk"></span></strong> de leche fría.</li>
        <li><strong>Licuar:</strong> Licúa todo hasta obtener una textura suave y espumosa.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Sirve y decora</h3>
      <ol class="steps" start="9">
        <li><strong>Servir:</strong> Vierte tu frappé en <strong><span id="glass-text">un vaso alto</span></strong>.</li>
        <li><strong>Decorar:</strong> Añade crema batida por encima si quieres y decora con virutas o sirope de chocolate extra. ¡Disfruta tu refrescante Mocha Frappé! ☕🍫</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>🍫 Consejos para que quede perfecto</h3>
      <ul class="tips-list">
        <li><strong>Café más intenso:</strong> Si quieres que tenga más sabor a café intenso, usa un poco más de café Alamor o prepara el café concentrado con un método como prensa francesa o una cafetera moka antes.</li>
        <li><strong>Alternativas de leche:</strong> Puedes sustituir la leche por leche de almendras, avena o coco para versiones más ligeras o vegetales.</li>
        <li><strong>Más chocolate:</strong> Agrega una segunda cucharada de sirope o un poco de cacao puro antes de licuar para un sabor más intenso.</li>
        <li><strong>Textura perfecta:</strong> La cantidad de hielo determina qué tan espeso quedará. Más hielo = más espeso; menos hielo = más líquido.</li>
        <li><strong>Temperatura del café:</strong> Deja que el café concentrado se enfríe un poco antes de licuar para evitar derretir demasiado el hielo.</li>
        <li><strong>Sirope casero:</strong> Puedes hacer tu propio sirope de chocolate mezclando cacao en polvo con agua caliente y azúcar.</li>
        <li><strong>Endulzante:</strong> Ajusta el dulzor a tu gusto. Si prefieres menos dulce, reduce el sirope de chocolate.</li>
        <li><strong>Presentación:</strong> Decora el vaso por dentro con sirope de chocolate antes de verter el frappé para un efecto visual espectacular.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones Deliciosas</h3>
      <ul class="tips-list">
        <li><strong>Frappé de chocolate blanco:</strong> Sustituye el sirope de chocolate por sirope de chocolate blanco para un sabor más suave.</li>
        <li><strong>Versión con caramelo:</strong> Añade una cucharada de sirope de caramelo junto con el chocolate para un mocha caramel frappé.</li>
        <li><strong>Menta chocolate:</strong> Agrega unas gotas de extracto de menta para crear un refrescante mocha mint frappé.</li>
        <li><strong>Extra proteína:</strong> Añade una cucharada de proteína en polvo sabor chocolate o vainilla antes de licuar.</li>
        <li><strong>Versión vegana:</strong> Usa leche vegetal y crema batida de coco para una versión 100% vegana.</li>
        <li><strong>Mocha avellana:</strong> Sustituye el extracto de vainilla por extracto de avellana o añade sirope de avellana.</li>
        <li><strong>Frappé especiado:</strong> Añade una pizca de canela o cardamomo al café antes de prepararlo.</li>
        <li><strong>Con helado:</strong> Sustituye algunos cubos de hielo por una bola de helado de vainilla o chocolate para una versión más cremosa.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 5-7 minutos
      </div>
      <div class="time-item">
        <strong>☕ Tiempo de reposo:</strong> 2-3 minutos
      </div>
      <div class="time-item">
        <strong>🍫 Porciones:</strong> <span id="servings-display">1</span>
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (1 porción) ==== */
const INGREDIENTS = [
  { key:"coffee", qty:1.5, unit:"cucharada", display:"1–2 cucharadas", name:"Café Alamor tostado y molido (aprox. 10–12 g)" },
  { key:"water", qty:60, unit:"ml", display:"60ml", name:"Agua caliente (casi hirviendo)" },
  { key:"ice", qty:10, unit:"cubo", display:"9–12 cubos", name:"Hielo" },
  { key:"milk", qty:140, unit:"ml", display:"140ml", name:"Leche fría (entera o vegetal)" },
  { key:"chocolate_syrup", qty:1, unit:"cucharada", display:"1 cucharada", name:"Sirope de chocolate (más extra para decorar)" },
  { key:"vanilla", qty:0.5, unit:"cucharadita", display:"½ cucharadita", name:"Extracto de vainilla (opcional)" },
  { key:"whipped_cream", qty:0, unit:"", display:"opcional", name:"Crema batida (para decorar)" },
  { key:"chocolate_shavings", qty:0, unit:"", display:"opcional", name:"Virutas de chocolate (opcional)" }
];

const MIN = 1, MAX = 8; // Mínimo 1 porción, máximo 8 porciones
const BASE = 1; // Receta base para 1 porción

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const containerTextEl = document.getElementById("container-text");
  const glassTextEl = document.getElementById("glass-text");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "cucharada") {
      const amount = scaled;
      if (amount < 1) {
        const tsp = amount * 3; // 1 cucharada = 3 cucharaditas
        return `${Math.round(tsp)} ${tsp === 1 ? 'cucharadita' : 'cucharaditas'}`;
      }
      const formatted = formatFraction(amount);
      return `${formatted} ${amount === 1 ? 'cucharada' : 'cucharadas'}`;
    }
    
    if (item.unit === "cucharadita") {
      const amount = scaled;
      const formatted = formatFraction(amount);
      if (amount === 0) return item.display;
      if (amount === 1) return "1 cucharadita";
      if (amount < 1) return `${formatted} cucharadita`;
      return `${formatted} cucharaditas`;
    }
    
    if (item.unit === "ml") {
      const amount = Math.round(scaled);
      return `${amount}ml`;
    }
    
    if (item.unit === "cubo") {
      const min = Math.round(scaled * 0.9);
      const max = Math.round(scaled * 1.2);
      return `${min}–${max} ${scaled === 1 ? 'cubo' : 'cubos'}`;
    }
    
    if (item.key === "whipped_cream" || item.key === "chocolate_shavings") {
      return item.display;
    }
    
    return item.display;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    
    if (persons === 1) {
      containerTextEl.textContent = "una jarra o taza";
      glassTextEl.textContent = "un vaso alto";
    } else {
      containerTextEl.textContent = `${persons} jarras o tazas`;
      glassTextEl.textContent = `${persons} vasos altos`;
    }
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e607a0" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2956}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e617c8" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2956}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e627fb" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2956}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e637b6" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2956}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/01/24/mocha-frappe-cafe-tostado-molido-alamor/">Mocha Frappé con café tostado y molido Alamor | Receta fría fácil</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/01/24/mocha-frappe-cafe-tostado-molido-alamor/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Café con Queso Fundido y Espuma de Canela</title>
		<link>https://cafealamor.com.ec/2026/01/17/cafe-alamor-queso-fundido-canela/</link>
					<comments>https://cafealamor.com.ec/2026/01/17/cafe-alamor-queso-fundido-canela/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Sat, 17 Jan 2026 14:55:50 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2906</guid>

					<description><![CDATA[<p>Café Alamor con Queso Fundido y Espuma de Canela &#8211; Enero 2026 Café Alamor con Queso Fundido y Espuma de Canela Una</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/01/17/cafe-alamor-queso-fundido-canela/">Café con Queso Fundido y Espuma de Canela</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2906" class="elementor elementor-2906">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a6673e9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="a6673e9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97a384" data-id="f97a384" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c7c13f3 elementor-widget elementor-widget-html" data-id="c7c13f3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Café Alamor con Queso Fundido y Espuma de Canela - Enero 2026</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://invitartes.com/wp-content/uploads/2026/01/gemini-3-pro-image-preview-2k-nano-banana-pro_b___prompt____Hyper-scaled.webp" alt="Café Alamor con Queso Fundido y Espuma de Canela">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Café Alamor con Queso Fundido y Espuma de Canela</h1>
      <p>Una experiencia única que combina el excepcional <strong>Café Alamor Clásico</strong> con queso fresco ecuatoriano y una delicada espuma de canela. Una tradición ecuatoriana elevada a un nivel gourmet que sorprenderá tu paladar con la perfecta armonía entre lo salado del queso y lo aromático del café.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://invitartes.com/wp-content/uploads/2026/01/gemini-3-pro-image-preview-2k-nano-banana-pro_b___prompt____Hyper-scaled.webp" alt="Café Alamor con Queso Fundido y Espuma de Canela">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">1</span> <span id="persons-label">porción</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Clásico Tostado y Molido</strong> para obtener el mejor sabor.</p>
      <p class="nota">* El café debe estar bien caliente para fundir el queso correctamente.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para esta preparación tradicional ecuatoriana que resalta el contraste entre el sabor del café y la cremosidad del queso fundido.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Preparar el café</h3>
      <ol class="steps">
        <li><strong>Preparar el café:</strong> Prepara <strong><span class="q" data-key="coffee_ground"></span></strong> de <strong>Café Alamor Clásico</strong> con <strong><span class="q" data-key="water"></span></strong> de agua. Hazlo en greca, colado, o como prefieras. Lo importante es que quede bien caliente y fuerte para que el sabor resalte con el queso.</li>
        <li><strong>Endulzar (opcional):</strong> Si lo deseas, añade <strong>azúcar o panela al gusto</strong> mientras el café aún está caliente. Mezcla bien hasta disolver completamente.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Preparar el queso y servir</h3>
      <ol class="steps" start="3">
        <li><strong>Colocar el queso:</strong> En <strong><span id="container-text">una taza grande</span></strong>, coloca <strong><span class="q" data-key="cheese"></span></strong> de <strong>queso fresco ecuatoriano</strong>. <strong>No lo piques, déjalo en un trozo grande</strong>. Esto es importante para la experiencia tradicional.</li>
        <li><strong>Verter el café:</strong> Vierte el café caliente directamente sobre el queso. El calor del café irá ablandando el queso poco a poco, creando una textura suave y cremosa perfecta para disfrutar con cuchara.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Preparar la espuma de canela (el toque especial)</h3>
      <ol class="steps" start="5">
        <li><strong>Calentar la leche:</strong> En una ollita pequeña, calienta <strong><span class="q" data-key="milk"></span></strong> de <strong>leche entera</strong> con <strong><span class="q" data-key="sugar"></span></strong> de <strong>azúcar</strong>. Calienta sin que hierva, solo hasta que esté bien caliente al tacto.</li>
        <li><strong>Crear la espuma:</strong> Retira del fuego y bate vigorosamente con un espumador de leche o batidor manual hasta conseguir una espuma cremosa y abundante. Si tienes espumador eléctrico, úsalo para mejores resultados.</li>
        <li><strong>Coronar con espuma:</strong> Agrega la espuma encima del café con queso con cuidado. Si deseas, espolvorea <strong>canela molida</strong> por encima para darle ese toque aromático final.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Disfrutar</h3>
      <ol class="steps" start="8">
        <li><strong>Cómo tomarlo:</strong> Ve tomando sorbos de café con la espuma de canela. Mientras tanto, con la cuchara ve sacando pedacitos del queso que ya se ha ablandado con el calor del café.</li>
        <li><strong>La magia del contraste:</strong> Disfruta de la combinación única de lo salado del queso con lo dulce y amargo del café, complementado por la cremosidad de la espuma. ¡Esta mezcla de sabores y texturas es lo que hace especial a esta bebida tradicional ecuatoriana! ☕🧀</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>☕ Consejos del Chef con Café Alamor</h3>
      <ul class="tips-list">
        <li><strong>Calidad del café:</strong> El Café Alamor Clásico, con sus notas achocolatadas, crea un contraste perfecto con la salinidad del queso fresco ecuatoriano.</li>
        <li><strong>Temperatura del café:</strong> El café debe estar bien caliente (no tibio) para que el queso se ablande correctamente. Esta es la clave de la preparación.</li>
        <li><strong>Tipo de queso:</strong> Usa queso fresco ecuatoriano auténtico. Su textura y sabor son ideales. Evita quesos muy salados o añejos.</li>
        <li><strong>Tamaño del queso:</strong> Un pedazo grande (40-50g) es ideal. No lo cortes en cubitos; la idea es que se vaya ablandando mientras tomas el café.</li>
        <li><strong>Leche para espuma:</strong> La leche entera crea una espuma más cremosa y estable. Leche descremada produce menos espuma.</li>
        <li><strong>Técnica de espumado:</strong> Si no tienes espumador, puedes usar un frasco con tapa: llena 1/3 del frasco con leche caliente y agita vigorosamente por 30 segundos.</li>
        <li><strong>Canela fresca:</strong> Si tienes canela en rama, rállala en el momento para un aroma más intenso y auténtico.</li>
        <li><strong>Taza adecuada:</strong> Usa una taza grande y ancha para que sea fácil sacar el queso con la cuchara mientras tomas el café.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones Deliciosas</h3>
      <ul class="tips-list">
        <li><strong>Versión con panela:</strong> Sustituye el azúcar por panela rallada o en trozos pequeños para un sabor más tradicional y caramelizado.</li>
        <li><strong>Espuma de vainilla:</strong> Añade unas gotas de extracto de vainilla a la leche antes de espumar para un toque más aromático.</li>
        <li><strong>Con chocolate:</strong> Agrega una cucharadita de cacao en polvo a la espuma para crear una versión tipo mocha con queso.</li>
        <li><strong>Doble queso:</strong> Usa dos tipos de queso fresco de diferentes regiones del Ecuador para explorar distintos sabores.</li>
        <li><strong>Espuma especiada:</strong> Además de canela, añade una pizca de nuez moscada o cardamomo a la espuma.</li>
        <li><strong>Versión fría:</strong> Para días calurosos, usa café frío tipo cold brew y queso fresco. La espuma se prepara igual con leche fría espumada.</li>
        <li><strong>Con miel:</strong> En lugar de azúcar, endulza el café con miel de abeja ecuatoriana para un sabor más complejo.</li>
        <li><strong>Café con quesillo:</strong> Sustituye el queso fresco por quesillo (requesón ecuatoriano) para una textura diferente.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 8-10 minutos
      </div>
      <div class="time-item">
        <strong>☕ Tiempo de cocción:</strong> 5 minutos
      </div>
      <div class="time-item">
        <strong>🧀 Porciones:</strong> <span id="servings-display">1</span>
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (1 porción) ==== */
const INGREDIENTS = [
  { key:"coffee_ground", qty:2, unit:"cucharada", display:"2 cucharadas", name:"Café Alamor Clásico molido" },
  { key:"water", qty:250, unit:"ml", display:"250ml", name:"Agua" },
  { key:"cheese", qty:45, unit:"g", display:"40-50g", name:"Queso fresco ecuatoriano (1 pedazo grande)" },
  { key:"milk", qty:100, unit:"ml", display:"100ml", name:"Leche entera para espuma" },
  { key:"sugar", qty:1, unit:"cucharadita", display:"1 cucharadita", name:"Azúcar para la espuma" },
  { key:"sugar_coffee", qty:0, unit:"", display:"al gusto", name:"Azúcar o panela para el café (opcional)" },
  { key:"cinnamon", qty:0, unit:"pizca", display:"opcional", name:"Canela molida (opcional)" }
];

const MIN = 1, MAX = 8; // Mínimo 1 porción, máximo 8 porciones
const BASE = 1; // Receta base para 1 porción

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const containerTextEl = document.getElementById("container-text");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "cucharada") {
      const amount = scaled;
      if (amount < 1) {
        const tsp = amount * 3; // 1 cucharada = 3 cucharaditas
        return `${Math.round(tsp)} ${tsp === 1 ? 'cucharadita' : 'cucharaditas'}`;
      }
      const formatted = formatFraction(amount);
      return `${formatted} ${amount === 1 ? 'cucharada' : 'cucharadas'}`;
    }
    
    if (item.unit === "cucharadita") {
      const amount = Math.round(scaled);
      if (amount === 0) return item.display;
      if (amount === 1) return "1 cucharadita";
      return `${amount} cucharaditas`;
    }
    
    if (item.unit === "ml") {
      const amount = Math.round(scaled);
      return `${amount}ml`;
    }
    
    if (item.unit === "g") {
      const amount = Math.round(scaled);
      return `${amount}g`;
    }
    
    if (item.key === "sugar_coffee" || item.key === "cinnamon") {
      return item.display;
    }
    
    return item.display;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    
    if (persons === 1) {
      containerTextEl.textContent = "una taza grande";
    } else {
      containerTextEl.textContent = `${persons} tazas grandes`;
    }
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e6b12b" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2906}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e6c1cb" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2906}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e6d1a8" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2906}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e6e1a3" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2906}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/01/17/cafe-alamor-queso-fundido-canela/">Café con Queso Fundido y Espuma de Canela</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/01/17/cafe-alamor-queso-fundido-canela/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>¿Cómo preparar OVERNIGHT OATS DE CAFÉ?</title>
		<link>https://cafealamor.com.ec/2026/01/07/overnight-oats-cafe-alamor/</link>
					<comments>https://cafealamor.com.ec/2026/01/07/overnight-oats-cafe-alamor/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Wed, 07 Jan 2026 01:26:00 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2867</guid>

					<description><![CDATA[<p>Overnight Oats de Café Alamor &#8211; Enero 2026 Overnight Oats de Café Alamor Un desayuno energizante y práctico que combina el excepcional</p>
<p>La entrada <a href="https://cafealamor.com.ec/2026/01/07/overnight-oats-cafe-alamor/">¿Cómo preparar OVERNIGHT OATS DE CAFÉ?</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2867" class="elementor elementor-2867">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b0a67af elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="b0a67af" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8142fb3" data-id="8142fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5d3e3d9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="5d3e3d9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a5b364" data-id="0a5b364" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b5b3fbe elementor-widget elementor-widget-html" data-id="b5b3fbe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Overnight Oats de Café Alamor - Enero 2026</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2026/01/kling_20260107_Image_Reference_____prompt_2398_0.webp" alt="Overnight Oats de Café Alamor">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Overnight Oats de Café Alamor</h1>
      <p>Un desayuno energizante y práctico que combina el excepcional <strong>Café Alamor Clásico</strong> con avena, yogur cremoso, semillas de chía y un toque de miel. Prepara la noche anterior y despierta con un desayuno delicioso y nutritivo listo para disfrutar.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2026/01/kling_20260107_Image_Reference_____prompt_2398_0.webp" alt="Overnight Oats de Café Alamor">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">1</span> <span id="persons-label">porción</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Clásico Tostado y Molido</strong> para obtener el mejor sabor.</p>
      <p class="nota">* El café debe estar completamente frío antes de mezclar.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para estos overnight oats que resaltan sus características únicas con la cremosidad del yogur y la textura de la avena.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Preparar el café</h3>
      <ol class="steps">
        <li><strong>Preparar el café:</strong> Prepara <strong><span class="q" data-key="coffee"></span></strong> de <strong>Café Alamor Clásico</strong> bien concentrado. La intensidad del café es clave para que el sabor se perciba bien tras refrigerar toda la noche.</li>
        <li><strong>Enfriar completamente:</strong> Deja que el café se enfríe a temperatura ambiente y luego refrigéralo hasta que esté completamente frío. Esto es importante para no alterar la textura del yogur.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Mezclar los ingredientes</h3>
      <ol class="steps" start="3">
        <li><strong>Preparar el recipiente:</strong> En <strong><span id="container-text">un frasco de vidrio con tapa o recipiente hermético</span></strong>, coloca <strong><span class="q" data-key="oats"></span></strong> de <strong>avena en hojuelas</strong>.</li>
        <li><strong>Añadir el café:</strong> Vierte el café frío sobre la avena. Mezcla ligeramente para que la avena se humedezca uniformemente.</li>
        <li><strong>Incorporar el yogur:</strong> Agrega <strong><span class="q" data-key="yogurt"></span></strong> de <strong>yogur natural o griego</strong>. Mezcla bien hasta que todos los ingredientes estén completamente integrados.</li>
        <li><strong>Añadir chía y miel:</strong> Incorpora <strong><span class="q" data-key="chia"></span></strong> de <strong>semillas de chía</strong> y <strong><span class="q" data-key="honey"></span></strong> de <strong>miel</strong> (ajusta al gusto). Mezcla nuevamente.</li>
        <li><strong>Opcional - Saborizantes:</strong> Si deseas, añade unas gotas de <strong>extracto de vainilla</strong> o una pizca de <strong>canela en polvo</strong> para más sabor.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Refrigerar y servir</h3>
      <ol class="steps" start="8">
        <li><strong>Tapar y refrigerar:</strong> Cierra bien el recipiente con su tapa y lleva al refrigerador durante un mínimo de <strong>4 horas</strong>, pero idealmente toda la noche (8-12 horas). Durante este tiempo, la avena absorberá el líquido y las semillas de chía crearán una textura cremosa.</li>
        <li><strong>Revisar consistencia:</strong> Por la mañana, revuelve los overnight oats. Si están muy espesos, puedes añadir un poco más de café frío o leche para ajustar la consistencia.</li>
        <li><strong>Añadir toppings:</strong> Decora con tus ingredientes favoritos: <strong>frutas frescas</strong> (plátano, fresas, arándanos), <strong>nueces o almendras</strong>, <strong>coco rallado</strong>, <strong>chispas de chocolate</strong>, o más miel al gusto.</li>
        <li><strong>Disfrutar:</strong> Puedes comerlos directamente del frasco frío o llevarlos contigo. ¡El desayuno perfecto para empezar el día con energía! ☕</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>☕ Consejos del Chef con Café Alamor</h3>
      <ul class="tips-list">
        <li><strong>Calidad del café:</strong> El Café Alamor Clásico, con sus notas achocolatadas, aporta un sabor rico y profundo que se intensifica durante la refrigeración nocturna.</li>
        <li><strong>Café frío es clave:</strong> Nunca agregues café caliente, ya que esto puede hacer que el yogur se corte o alterar la textura de la avena.</li>
        <li><strong>Tipo de avena:</strong> Usa avena en hojuelas tradicional, no instantánea. La avena en hojuelas mantiene mejor su textura tras refrigerar.</li>
        <li><strong>Yogur griego vs natural:</strong> El yogur griego da una textura más espesa y cremosa, mientras que el natural da una consistencia más ligera. Ambos funcionan perfectamente.</li>
        <li><strong>Semillas de chía:</strong> Las semillas de chía absorben líquido y crean una textura tipo pudín, además de aportar omega-3 y fibra.</li>
        <li><strong>Ajuste de dulzor:</strong> La cantidad de miel es flexible. Puedes usar más o menos según tu preferencia, o sustituir con sirope de maple o azúcar morena.</li>
        <li><strong>Preparación semanal:</strong> Prepara varios frascos el domingo y tendrás desayunos listos toda la semana. Se conservan hasta 5 días en refrigeración.</li>
        <li><strong>Frascos recomendados:</strong> Usa frascos de vidrio de 300-500ml con tapa hermética para facilitar el transporte.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones Deliciosas</h3>
      <ul class="tips-list">
        <li><strong>Mocha overnight oats:</strong> Añade 1 cucharada de cacao en polvo a la mezcla para una versión más achocolatada.</li>
        <li><strong>Con mantequilla de maní:</strong> Incorpora 1-2 cucharadas de mantequilla de maní o almendra para más proteína y sabor.</li>
        <li><strong>Versión tropical:</strong> Usa leche de coco en lugar de parte del café y añade mango y coco rallado como topping.</li>
        <li><strong>Chai latte oats:</strong> Agrega una pizca de canela, cardamomo, jengibre y clavo en polvo junto con el café.</li>
        <li><strong>Proteína extra:</strong> Mezcla 1 scoop de proteína en polvo (vainilla o chocolate) para un desayuno más completo.</li>
        <li><strong>Capas decorativas:</strong> Alterna capas de overnight oats con yogur natural y frutas para un efecto visual tipo parfait.</li>
        <li><strong>Sin cafeína nocturna:</strong> Para niños o si prefieres evitar cafeína, sustituye el café por leche con cacao en polvo.</li>
        <li><strong>Versión otoñal:</strong> Añade calabaza en puré, canela, nuez moscada y nueces pecanas para un sabor tipo pumpkin spice.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 5 minutos
      </div>
      <div class="time-item">
        <strong>❄️ Refrigeración:</strong> 4-12 horas
      </div>
      <div class="time-item">
        <strong>🥣 Porciones:</strong> <span id="servings-display">1</span>
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (1 porción) ==== */
const INGREDIENTS = [
  { key:"oats", qty:0.5, unit:"taza", display:"½ taza", name:"Avena en hojuelas" },
  { key:"coffee", qty:0.5, unit:"taza", display:"½ taza", name:"Café Alamor Clásico frío" },
  { key:"yogurt", qty:0.25, unit:"taza", display:"¼ taza", name:"Yogur natural o griego" },
  { key:"chia", qty:1, unit:"cucharada", display:"1 cucharada", name:"Semillas de chía" },
  { key:"honey", qty:1, unit:"cucharadita", display:"1-2 cucharaditas", name:"Miel (al gusto)" },
  { key:"vanilla", qty:0, unit:"gotas", display:"opcional", name:"Extracto de vainilla (opcional)" },
  { key:"cinnamon", qty:0, unit:"pizca", display:"opcional", name:"Canela en polvo (opcional)" }
];

const MIN = 1, MAX = 8; // Mínimo 1 porción, máximo 8 porciones
const BASE = 1; // Receta base para 1 porción

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const containerTextEl = document.getElementById("container-text");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "taza") {
      if (scaled === 0) return item.display;
      const formatted = formatFraction(scaled);
      return `${formatted} ${scaled === 1 ? 'taza' : 'tazas'}`;
    }
    
    if (item.unit === "cucharada") {
      const amount = scaled;
      if (amount < 1) {
        const tsp = amount * 3; // 1 cucharada = 3 cucharaditas
        return `${Math.round(tsp)} ${tsp === 1 ? 'cucharadita' : 'cucharaditas'}`;
      }
      const formatted = formatFraction(amount);
      return `${formatted} ${amount === 1 ? 'cucharada' : 'cucharadas'}`;
    }
    
    if (item.unit === "cucharadita") {
      const amount = Math.round(scaled);
      if (amount === 0) return item.display;
      if (amount === 1) return "1 cucharadita";
      return `${amount} cucharaditas`;
    }
    
    if (item.key === "vanilla" || item.key === "cinnamon") {
      return "opcional";
    }
    
    return item.display;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    
    if (persons === 1) {
      containerTextEl.textContent = "un frasco de vidrio con tapa o recipiente hermético";
    } else {
      containerTextEl.textContent = `${persons} frascos de vidrio con tapa o recipientes herméticos`;
    }
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons--; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons++; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e82719" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2867}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e836dc" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2867}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e847ac" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2867}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e8574c" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2867}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2026/01/07/overnight-oats-cafe-alamor/">¿Cómo preparar OVERNIGHT OATS DE CAFÉ?</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2026/01/07/overnight-oats-cafe-alamor/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>¿Cómo preparar Mousse de Café Alamor? (Para Año Nuevo)</title>
		<link>https://cafealamor.com.ec/2025/12/27/mousse-cafe-alamor-anio-nuevo/</link>
					<comments>https://cafealamor.com.ec/2025/12/27/mousse-cafe-alamor-anio-nuevo/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Sat, 27 Dec 2025 15:04:56 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2822</guid>

					<description><![CDATA[<p>Mousse de Café Alamor &#8211; Año Nuevo Mousse de Café Alamor Un postre elegante y cremoso que combina el excepcional Café Alamor</p>
<p>La entrada <a href="https://cafealamor.com.ec/2025/12/27/mousse-cafe-alamor-anio-nuevo/">¿Cómo preparar Mousse de Café Alamor? (Para Año Nuevo)</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2822" class="elementor elementor-2822">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b0a67af elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="b0a67af" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8142fb3" data-id="8142fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5d3e3d9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="5d3e3d9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a5b364" data-id="0a5b364" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b5b3fbe elementor-widget elementor-widget-html" data-id="b5b3fbe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mousse de Café Alamor - Año Nuevo</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2025/12/gelatinas.webp" alt="Mousse de Café Alamor">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Mousse de Café Alamor</h1>
      <p>Un postre elegante y cremoso que combina el excepcional <strong>Café Alamor Clásico</strong> con crema de leche batida, leche condensada y el toque suave de la gelatina. La decoración con cacao o café molido lo convierte en el postre perfecto para celebrar el Año Nuevo.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/12/gelatinas.webp" alt="Mousse de Café Alamor">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">6</span> <span id="persons-label">porciones</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Clásico Tostado y Molido</strong> para obtener el mejor sabor.</p>
      <p class="nota">* La crema de leche debe estar bien fría para un mejor resultado.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para este mousse de Año Nuevo que resalta sus características únicas con ingredientes cremosos y dulces.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Preparar la gelatina</h3>
      <ol class="steps">
        <li><strong>Hidratar la gelatina:</strong> Disuelve <strong><span class="q" data-key="gelatin"></span></strong> de <strong>gelatina sin sabor</strong> en <strong><span class="q" data-key="water"></span></strong> de agua fría. Deja reposar por 5 minutos hasta que se hinche.</li>
        <li><strong>Calentar a baño maría:</strong> Coloca el recipiente con la gelatina hidratada sobre una olla con agua caliente (baño maría) y calienta hasta que se disuelva completamente y quede líquida.</li>
        <li><strong>Enfriar:</strong> Retira del calor y deja enfriar la gelatina a temperatura ambiente, pero sin que llegue a solidificarse.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Preparar la mezcla de café</h3>
      <ol class="steps" start="4">
        <li><strong>Preparar el café:</strong> Prepara <strong><span class="q" data-key="coffee"></span></strong> de <strong>Café Alamor Clásico</strong> bien concentrado y fuerte. Deja que se enfríe completamente en el refrigerador.</li>
        <li><strong>Mezclar con leche condensada:</strong> En un bowl grande, combina el café frío con <strong><span class="q" data-key="condensed"></span></strong> de <strong>leche condensada</strong>. Mezcla muy bien hasta que esté completamente integrado.</li>
        <li><strong>Incorporar la gelatina:</strong> Añade la gelatina ya tibia (no caliente) a la mezcla de café y leche condensada. Bate bien para integrar completamente.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Batir la crema y armar el mousse</h3>
      <ol class="steps" start="7">
        <li><strong>Batir la crema:</strong> En otro bowl frío, bate <strong><span class="q" data-key="cream"></span></strong> de <strong>crema de leche bien fría</strong> hasta formar picos firmes. La crema debe estar espesa y mantener su forma.</li>
        <li><strong>Integrar suavemente:</strong> Con movimientos envolventes suaves (de abajo hacia arriba), incorpora la mezcla de café a la crema batida. Es importante hacerlo con cuidado para no perder el aire de la crema.</li>
        <li><strong>Preparar la base (opcional):</strong> Si usas <strong><span class="q" data-key="cookies"></span></strong> de <strong>galletas María o bizcochos</strong>, tritúralas finamente y coloca una capa en el fondo de <strong><span id="servings-text">6 copas o vasos</span></strong> elegantes.</li>
        <li><strong>Verter el mousse:</strong> Distribuye la mezcla del mousse uniformemente en las copas, llenándolas hasta 3/4 de su capacidad para dejar espacio para la decoración.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 4: Refrigerar y decorar</h3>
      <ol class="steps" start="11">
        <li><strong>Refrigerar:</strong> Cubre las copas con papel film y lleva al refrigerador por un mínimo de <strong>4 horas</strong>, o idealmente toda la noche para que el mousse adquiera la textura perfecta.</li>
        <li><strong>Decorar:</strong> Antes de servir, espolvorea generosamente <strong>cacao en polvo o café molido</strong> sobre la superficie del mousse.</li>
        <li><strong>Toque festivo:</strong> Decora con una ramita de menta fresca o un bombón de chocolate para darle ese toque especial de Año Nuevo. ¡Perfecto para el brindis de medianoche! 🎉</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>☕ Consejos del Chef con Café Alamor</h3>
      <ul class="tips-list">
        <li><strong>Calidad del café:</strong> El Café Alamor Clásico, con sus notas achocolatadas, complementa perfectamente la cremosidad del mousse y la dulzura de la leche condensada.</li>
        <li><strong>Temperatura de la crema:</strong> Es fundamental que la crema de leche esté muy fría (directo del refrigerador) para que bata correctamente y forme picos firmes.</li>
        <li><strong>Movimientos envolventes:</strong> Al integrar la mezcla de café con la crema batida, usa una espátula con movimientos suaves de abajo hacia arriba para no perder el aire.</li>
        <li><strong>Gelatina correcta:</strong> La gelatina debe estar tibia al agregarla, no caliente, para no derretir la crema batida.</li>
        <li><strong>Tiempo de refrigeración:</strong> Aunque 4 horas es el mínimo, dejarlo toda la noche en el refrigerador da mejor textura y sabor.</li>
        <li><strong>Presentación elegante:</strong> Usa copas de vidrio transparentes para mostrar las capas y crear un efecto visual sofisticado perfecto para las fiestas.</li>
        <li><strong>Base crujiente:</strong> Las galletas María trituradas aportan contraste de textura, pero puedes omitirlas para un mousse completamente suave.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones para Año Nuevo</h3>
      <ul class="tips-list">
        <li><strong>Mousse de mocha:</strong> Añade 2 cucharadas de cacao en polvo a la mezcla de café para una versión más achocolatada.</li>
        <li><strong>Con licor:</strong> Agrega 2-3 cucharadas de licor de café, Baileys o Amaretto para una versión adulta festiva.</li>
        <li><strong>Capas decorativas:</strong> Alterna capas de mousse con crema batida o chocolate rallado para un efecto visual más elaborado.</li>
        <li><strong>Topping de caramelo:</strong> Sirve con un hilo de caramelo salado o sirope de chocolate por encima para más indulgencia.</li>
        <li><strong>Versión individual:</strong> Usa vasitos de shot o copas pequeñas para servir como bocado dulce en fiestas con muchos invitados.</li>
        <li><strong>Base de brownie:</strong> En lugar de galletas, usa cubitos pequeños de brownie en el fondo para un toque extra chocolatoso.</li>
        <li><strong>Decoración dorada:</strong> Añade polvo dorado comestible o perlas de azúcar doradas para un toque de lujo año nuevo.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 20 minutos
      </div>
      <div class="time-item">
        <strong>❄️ Refrigeración:</strong> 4+ horas
      </div>
      <div class="time-item">
        <strong>🍨 Porciones:</strong> <span id="servings-display">6</span>
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (6 porciones) ==== */
const INGREDIENTS = [
  { key:"cream", qty:480, unit:"ml", display:"2 tazas (480ml)", name:"Crema de leche bien fría" },
  { key:"coffee", qty:4, unit:"cucharadas", display:"4 cucharadas", name:"Café Alamor Clásico fuerte y frío" },
  { key:"condensed", qty:397, unit:"g", display:"1 lata (397g)", name:"Leche condensada" },
  { key:"gelatin", qty:1, unit:"sobre", display:"1 sobre", name:"Gelatina sin sabor" },
  { key:"water", qty:4, unit:"cucharadas", display:"4 cucharadas", name:"Agua fría" },
  { key:"cocoa", qty:2, unit:"cucharadas", display:"al gusto", name:"Cacao en polvo o café molido para decorar" },
  { key:"cookies", qty:100, unit:"g", display:"100g (opcional)", name:"Galletas María o bizcochos" }
];

const MIN = 4, MAX = 12; // Mínimo 4 porciones, máximo 12 porciones
const BASE = 6; // Receta base para 6 porciones

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const servingsTextEl = document.getElementById("servings-text");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "ml") {
      const tazas = scaled / 240; // 1 taza = 240ml
      if (tazas >= 1) {
        const tazasFormatted = formatFraction(tazas);
        return `${tazasFormatted} ${tazas === 1 ? 'taza' : 'tazas'} (${Math.round(scaled)}ml)`;
      }
      return `${Math.round(scaled)}ml`;
    }
    
    if (item.unit === "g") {
      if (item.key === "condensed") {
        const latas = scaled / 397;
        if (latas >= 0.9 && latas <= 1.1) return "1 lata (397g)";
        if (latas >= 1.9 && latas <= 2.1) return "2 latas (794g)";
        return `${Math.round(scaled)}g`;
      }
      if (item.key === "cookies") {
        return `${Math.round(scaled)}g (opcional)`;
      }
      return `${Math.round(scaled)}g`;
    }
    
    if (item.unit === "cucharadas") {
      const amount = Math.round(scaled);
      if (amount === 1) return "1 cucharada";
      return `${amount} cucharadas`;
    }
    
    if (item.unit === "sobre") {
      const amount = Math.round(scaled);
      if (amount === 1) return "1 sobre";
      return `${amount} sobres`;
    }
    
    return item.display;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    servingsTextEl.textContent = persons === 1 ? "1 copa o vaso" : `${persons} copas o vasos`;
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons -= 2; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons += 2; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e91c83" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2822}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e92c7d" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2822}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e93c4d" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2822}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e94c0e" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2822}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2025/12/27/mousse-cafe-alamor-anio-nuevo/">¿Cómo preparar Mousse de Café Alamor? (Para Año Nuevo)</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2025/12/27/mousse-cafe-alamor-anio-nuevo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Affogato Navideño con Café Alamor</title>
		<link>https://cafealamor.com.ec/2025/12/22/affogato-navideno-cafe-alamor/</link>
					<comments>https://cafealamor.com.ec/2025/12/22/affogato-navideno-cafe-alamor/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Mon, 22 Dec 2025 04:14:20 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2807</guid>

					<description><![CDATA[<p>Affogato Navideño &#8211; Café Alamor Affogato Navideño con Café Alamor Un postre italiano reinventado con sabores navideños ecuatorianos. Combina el excepcional Café</p>
<p>La entrada <a href="https://cafealamor.com.ec/2025/12/22/affogato-navideno-cafe-alamor/">Affogato Navideño con Café Alamor</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2807" class="elementor elementor-2807">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b0a67af elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="b0a67af" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8142fb3" data-id="8142fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5d3e3d9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="5d3e3d9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a5b364" data-id="0a5b364" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b5b3fbe elementor-widget elementor-widget-html" data-id="b5b3fbe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Affogato Navideño - Café Alamor</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2025/12/cristopherjob71_COMPLETE_-ar_9151_-v_7_6511a498-8d86-44a6-ac5b-cff463a93e8c_2_upscayl_2x_upscayl-standard-4x-scaled.webp" alt="Affogato Navideño con Café Alamor">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Affogato Navideño con Café Alamor</h1>
      <p>Un postre italiano reinventado con sabores navideños ecuatorianos. Combina el excepcional <strong>Café Alamor Clásico</strong> recién preparado y bien concentrado con helado cremoso de ron con pasas. El contraste entre el café caliente y el helado frío, acompañado de panettone, crea una experiencia perfecta para cerrar tus cenas navideñas.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/12/cristopherjob71_COMPLETE_-ar_9151_-v_7_6511a498-8d86-44a6-ac5b-cff463a93e8c_2_upscayl_2x_upscayl-standard-4x-scaled.webp" alt="Affogato Navideño con Café Alamor">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">2</span> <span id="persons-label">porciones</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Clásico Tostado y Molido</strong> preparado más concentrado de lo habitual.</p>
      <p class="nota">* El helado de ron con pasas debe ser de buena calidad para resaltar los sabores.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para este affogato navideño que requiere un café fuerte y concentrado para contrastar perfectamente con el helado de ron con pasas.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Preparar el café concentrado</h3>
      <ol class="steps">
        <li><strong>Preparar el café:</strong> Prepara <strong><span class="q" data-key="coffee"></span></strong> de <strong>Café Alamor Clásico</strong> usando menos agua de lo habitual para obtener un café más concentrado y fuerte.</li>
        <li><strong>Temperatura ideal:</strong> El café debe estar recién preparado y muy caliente. Este contraste de temperatura es esencial para el affogato perfecto.</li>
        <li><strong>Dejar reposar brevemente:</strong> Permite que el café repose 30 segundos después de prepararlo para alcanzar la temperatura óptima de servicio.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Montar el affogato</h3>
      <ol class="steps" start="4">
        <li><strong>Preparar las copas:</strong> Usa <strong><span id="cups-text">2 copas</span></strong> de vidrio o tazones de cerámica resistentes al calor. El vidrio transparente permite apreciar el contraste visual.</li>
        <li><strong>Agregar el helado:</strong> Coloca <strong><span class="q" data-key="icecream"></span></strong> de <strong>helado de ron con pasas</strong> en cada copa. La bola debe ser generosa para equilibrar con el café.</li>
        <li><strong>Verter el café:</strong> Inmediatamente, vierte el café caliente sobre el helado. El café comenzará a derretir suavemente el helado, creando una mezcla cremosa y liberando el aroma del ron y las pasas.</li>
        <li><strong>Decorar (opcional):</strong> Añade <strong>ralladura de chocolate</strong> o espolvorea <strong>canela molida</strong> por encima para darle el toque navideño final.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Servir y disfrutar</h3>
      <ol class="steps" start="8">
        <li><strong>Acompañar con panettone:</strong> Sirve <strong><span class="q" data-key="panettone"></span></strong> de <strong>panettone</strong> al lado. Puedes tostarlo ligeramente para mayor textura y sabor.</li>
        <li><strong>Servir inmediatamente:</strong> El affogato debe disfrutarse al instante para experimentar el contraste perfecto entre temperaturas y texturas.</li>
        <li><strong>Disfrutar:</strong> Alterna cucharadas del affogato con bocados de panettone. El helado se irá derritiendo y mezclando con el café, las pasas se rehidratarán ligeramente liberando más sabor, creando una experiencia única en cada cucharada.</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>☕ Consejos del Chef con Café Alamor</h3>
      <ul class="tips-list">
        <li><strong>Café concentrado:</strong> El Café Alamor Clásico debe prepararse con menos agua de lo normal para que su sabor intenso no se diluya con el helado.</li>
        <li><strong>Calidad del helado:</strong> Invierte en un helado de ron con pasas de buena calidad. El sabor del ron debe ser pronunciado pero no abrumador, y las pasas deben ser abundantes.</li>
        <li><strong>Temperatura del café:</strong> El café debe estar muy caliente (85-90°C) para crear el contraste térmico característico del affogato y rehidratar las pasas.</li>
        <li><strong>Copas adecuadas:</strong> Usa copas de vidrio grueso o cerámica que resistan el cambio de temperatura y permitan apreciar las capas.</li>
        <li><strong>Timing perfecto:</strong> Sirve inmediatamente después de verter el café. El affogato pierde su magia si el helado se derrite completamente.</li>
        <li><strong>Panettone tostado:</strong> Tostar ligeramente el panettone en una sartén o tostadora realza sus sabores y mejora la textura.</li>
        <li><strong>Maridaje perfecto:</strong> El ron con pasas es un sabor ecuatoriano clásico que combina maravillosamente con el café local, creando un postre con identidad nacional.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones navideñas</h3>
      <ul class="tips-list">
        <li><strong>Affogato con helado de vainilla:</strong> Si no encuentras helado de ron con pasas, la vainilla de buena calidad también funciona excelentemente.</li>
        <li><strong>Versión extra ron:</strong> Agrega un shot pequeño de ron ecuatoriano (como Zhumir o Estelar) al café para intensificar el sabor alcohólico.</li>
        <li><strong>Con chocolate:</strong> Añade un shot de sirope de chocolate o espolvorea cacao en polvo sobre el helado antes de verter el café.</li>
        <li><strong>Doble textura:</strong> Espolvorea pasas adicionales hidratadas en ron sobre el helado antes de verter el café.</li>
        <li><strong>Versión especiada:</strong> Añade una pizca de nuez moscada o cardamomo al café antes de prepararlo para un toque aromático extra.</li>
        <li><strong>Con galletas:</strong> Sustituye o complementa el panettone con galletas de jengibre, biscotti italianos o incluso bizcochos ecuatorianos.</li>
        <li><strong>Affogato tropical:</strong> Usa helado de coco con pasas al ron para un toque más ecuatoriano y tropical.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 5 minutos
      </div>
      <div class="time-item">
        <strong>☕ Café:</strong> 3-4 minutos
      </div>
      <div class="time-item">
        <strong>🍨 Porciones:</strong> <span id="servings-display">2</span> porciones
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (2 porciones) ==== */
const INGREDIENTS = [
  { key:"coffee", qty:75, unit:"ml", display:"75ml", name:"Café Alamor Clásico concentrado (recién preparado)" },
  { key:"icecream", qty:2, unit:"bolas", display:"2", name:"Bolas generosas de helado de ron con pasas" },
  { key:"panettone", qty:2, unit:"rebanadas", display:"2", name:"Rebanadas de panettone" },
  { key:"chocolate", qty:1, unit:"cucharadita", display:"Al gusto", name:"Ralladura de chocolate (opcional)" },
  { key:"cinnamon", qty:1, unit:"pizca", display:"Al gusto", name:"Canela molida (opcional)" }
];

const MIN = 1, MAX = 8; // Mínimo 1 porción, máximo 8 porciones
const BASE = 2; // Receta base para 2 porciones

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const cupsTextEl = document.getElementById("cups-text");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "ml") {
      return `${Math.round(scaled)}ml`;
    }
    
    if (item.unit === "bolas") {
      const amount = Math.round(scaled);
      return amount === 1 ? "1 bola" : `${amount} bolas`;
    }
    
    if (item.unit === "rebanadas") {
      const amount = Math.round(scaled);
      return amount === 1 ? "1 rebanada" : `${amount} rebanadas`;
    }
    
    if (item.unit === "cucharadita") {
      return "Al gusto";
    }
    
    if (item.unit === "pizca") {
      return "Al gusto";
    }
    
    return `${Math.round(scaled)} ${item.unit}`;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "porción" : "porciones";
    servingsDisplayEl.textContent = persons;
    cupsTextEl.textContent = persons === 1 ? "1 copa" : `${persons} copas`;
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons -= 1; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons += 1; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e9c32d" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2807}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e9d319" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2807}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e9e2c3" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2807}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357e9f24a" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2807}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2025/12/22/affogato-navideno-cafe-alamor/">Affogato Navideño con Café Alamor</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2025/12/22/affogato-navideno-cafe-alamor/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>¿Cómo preparar Café Mashmallow?</title>
		<link>https://cafealamor.com.ec/2025/12/06/cafe-con-marshmallows-receta-2/</link>
					<comments>https://cafealamor.com.ec/2025/12/06/cafe-con-marshmallows-receta-2/#respond</comments>
		
		<dc:creator><![CDATA[Marketing]]></dc:creator>
		<pubDate>Sat, 06 Dec 2025 19:23:31 +0000</pubDate>
				<category><![CDATA[Recetas]]></category>
		<category><![CDATA[Recetas con Café]]></category>
		<category><![CDATA[Recetas de Café Alamor]]></category>
		<guid isPermaLink="false">https://cafealamor.com.ec/?p=2774</guid>

					<description><![CDATA[<p>Café Marshmallows Navideño &#8211; Café Alamor Café Marshmallows Navideño Una deliciosa preparación que combina el excepcional Café Alamor Clásico con nata montada</p>
<p>La entrada <a href="https://cafealamor.com.ec/2025/12/06/cafe-con-marshmallows-receta-2/">¿Cómo preparar Café Mashmallow?</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2774" class="elementor elementor-2774">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b0a67af elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="b0a67af" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8142fb3" data-id="8142fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5d3e3d9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="5d3e3d9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a5b364" data-id="0a5b364" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b5b3fbe elementor-widget elementor-widget-html" data-id="b5b3fbe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Café Marshmallows Navideño - Café Alamor</title>
</head>
<body>
<section class="hero">
  <img decoding="async" class="hero-bg" src="https://cafealamor.com.ec/wp-content/uploads/2025/12/cristopherjob71_COMPLETE_-ar_9151_-v_7_287c1a7b-2346-4f34-95fd-09596b8856b4_3_upscayl_3x_upscayl-standard-4x-scaled.webp" alt="Café Marshmallows Navideño">
  <div class="hero-scrim" aria-hidden="true"></div>
  <div class="hero-inner">
    <div class="hero-copy">
      <h1>Café Marshmallows Navideño</h1>
      <p>Una deliciosa preparación que combina el excepcional <strong>Café Alamor Clásico</strong> con nata montada esponjosa, marshmallows suaves y el toque festivo de canela. El bastón de caramelo navideño lo convierte en la bebida perfecta para disfrutar en estas fiestas.</p>
    </div>
    <figure class="hero-figure">
      <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/12/cristopherjob71_COMPLETE_-ar_9151_-v_7_287c1a7b-2346-4f34-95fd-09596b8856b4_3_upscayl_3x_upscayl-standard-4x-scaled.webp" alt="Café Marshmallows Navideño">
    </figure>
  </div>
</section>

<section class="ingredientes">
  <div class="wrap">
    <article class="card ingredientes-card" aria-labelledby="ing-title">
      <header class="card-head">
        <h2 id="ing-title">Ingredientes</h2>
        <div class="servings" aria-label="Seleccionar porciones">
          <button class="btn-qty" id="minus" type="button" aria-label="Disminuir">−</button>
          <div class="servings-count"><span id="persons">2</span> <span id="persons-label">tazas</span></div>
          <button class="btn-qty" id="plus" type="button" aria-label="Aumentar">+</button>
        </div>
        <span class="spacer" aria-hidden="true"></span>
      </header>
      <ul class="ing-list" id="ingList"></ul>
      <p class="nota">* Usa <strong>Café Alamor Clásico Tostado y Molido</strong> para obtener el mejor sabor.</p>
      <p class="nota">* La nata montada debe estar bien fría para un mejor resultado.</p>
    </article>
    
    <aside class="card producto-card">
      <h3>Producto recomendado</h3>
      <figure class="prod">
        <img decoding="async" src="https://cafealamor.com.ec/wp-content/uploads/2025/08/200gramos.png" alt="Café Alamor Clásico Tostado y Molido">
      </figure>
      <h4>Café Alamor Clásico Tostado y Molido</h4>
      <p>Café de calidad premium con perfil aromático intenso y notas achocolatadas. Ideal para esta receta navideña que resalta sus características únicas con ingredientes dulces y cremosos.</p>
      <a class="btn" href="https://cafealamor.com.ec/producto/cafe-clasico/" target="_blank" rel="noopener">Ir a comprar</a>
    </aside>
  </div>
</section>

<section class="preparacion">
  <div class="wrap">
    <h2>Preparación de la receta</h2>
    
    <div class="paso-group">
      <h3>Paso 1: Preparar el café</h3>
      <ol class="steps">
        <li><strong>Preparar el café base:</strong> Prepara <strong><span class="q" data-key="coffee"></span></strong> de <strong>Café Alamor Clásico</strong> en tu cafetera habitual (cafetera de filtro, prensa francesa, V60 o tu método preferido).</li>
        <li><strong>Temperatura ideal:</strong> Asegúrate de que el café esté recién preparado y bien caliente para mantener la temperatura perfecta al servir.</li>
        <li><strong>Servir:</strong> Vierte el café caliente en <strong><span id="cups-text">2 tazas</span></strong> grandes, dejando espacio suficiente en la parte superior para los toppings.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 2: Añadir los toppings navideños</h3>
      <ol class="steps" start="4">
        <li><strong>Nata montada:</strong> Agrega una generosa capa de <strong>nata montada</strong> bien fría sobre el café caliente. Usa <strong><span class="q" data-key="cream"></span></strong> en total, distribuyendo uniformemente en cada taza.</li>
        <li><strong>Bastón de caramelo:</strong> Introduce <strong><span class="q" data-key="candy"></span></strong> de <strong>caramelo navideño</strong> en cada taza como decoración festiva y para revolver.</li>
        <li><strong>Marshmallows:</strong> Coloca <strong><span class="q" data-key="marshmallows"></span></strong> de <strong>marshmallows</strong> sobre la nata montada, distribuyéndolos de manera decorativa.</li>
        <li><strong>Toque final:</strong> Espolvorea <strong>canela molida</strong> generosamente sobre toda la superficie para ese aroma navideño característico.</li>
      </ol>
    </div>

    <div class="paso-group">
      <h3>Paso 3: Servir y disfrutar</h3>
      <ol class="steps" start="8">
        <li><strong>Servir inmediatamente:</strong> Sirve el café de inmediato mientras está caliente para disfrutar del contraste de temperaturas entre el café y la nata fría.</li>
        <li><strong>Mezclar al gusto:</strong> Usa el bastón de caramelo para revolver suavemente y mezclar los sabores según tu preferencia.</li>
        <li><strong>Disfrutar:</strong> Toma pequeños sorbos para disfrutar de la combinación de sabores: café intenso, nata cremosa, marshmallows suaves y el toque especiado de la canela.</li>
      </ol>
    </div>
   
    <div class="tips-section">
      <h3>☕ Consejos del Chef con Café Alamor</h3>
      <ul class="tips-list">
        <li><strong>Calidad del café:</strong> El Café Alamor Clásico, con sus notas achocolatadas, complementa perfectamente los sabores dulces de los marshmallows y la nata.</li>
        <li><strong>Nata montada casera:</strong> Si preparas tu propia nata montada, añade una pizca de azúcar glass y extracto de vainilla para más sabor.</li>
        <li><strong>Marshmallows especiales:</strong> Puedes usar marshmallows mini para una distribución más uniforme o marshmallows grandes para un efecto más dramático.</li>
        <li><strong>Bastones de caramelo:</strong> Los bastones de menta o caramelo tradicional funcionan perfectamente. Elige según tu preferencia de sabor.</li>
        <li><strong>Temperatura del café:</strong> El café debe estar muy caliente para mantener la bebida caliente por más tiempo, especialmente con la nata fría encima.</li>
        <li><strong>Presentación:</strong> Usa tazas transparentes de vidrio para mostrar las capas decorativas y crear un efecto visual atractivo.</li>
      </ul>
    </div>

    <div class="variations-section">
      <h3>🎨 Variaciones navideñas</h3>
      <ul class="tips-list">
        <li><strong>Extra chocolate:</strong> Añade una cucharada de chocolate caliente en polvo al café o rocía sirope de chocolate sobre la nata.</li>
        <li><strong>Versión mocha:</strong> Mezcla cacao en polvo con el café antes de servir para una versión más achocolatada.</li>
        <li><strong>Toque especiado:</strong> Agrega una pizca de nuez moscada o jengibre molido junto con la canela para más complejidad.</li>
        <li><strong>Marshmallows tostados:</strong> Usa un soplete de cocina para tostar ligeramente los marshmallows antes de colocarlos (efecto s'mores).</li>
        <li><strong>Versión adulta:</strong> Añade un shot de licor de caramelo, Irish cream o amaretto para una versión con alcohol.</li>
        <li><strong>Sabor a galleta:</strong> Espolvorea galletas de jengibre trituradas sobre la nata para un toque extra festivo.</li>
      </ul>
    </div>
   
    <div class="time-info">
      <div class="time-item">
        <strong>⏱️ Preparación:</strong> 5 minutos
      </div>
      <div class="time-item">
        <strong>☕ Café:</strong> 3-4 minutos
      </div>
      <div class="time-item">
        <strong>🍵 Porciones:</strong> <span id="servings-display">2</span> tazas
      </div>
    </div>
  </div>
</section>

<style>
:root{ --red:#c3171e; --red-dark:#940f14; --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.18); }
/* HERO */
.hero{ position:relative; min-height:clamp(480px,62vh,720px); display:flex; align-items:center; overflow:hidden; background:#2a2a2a; }
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(.98) brightness(.9); transform:scale(1.04); }
.hero-scrim{ position:absolute; inset:0; background:
  radial-gradient(60% 60% at 70% 20%, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 60%),
  linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.62) 55%, rgba(0,0,0,.66)); }
.hero-inner{ position:relative; z-index:2; width:min(1200px,92vw); margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,4vw,40px); align-items:center; padding:clamp(16px,4vw,32px) 0; }
.hero-copy h1{ color:#fff; margin:0 0 .4rem; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.hero-copy p{ color:#ececec; font-size:clamp(16px,1.8vw,18px); line-height:1.6; max-width:56ch; }
.hero-figure{ background:rgba(255,255,255,.08); border-radius:calc(var(--radius)+4px); overflow:hidden; box-shadow:var(--shadow); }
.hero-figure img{ width:100%; height:100%; object-fit:cover; display:block; }
/* SECCIÓN INGREDIENTES */
.ingredientes{ background:#c3171e; padding:clamp(28px,6vw,56px) 0; }
.wrap{ width:min(1200px,92vw); margin:0 auto; }
.ingredientes .wrap{ display:grid; grid-template-columns:1fr .9fr; gap:clamp(16px,3vw,28px); }
.card{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(18px,3vw,26px); }
.ingredientes-card .card-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:clamp(12px,2vw,16px); }
.ingredientes-card h2{ grid-column:1; margin:0; font-size:clamp(22px,2.2vw,26px); }
.spacer{ grid-column:3; }
.servings{ grid-column:2; display:flex; align-items:center; justify-content:center; gap:12px; padding:.5rem 1rem; border-radius:9999px; background:rgba(195,23,30,.12); }
.btn-qty{ width:44px; height:44px; border-radius:12px; border:none; background:var(--red); color:#fff; font-size:24px; display:grid; place-items:center; cursor:pointer; transition: all 0.2s; }
.btn-qty:hover:not(:disabled){ background:var(--red-dark); transform: scale(1.05); }
.btn-qty:disabled{ opacity:.4; cursor:not-allowed; }
.servings-count{ min-width:140px; text-align:center; font-weight:700; color:#222; }
.ing-list{ list-style:none; padding:0; margin:8px 0 10px; display:grid; gap:10px; }
.ing-list li{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; border-bottom:1px dashed #e9e9e9; padding:10px 0; }
.ing-qty{ font-weight:700; color:#222; white-space:nowrap; }
.ing-name{ color:#333; overflow-wrap:anywhere; word-break:break-word; }
.nota{ color:#6b6b6b; font-size:.95rem; margin-top:6px; line-height: 1.5; }
/* RECOMENDADO */
.producto-card{ text-align:center; }
.producto-card h3{ margin:0 0 .5rem; color:#333; }
.prod{ background:#fafafa; border-radius:16px; overflow:hidden; margin:.25rem 0 1rem; display:grid; place-items:center; padding:14px; border:1px solid #eee; }
.prod img{ width:100%; height:auto; max-height:240px; object-fit:cover; border-radius:12px; }
.producto-card h4{ margin:.2rem 0 .4rem; color:#0d2240; }
.btn{ display:inline-block; background:var(--red-dark); color:#fff; text-decoration:none; border-radius:10px; padding:10px 16px; margin-top:10px; transition: all 0.2s; }
.btn:hover{ background:#6b0a0d; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
/* PREPARACIÓN */
.preparacion{ background:#fff; color:#000; padding:clamp(28px,6vw,56px) 0; }
.preparacion h2{ margin:0 0 24px; font-size:clamp(24px,2.5vw,32px); }
.paso-group{ margin-bottom:2rem; }
.paso-group h3{ margin:0 0 12px; font-size:clamp(20px,2.2vw,24px); color:var(--red); }
.steps{ list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:14px; counter-reset:paso; }
.steps li{ position:relative; background:#fff; border:1px solid #eee; box-shadow:var(--shadow); border-radius:14px; padding:18px 18px 18px 64px; line-height: 1.6; }
.steps li::before{ counter-increment:paso; content:counter(paso); position:absolute; left:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-weight:700; }
.tips-section, .variations-section{ background:#f8f8f8; border-radius:var(--radius); padding:clamp(18px,3vw,26px); margin-bottom:2rem; border-left: 4px solid var(--red); }
.tips-section h3, .variations-section h3{ margin:0 0 1rem; color:#333; font-size:clamp(20px,2vw,24px); }
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.tips-list li{ padding-left:28px; position:relative; line-height:1.6; color:#444; }
.tips-list li::before{ content:"☕"; position:absolute; left:0; top:0; }
.time-info{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; background:#fff; border-radius:var(--radius); padding:clamp(16px,3vw,24px); box-shadow:var(--shadow); }
.time-item{ text-align:center; padding:12px; background:#fafafa; border-radius:12px; }
/* Breakpoints */
@media (max-width:1199.98px){ .hero-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:960.98px){
  .hero-inner{ grid-template-columns:1fr; padding-inline: clamp(18px,4vw,28px); }
  .hero-copy{ text-align:center; }
  .hero-copy p{ margin-inline:auto; }
  .hero-figure{ order:-1; }
  .ingredientes .wrap{ grid-template-columns:1fr; }
  .time-info{ grid-template-columns:1fr; }
}
@media (max-width:680.98px){
  .hero{ min-height:60vh; }
  .hero-copy{ text-align:center; padding-inline:18px; }
  .hero-copy h1{ font-size: clamp(28px,8vw,36px); }
  .hero-copy p{ font-size:16px; max-width:32ch; margin-inline:auto; }
  .ingredientes-card .card-head{ grid-template-columns:1fr; row-gap:12px; }
  .ingredientes-card h2{ text-align:center; }
  .servings{ margin-inline:auto; }
  .steps li{ padding:18px 18px 18px 56px; }
  .steps li::before{ width:32px; height:32px; left:10px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce){ .hero-bg{ transform:none; } .btn-qty:hover, .btn:hover{ transform:none; } }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
</style>

<script>
/* ==== Datos base (2 tazas) ==== */
const INGREDIENTS = [
  { key:"coffee", qty:240, unit:"ml", display:"240ml", name:"Café Alamor Clásico recién preparado" },
  { key:"cream", qty:120, unit:"ml", display:"120ml", name:"Nata montada" },
  { key:"marshmallows", qty:8, unit:"unidades", display:"8", name:"Marshmallows" },
  { key:"cinnamon", qty:1, unit:"cucharadita", display:"1 cucharadita", name:"Canela molida" },
  { key:"candy", qty:2, unit:"bastones", display:"2", name:"Bastones de caramelo navideño" }
];

const MIN = 1, MAX = 8; // Mínimo 1 taza, máximo 8 tazas
const BASE = 2; // Receta base para 2 tazas

(function initReceta(){
  const personsEl = document.getElementById("persons");
  const personsLabelEl = document.getElementById("persons-label");
  const servingsDisplayEl = document.getElementById("servings-display");
  const cupsTextEl = document.getElementById("cups-text");
  const listEl = document.getElementById("ingList");
  const btnMinus = document.getElementById("minus");
  const btnPlus = document.getElementById("plus");
  let persons = BASE;
  
  function formatFraction(decimal) {
    const fractions = {
      0.125: "⅛",
      0.25: "¼",
      0.33: "⅓",
      0.5: "½",
      0.66: "⅔",
      0.75: "¾"
    };
    
    const whole = Math.floor(decimal);
    const frac = decimal - whole;
    
    let closestFrac = "";
    let minDiff = 1;
    
    Object.entries(fractions).forEach(([val, symbol]) => {
      const diff = Math.abs(frac - parseFloat(val));
      if (diff < minDiff && diff < 0.15) {
        minDiff = diff;
        closestFrac = symbol;
      }
    });
    
    if (whole === 0 && closestFrac) return closestFrac;
    if (whole > 0 && closestFrac) return `${whole}${closestFrac}`;
    if (whole > 0) return whole.toString();
    return Math.round(decimal * 10) / 10;
  }
 
  function getDisplayMeasure(item, multiplier) {
    const scaled = item.qty * multiplier;
    
    if (item.unit === "ml") {
      return `${Math.round(scaled)}ml`;
    }
    
    if (item.unit === "unidades") {
      const amount = Math.round(scaled);
      return `${amount}`;
    }
    
    if (item.unit === "cucharadita") {
      if (scaled < 0.75) return "½ cucharadita";
      if (scaled < 1.25) return "1 cucharadita";
      if (scaled < 1.75) return "1½ cucharaditas";
      if (scaled < 2.25) return "2 cucharaditas";
      return `${Math.round(scaled)} cucharaditas`;
    }
    
    if (item.unit === "bastones") {
      const amount = Math.round(scaled);
      return `${amount}`;
    }
    
    return `${Math.round(scaled)} ${item.unit}`;
  }
  
  function render(){
    const multiplier = persons / BASE;
   
    personsEl.textContent = persons;
    personsLabelEl.textContent = persons === 1 ? "taza" : "tazas";
    servingsDisplayEl.textContent = persons;
    cupsTextEl.textContent = persons === 1 ? "1 taza" : `${persons} tazas`;
    
    btnMinus.disabled = persons <= MIN;
    btnPlus.disabled = persons >= MAX;
    
    listEl.innerHTML = "";
    INGREDIENTS.forEach(item => {
      const li = document.createElement("li");
      const displayMeasure = getDisplayMeasure(item, multiplier);
      li.innerHTML = `
        <div class="ing-qty"><strong>${displayMeasure}</strong></div>
        <div class="ing-name">${item.name}</div>`;
      listEl.appendChild(li);
    });
    
    // Actualiza cantidades dinámicas dentro de los pasos
    document.querySelectorAll(".q").forEach(el => {
      const key = el.getAttribute("data-key");
      const it = INGREDIENTS.find(i => i.key === key);
      if (!it) return;
      el.textContent = getDisplayMeasure(it, multiplier);
    });
  }
  
  btnMinus.addEventListener("click", ()=>{ if(persons>MIN){ persons -= 1; render(); } });
  btnPlus .addEventListener("click", ()=>{ if(persons<MAX){ persons += 1; render(); } });
  render();
})();
</script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f600ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="f600ae0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a832f6d" data-id="a832f6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-871cfe1 elementor-widget elementor-widget-html" data-id="871cfe1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<section class="cta-tienda-alamor no-js">
<div class="cta-wrap reveal">
<span class="badge">Desde Loja, Ecuador</span>
<h2>Compra tu <span class="highlight">Café Alamor</span> directo en nuestra tienda</h2>
<p class="sub">Aroma auténtico, tueste perfecto y sabor que enamora. Haz tu pedido online y recibe en tu puerta.</p>

<ul class="benefits reveal">
<li>☕ Granos seleccionados de origen lojano</li>
<li>🔥 Tueste y molienda frescos</li>
<li>✓ Pagos seguros • Envíos a todo el país</li>
</ul>

<div class="cta-buttons reveal">
<a class="btn-primary" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Comprar ahora</a>
<a class="btn-ghost" href="https://cafealamor.com.ec/tienda110475312211047531221104753122/" target="_blank" rel="noopener">Ver variedades</a>
</div>

<p class="note reveal">Stock limitado por cosecha. ¡Aprovecha hoy! #PreparadoConAmor</p>
</div>

<div class="beans b1"></div>
<div class="beans b2"></div>
<div class="beans b3"></div>
</section>

<style>
.cta-tienda-alamor {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: 980px;
  margin: 24px auto;
  padding: 40px 28px;
  background: linear-gradient(135deg, #4a2c1f 0%, #6b4423 50%, #8b5a2b 100%);
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.cta-tienda-alamor .cta-wrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cta-tienda-alamor h2 {
  text-align: center;
  margin: 12px 0 16px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
}

.cta-tienda-alamor .highlight {
  color: #ffd89b;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(255, 216, 155, 0.3);
}

.cta-tienda-alamor .sub {
  opacity: 0.96;
  margin: 0 auto 20px;
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.95);
}

.cta-tienda-alamor .badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.95);
  color: #3d2415;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: popIn 0.6s ease both 0.05s;
}

.cta-tienda-alamor .benefits {
  list-style: none;
  padding: 0;
  margin: 20px 0 24px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-tienda-alamor .benefits li {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.cta-tienda-alamor .cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cta-tienda-alamor .btn-primary,
.cta-tienda-alamor .btn-ghost {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cta-tienda-alamor .btn-primary {
  background: linear-gradient(135deg, #ffd89b 0%, #f3c97a 100%);
  color: #2b1813;
  box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35);
  animation: glowPulse 2.4s ease-in-out infinite;
}

.cta-tienda-alamor .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(243, 201, 122, 0.5);
}

.cta-tienda-alamor .btn-ghost {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cta-tienda-alamor .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-tienda-alamor .note {
  font-size: 0.9rem;
  opacity: 0.88;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.9);
}

/* Animaciones de entrada */
.cta-tienda-alamor .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.cta-tienda-alamor .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fallback sin JS */
.cta-tienda-alamor.no-js .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Granos decorativos */
.cta-tienda-alamor .beans {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 35% 35%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 70%);
  filter: blur(20px);
  z-index: 1;
  opacity: 0.4;
  animation: floatY 12s ease-in-out infinite;
}

.cta-tienda-alamor .b1 {
  top: -30px;
  left: -20px;
  animation-delay: 0.2s;
}

.cta-tienda-alamor .b2 {
  bottom: -40px;
  right: -30px;
  animation-delay: 1s;
}

.cta-tienda-alamor .b3 {
  top: 40%;
  left: 60%;
  width: 180px;
  height: 180px;
  animation-delay: 2s;
  opacity: 0.3;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(243, 201, 122, 0.35); }
  50% { box-shadow: 0 10px 30px rgba(243, 201, 122, 0.55); }
}

@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@media (max-width: 520px) {
  .cta-tienda-alamor {
    padding: 32px 20px;
  }
  .cta-tienda-alamor .benefits {
    gap: 8px;
  }
  .cta-tienda-alamor .benefits li {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
}
</style>

<script>
(function() {
  var root = document.querySelector('.cta-tienda-alamor');
  if (!root) return;
  
  root.classList.remove('no-js');
  var els = root.querySelectorAll('.reveal');
  
  if (!('IntersectionObserver' in window)) {
    els.forEach(function(e) { e.classList.add('show'); });
    return;
  }
  
  var io = new IntersectionObserver(function(entries) {
    entries.forEach(function(en) {
      if (en.isIntersecting) {
        en.target.classList.add('show');
        io.unobserve(en.target);
      }
    });
  }, { threshold: 0.12 });
  
  els.forEach(function(el) { io.observe(el); });
})();
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-adccedd elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no" data-id="adccedd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd8630" data-id="ecd8630" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f5af976 elementor-widget elementor-widget-eael-woo-product-carousel" data-id="f5af976" data-element_type="widget" data-e-type="widget" data-widget_type="eael-woo-product-carousel.default">
				<div class="elementor-widget-container">
					
        <div class="swiper-container-wrap eael-woo-product-carousel-container preset-1 swiper-container-wrap-dots-outside" id="eael-product-carousel-f5af976" data-widget-id="f5af976" >
            <div class="woocommerce eael-woo-product-carousel eael-product-appender-f5af976 eael-hover-buttons swiper swiper-8 swiper-container-f5af976 swiper-image-stretch" data-checkout-url="https://cafealamor.com.ec/finalizar-compra/" data-pagination=".swiper-pagination-f5af976" data-arrow-next=".swiper-button-next-f5af976" data-arrow-prev=".swiper-button-prev-f5af976" data-type="preset-1" data-effect="slide" data-items="3" data-slide-items="1" data-margin="10" data-speed="400" data-autoplay="2000" data-loop="1" data-dots="1"><div class="products swiper-wrapper">    <div class="product swiper-slide post-1360 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img fetchpriority="high" decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg" class="attachment-medium size-medium" alt="Café lavado en grano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/alamor222.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/?add-to-cart=1360" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1360" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Lavado y Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Lavado y Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1360" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357ea6343" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1360,&quot;page_id&quot;:2774}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-lavado-y-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Lavado y Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>27.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;27.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>25.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;25.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1356 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-en-grano post-align-left post-vertical-align-middle col-lg-4 col-md-4  instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg" class="attachment-medium size-medium" alt="Café Lojano en grano - ecuatoriano" loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/02/1-300x300.jpg 300w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-420x420.jpg 420w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-100x100.jpg 100w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-800x800.jpg 800w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-150x150.jpg 150w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-768x768.jpg 768w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-1000x1000.jpg 1000w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-230x230.jpg 230w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-350x350.jpg 350w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1-480x480.jpg 480w, https://cafealamor.com.ec/wp-content/uploads/2025/02/1.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/?add-to-cart=1356" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1356" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Natural Tostado (en grano) 1 Kilo&rdquo;" rel="nofollow" data-success_message="«Café Natural Tostado (en grano) 1 Kilo» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1356" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357ea7310" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1356,&quot;page_id&quot;:2774}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-natural-tostado-en-grano-1-kilo/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Natural Tostado (en grano) 1 Kilo</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>20.00</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;20.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>18.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;18.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1327 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 last instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png" class="attachment-medium size-medium" alt="Café Especial: un perfil más sofisticado, con frutas rojas y cuerpo suave." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grnlzsjskjf.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/?add-to-cart=1327" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1327" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Especial 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Especial 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1327" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357ea8339" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1327,&quot;page_id&quot;:2774}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/cafe-alamor-especial-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Especial 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;4.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>4.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;4.00.</span></div>            </div>
        </div>
	</div>
        <div class="product swiper-slide post-1323 type-product status-publish has-post-thumbnail product_cat-cafe-tostado-y-molido post-align-left post-vertical-align-middle col-lg-4 col-md-4 first instock sale shipping-taxable purchasable product-type-simple">
        <div class="eael-product-carousel ">
            <div class="product-image-wrap">
                <div class="image-wrap">
                    <span class="eael-onsale sale-preset-5 ">Sale!</span><img decoding="async" width="300" height="300" src="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png" class="attachment-medium size-medium" alt="Café Clásico: un café suave, con notas frutales. Ideal para el hogar." loading="eager" srcset="https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-300x300.png 300w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-420x420.png 420w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-100x100.png 100w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-150x150.png 150w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-230x230.png 230w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-350x350.png 350w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl-480x480.png 480w, https://cafealamor.com.ec/wp-content/uploads/2025/01/200grlksdlksdl.png 500w" sizes="(max-width: 300px) 100vw, 300px" />                </div>
                <div class="image-hover-wrap">
                    <ul class="icons-wrap box-style">
                                                    <li class="add-to-cart"><div class="loop-button-wrapper"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/?add-to-cart=1323" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1323" data-product_sku="" aria-label="Añadir al carrito: &ldquo;Café Alamor Clásico 200gr&rdquo;" rel="nofollow" data-success_message="«Café Alamor Clásico 200gr» se ha añadido a tu carrito" role="button"><span><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" /></svg></i></span> Añadir al carrito</a></div>	<span id="woocommerce_loop_add_to_cart_link_describedby_1323" class="screen-reader-text">
			</span>
</li>
                                                                                                    <li class="eael-product-quick-view">
                                <a id="eael_quick_view_6a89357ea92d1" data-quickview-setting="{&quot;widget_id&quot;:&quot;f5af976&quot;,&quot;product_id&quot;:1323,&quot;page_id&quot;:2774}"
                                    class="open-popup-link">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </li>
                                                <li class="view-details" title="Details"><a href="https://cafealamor.com.ec/producto/clasico-alamor-200gr/"><i class="fas fa-link"></i></a></li>
                    </ul>
                                    </div>
            </div>
            <div class="product-details-wrap">
                <div class="product-details">
                    <div class="eael-product-title"><h2>Café Alamor Clásico 200gr</h2></div><div class="eael-star-rating"><div class="eael-star-rating star-rating"><span style="width:0%">Valorado con <strong class="rating">0</strong> de 5</span></div></div>
                </div>
                <div class="eael-product-price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.99</bdi></span></del> <span class="screen-reader-text">El precio original era: &#036;2.99.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&#36;</span>2.69</bdi></span></ins><span class="screen-reader-text">El precio actual es: &#036;2.69.</span></div>            </div>
        </div>
	</div>
    </div></div>            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-f5af976 dots-preset-1"></div>
                </div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://cafealamor.com.ec/2025/12/06/cafe-con-marshmallows-receta-2/">¿Cómo preparar Café Mashmallow?</a> se publicó primero en <a href="https://cafealamor.com.ec"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cafealamor.com.ec/2025/12/06/cafe-con-marshmallows-receta-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
