{"id":1015,"date":"2026-04-10T11:05:03","date_gmt":"2026-04-10T16:05:03","guid":{"rendered":"https:\/\/medallogo.com\/?post_type=product&p=1015"},"modified":"2026-05-07T13:01:07","modified_gmt":"2026-05-07T18:01:07","slug":"tour-agrotour","status":"publish","type":"product","link":"https:\/\/medallogo.com\/index.php\/producto\/tour-agrotour\/","title":{"rendered":"TOUR CAF\u00c9 Y FRUTAS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Agrotour | Landing Page<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --countdown-panel-bg: #2abca1;\r\n --countdown-panel-bg-2: #23a78f;\r\n --countdown-text-dark: #0b2621;\r\n --countdown-text-soft: #1f4b44;\r\n --primary: #2f9e44;\r\n --primary-dark: #237a33;\r\n --secondary: #142013;\r\n --accent: #d4a017;\r\n --white: #ffffff;\r\n --text: #243127;\r\n --text-soft: #647067;\r\n --bg-soft: #f7fbf7;\r\n --bg-card: #ffffff;\r\n --line: #e6efe6;\r\n --coffee: #6f4e37;\r\n --success: #16a34a;\r\n --shadow-sm: 0 10px 25px rgba(20, 32, 19, 0.08);\r\n --shadow-md: 0 16px 40px rgba(20, 32, 19, 0.12);\r\n --shadow-lg: 0 24px 60px rgba(20, 32, 19, 0.2);\r\n --radius-sm: 14px;\r\n --radius-md: 20px;\r\n --radius-lg: 28px;\r\n --max-width: 1200px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: var(--text);\r\n background:\r\n radial-gradient(1200px 600px at 10% -10%, rgba(47,158,68,0.10), transparent 60%),\r\n radial-gradient(900px 500px at 110% 10%, rgba(212,160,23,0.10), transparent 60%),\r\n linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n width: min(92%, var(--max-width));\r\n margin: 0 auto;\r\n }\r\n\r\n .section {\r\n padding: 90px 0;\r\n position: relative;\r\n }\r\n\r\n .section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background:\r\n radial-gradient(600px 240px at 15% 0%, rgba(47,158,68,0.06), transparent 60%),\r\n radial-gradient(600px 240px at 85% 100%, rgba(212,160,23,0.06), transparent 60%);\r\n opacity: 0.9;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n background: rgba(47, 158, 68, 0.12);\r\n color: var(--primary);\r\n font-weight: 700;\r\n font-size: 0.92rem;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n line-height: 1.08;\r\n color: var(--secondary);\r\n margin-bottom: 16px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .section-text {\r\n max-width: 780px;\r\n color: var(--text-soft);\r\n font-size: 1.02rem;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 28px;\r\n border-radius: 999px;\r\n font-weight: 700;\r\n border: none;\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n font-size: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #43b02a, #3aa62a);\r\n color: #ffffff;\r\n box-shadow: none;\r\n border-radius: 999px;\r\n padding: 16px 34px;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n min-width: 245px;\r\n justify-content: center;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 24px rgba(67, 176, 42, 0.22);\r\n }\r\n\r\n .btn-outline {\r\n background: rgba(255,255,255,0.12);\r\n color: var(--white);\r\n border: 1px solid rgba(255,255,255,0.28);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: rgba(255,255,255,0.18);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: #0e1a0f;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(90deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.46) 40%, rgba(0,0,0,0.18) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/IMG_7671-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.08);\r\n animation: heroZoom 16s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes heroZoom {\r\n from { transform: scale(1.06); }\r\n to { transform: scale(1.14); }\r\n }\r\n\r\n .hero-layout {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 34px;\r\n align-items: center;\r\n }\r\n\r\n .hero-copy h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(2.7rem, 6vw, 5rem);\r\n line-height: 0.96;\r\n color: var(--white);\r\n margin: 18px 0;\r\n letter-spacing: -0.04em;\r\n }\r\n\r\n .hero-copy h1 span {\r\n color: #f2d36b;\r\n }\r\n\r\n .hero-copy p {\r\n color: rgba(255,255,255,0.9);\r\n max-width: 700px;\r\n font-size: 1.08rem;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n border-radius: 999px;\r\n color: var(--white);\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.16);\r\n backdrop-filter: blur(10px);\r\n font-size: 0.92rem;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-pills {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .hero-pill {\r\n color: var(--white);\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n padding: 12px 16px;\r\n border-radius: 999px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .hero-card {\r\n justify-self: end;\r\n max-width: 430px;\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.16);\r\n backdrop-filter: blur(16px);\r\n border-radius: var(--radius-lg);\r\n padding: 30px;\r\n color: var(--white);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .hero-card h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.5rem;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .hero-card ul {\r\n list-style: none;\r\n display: grid;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-card li {\r\n color: rgba(255,255,255,0.92);\r\n }\r\n\r\n .hero-note {\r\n color: rgba(255,255,255,0.84);\r\n margin-top: 12px;\r\n font-size: 0.94rem;\r\n }\r\n\r\n .grid-2,\r\n .includes-grid,\r\n .places-grid,\r\n .benefits-grid,\r\n .cta-grid,\r\n .footer-grid {\r\n display: grid;\r\n gap: 26px;\r\n }\r\n\r\n .grid-2 {\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n }\r\n\r\n .intro-card {\r\n background: linear-gradient(180deg, #ffffff, #f6fbf6);\r\n border: 1px solid #e5efe5;\r\n padding: 36px;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-sm);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .intro-card::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -60px;\r\n top: -60px;\r\n width: 220px;\r\n height: 220px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(47,158,68,0.18), transparent 60%);\r\n }\r\n\r\n .intro-quote {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n line-height: 1.15;\r\n margin-bottom: 14px;\r\n color: var(--secondary);\r\n font-weight: 800;\r\n }\r\n\r\n .mini-stack {\r\n display: grid;\r\n gap: 18px;\r\n }\r\n\r\n .mini-card {\r\n background: linear-gradient(180deg, #ffffff, #f7fbf7);\r\n border: 1px solid var(--line);\r\n box-shadow: var(--shadow-sm);\r\n border-radius: var(--radius-md);\r\n padding: 22px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .mini-card::after {\r\n content: \"\";\r\n position: absolute;\r\n left: -40px;\r\n bottom: -40px;\r\n width: 160px;\r\n height: 160px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(212,160,23,0.16), transparent 60%);\r\n }\r\n\r\n .mini-card strong {\r\n display: block;\r\n color: var(--secondary);\r\n margin-bottom: 6px;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .includes-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n margin-top: 40px;\r\n }\r\n\r\n .info-card {\r\n background: linear-gradient(180deg, #ffffff, #fbfdfb);\r\n border: 1px solid var(--line);\r\n box-shadow: var(--shadow-sm);\r\n border-radius: var(--radius-md);\r\n padding: 28px;\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .info-card::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -50px;\r\n bottom: -50px;\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(47,158,68,0.12), transparent 60%);\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .icon {\r\n width: 58px;\r\n height: 58px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n font-size: 1.5rem;\r\n background: linear-gradient(135deg, rgba(47,158,68,0.14), rgba(212,160,23,0.16));\r\n margin-bottom: 16px;\r\n }\r\n\r\n .info-card h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.12rem;\r\n margin-bottom: 8px;\r\n color: var(--secondary);\r\n }\r\n\r\n .info-card p {\r\n color: var(--text-soft);\r\n font-size: 0.98rem;\r\n }\r\n\r\n .places-section {\r\n background: linear-gradient(180deg, #ffffff, #f7fbf7);\r\n }\r\n\r\n .places-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n margin-top: 40px;\r\n }\r\n\r\n .place-card {\r\n position: relative;\r\n min-height: 260px;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-md);\r\n display: flex;\r\n align-items: flex-end;\r\n isolation: isolate;\r\n }\r\n\r\n .place-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.22) 38%, rgba(0,0,0,0.82) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .place-card img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.45s ease;\r\n }\r\n\r\n .place-card:hover img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .place-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 26px;\r\n }\r\n\r\n .place-content h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n color: var(--white);\r\n font-size: 1.45rem;\r\n margin-bottom: 10px;\r\n text-shadow: 0 3px 10px rgba(0,0,0,0.45);\r\n }\r\n\r\n .place-content p {\r\n color: rgba(255,255,255,0.96);\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.35);\r\n font-size: 1rem;\r\n }\r\n\r\n .place-content i,\r\n .place-content svg,\r\n .place-content .icon {\r\n display: none !important;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1.05fr 0.95fr;\r\n align-items: center;\r\n margin-top: 40px;\r\n }\r\n\r\n .benefit-list {\r\n display: grid;\r\n gap: 16px;\r\n }\r\n\r\n .benefit-item {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 20px;\r\n border-radius: var(--radius-md);\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .benefit-item span {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(22, 163, 74, 0.12);\r\n color: var(--success);\r\n font-weight: 800;\r\n flex: 0 0 40px;\r\n }\r\n\r\n .benefit-visual {\r\n position: relative;\r\n min-height: 440px;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .benefit-visual img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .benefit-overlay {\r\n position: absolute;\r\n left: 24px;\r\n right: 24px;\r\n bottom: 24px;\r\n background: rgba(20,32,19,0.72);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n backdrop-filter: blur(10px);\r\n color: var(--white);\r\n border-radius: var(--radius-md);\r\n padding: 22px;\r\n }\r\n\r\n .story-band {\r\n background: linear-gradient(135deg, #142013, #273826);\r\n color: var(--white);\r\n }\r\n\r\n .story-band .section-title,\r\n .story-band .section-text {\r\n color: var(--white);\r\n }\r\n\r\n .story-box {\r\n margin-top: 28px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n border-radius: var(--radius-lg);\r\n padding: 34px;\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .story-box p {\r\n font-size: clamp(1.08rem, 2vw, 1.42rem);\r\n line-height: 1.75;\r\n color: rgba(255,255,255,0.94);\r\n }\r\n\r\n .cta-section {\r\n background:\r\n radial-gradient(900px 400px at 0% 0%, rgba(47,158,68,0.10), transparent 60%),\r\n radial-gradient(900px 400px at 100% 100%, rgba(212,160,23,0.10), transparent 60%),\r\n linear-gradient(135deg, #f6fbf6, #ffffff, #fcfaf3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-grid {\r\n grid-template-columns: 1.08fr 0.92fr;\r\n align-items: stretch;\r\n margin-top: 24px;\r\n gap: 24px;\r\n }\r\n\r\n .cta-card {\r\n border-radius: var(--radius-lg);\r\n padding: 34px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-card--primary {\r\n background: linear-gradient(135deg, var(--countdown-panel-bg) 0%, var(--countdown-panel-bg-2) 100%);\r\n border: 1px solid rgba(0,0,0,0.08);\r\n box-shadow: 0 24px 60px rgba(20, 32, 19, 0.16);\r\n color: var(--countdown-text-dark);\r\n }\r\n\r\n .cta-card--primary::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 12% 18%, rgba(255,255,255,0.16), transparent 34%),\r\n radial-gradient(circle at 86% 84%, rgba(0,0,0,0.05), transparent 30%);\r\n pointer-events: none;\r\n }\r\n\r\n .cta-card--secondary {\r\n background: linear-gradient(135deg, #2abca1, #23a78f);\r\n border: 1px solid rgba(0,0,0,0.06);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.12);\r\n color: #0b2621;\r\n }\r\n\r\n .cta-card > * {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cta-card--primary h3,\r\n .cta-card--primary p,\r\n .cta-card--primary li {\r\n color: var(--countdown-text-dark);\r\n }\r\n\r\n .cta-card--secondary .cta-title,\r\n .cta-card--secondary .cta-text,\r\n .cta-card--secondary .check-list li {\r\n color: #0b2621;\r\n }\r\n\r\n .cta-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.45rem;\r\n margin-bottom: 10px;\r\n color: #0b2621;\r\n font-weight: 800;\r\n }\r\n\r\n .cta-text {\r\n color: #0b2621;\r\n margin-bottom: 12px;\r\n font-weight: 500;\r\n opacity: 0.92;\r\n }\r\n\r\n .price-box {\r\n margin: 18px 0 10px;\r\n padding: 16px 18px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.86);\r\n border: 1px solid rgba(0,0,0,0.08);\r\n color: var(--countdown-text-dark);\r\n font-weight: 800;\r\n backdrop-filter: blur(8px);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\r\n }\r\n\r\n .countdown-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin: 10px 0 18px;\r\n padding: 10px 16px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.82);\r\n border: 1px solid rgba(0,0,0,0.08);\r\n color: var(--countdown-text-dark);\r\n font-size: 0.92rem;\r\n font-weight: 800;\r\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\r\n }\r\n\r\n .countdown {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(90px, 1fr));\r\n gap: 16px;\r\n margin: 0 0 26px;\r\n max-width: 100%;\r\n }\r\n\r\n .time-box {\r\n text-align: center;\r\n background: linear-gradient(180deg, #ffffff 0%, #f7faf9 100%);\r\n color: var(--countdown-text-dark);\r\n padding: 22px 12px 18px;\r\n border-radius: 22px;\r\n border: 1px solid rgba(0,0,0,0.08);\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.14);\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n\r\n .time-box::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0 auto auto 0;\r\n width: 100%;\r\n height: 6px;\r\n background: linear-gradient(90deg, #0f7f6f, #2abca1);\r\n }\r\n\r\n .time-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 18px 30px rgba(0,0,0,0.18);\r\n }\r\n\r\n .time-box strong {\r\n display: block;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 2.3rem;\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n font-weight: 800;\r\n color: var(--countdown-text-dark);\r\n letter-spacing: -0.04em;\r\n text-shadow: none;\r\n }\r\n\r\n .time-box span {\r\n display: inline-block;\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: var(--countdown-text-soft);\r\n background: rgba(42,188,161,0.10);\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n }\r\n\r\n .check-list {\r\n list-style: none;\r\n display: grid;\r\n gap: 14px;\r\n margin-top: 18px;\r\n }\r\n\r\n .check-list li {\r\n background: rgba(255,255,255,0.9);\r\n border: 1px solid rgba(0,0,0,0.06);\r\n border-radius: 18px;\r\n padding: 16px 18px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.08);\r\n color: #0b2621;\r\n font-weight: 600;\r\n backdrop-filter: blur(6px);\r\n }\r\n\r\n .check-list li::before {\r\n content: \"\u2022\";\r\n color: #2abca1;\r\n font-weight: 900;\r\n margin-right: 8px;\r\n }\r\n\r\n \/* BOT\u00d3N RESERVA WHATSAPP CORREGIDO *\/\r\n .reserve-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, #48b132, #3fa62d);\r\n color: #ffffff;\r\n padding: 18px 32px;\r\n border-radius: 999px;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n line-height: 1;\r\n border: none;\r\n margin-top: 10px;\r\n min-width: 240px;\r\n box-shadow: none;\r\n transition: all 0.25s ease;\r\n }\r\n\r\n .reserve-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 24px rgba(63, 166, 45, 0.25);\r\n }\r\n\r\n .reserve-btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n .cta-card--primary .reserve-btn {\r\n margin-top: 8px;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .countdown {\r\n grid-template-columns: repeat(2, minmax(100px, 1fr));\r\n }\r\n }\r\n\r\n .floating-btn {\r\n position: fixed;\r\n right: 18px;\r\n bottom: 18px;\r\n z-index: 999;\r\n background: linear-gradient(135deg, #25d366, #1faa52);\r\n color: var(--white);\r\n border-radius: 999px;\r\n padding: 15px 22px;\r\n box-shadow: 0 18px 34px rgba(37, 211, 102, 0.28);\r\n font-weight: 700;\r\n animation: pulse 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% { transform: scale(1); }\r\n 50% { transform: scale(1.04); }\r\n 100% { transform: scale(1); }\r\n }\r\n\r\n [data-reveal] {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n [data-reveal].visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .hero-layout,\r\n .grid-2,\r\n .benefits-grid,\r\n .cta-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-card {\r\n justify-self: start;\r\n max-width: 100%;\r\n }\r\n\r\n .includes-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .places-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .section {\r\n padding: 72px 0;\r\n }\r\n\r\n .hero {\r\n min-height: auto;\r\n padding: 112px 0 76px;\r\n }\r\n\r\n .hero-copy h1 {\r\n font-size: clamp(2.2rem, 10vw, 3.5rem);\r\n }\r\n\r\n .includes-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .floating-btn {\r\n left: 14px;\r\n right: 14px;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section style=\"margin-top: 20px;\">\r\n <header class=\"hero\" id=\"inicio\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"container hero-layout\">\r\n <div class=\"hero-copy\" data-reveal>\r\n <div class=\"badge\">\ud83c\udf3f\u2615 TOUR CAF\u00c9 Y FRUTAS<\/div>\r\n <h1>Una conexi\u00f3n real con el <span>campo antioque\u00f1o<\/span><\/h1>\r\n <p>\r\n Vive una experiencia aut\u00e9ntica entre caf\u00e9, tradici\u00f3n, sabores del campo y costumbres que te conectan con lo esencial desde el primer momento.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#reserva\" class=\"btn btn-primary\">Reservar ahora<\/a>\r\n <a href=\"#experiencia\" class=\"btn btn-outline\">Ver experiencia<\/a>\r\n <\/div>\r\n <div class=\"hero-pills\">\r\n <div class=\"hero-pill\">\ud83d\ude90 Transporte ida y regreso<\/div>\r\n <div class=\"hero-pill\">\u2615 Cata de caf\u00e9<\/div>\r\n <div class=\"hero-pill\">\ud83c\udf7d\ufe0f Almuerzo t\u00edpico<\/div>\r\n <div class=\"hero-pill\">\ud83c\udf81 Obsequio especial<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"hero-card\" data-reveal>\r\n <h3>Lo que hace especial este tour<\/h3>\r\n <ul>\r\n <li>\u2705 Vives el campo desde adentro, no solo como visitante<\/li>\r\n <li>\u2705 Conoces el proceso real del caf\u00e9 desde la planta hasta la taza<\/li>\r\n <li>\u2705 Disfrutas sabores t\u00edpicos, tradici\u00f3n y experiencias artesanales<\/li>\r\n <li>\u2705 Te llevas una conexi\u00f3n m\u00e1s aut\u00e9ntica con Antioquia rural<\/li>\r\n <\/ul>\r\n <a href=\"#reserva\" class=\"btn btn-primary\" style=\"width:100%;\">Quiero mi cupo<\/a>\r\n <p class=\"hero-note\">\u26a0\ufe0f Cupos limitados \u2014 reserva previa<\/p>\r\n <\/aside>\r\n <\/div>\r\n <\/header>\r\n <\/section>\r\n\r\n <section style=\"margin-top: 20px;\">\r\n <section class=\"section places-section\" id=\"experiencia\">\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\ud83d\udccd Lo que vas a vivir<\/span>\r\n <h2 class=\"section-title\">Cada momento te acerca al origen, al sabor y a la tradici\u00f3n<\/h2>\r\n <p class=\"section-text\">\r\n Agrotour est\u00e1 dise\u00f1ado como una experiencia inmersiva: ver, probar, aprender y sentir el campo desde una perspectiva aut\u00e9ntica.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"places-grid\">\r\n <article class=\"place-card\" data-reveal>\r\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/DSC0109-scaled.jpg\" alt=\"Experiencia del caf\u00e9\" \/>\r\n <div class=\"place-content\">\r\n <h3>Del cultivo a la taza<\/h3>\r\n <p>Descubre el proceso real del caf\u00e9 y entiende todo lo que hay detr\u00e1s de cada sorbo.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"place-card\" data-reveal>\r\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/AAA2-scaled.jpg\" alt=\"Cata de caf\u00e9\" \/>\r\n <div class=\"place-content\">\r\n <h3>Cata de caf\u00e9<\/h3>\r\n <p>Aprende a reconocer aromas, notas y matices que cambian la forma de disfrutarlo.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"place-card\" data-reveal>\r\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/AAA1-scaled.jpg\" alt=\"Sabores del campo\" \/>\r\n <div class=\"place-content\">\r\n <h3>Sabores del campo<\/h3>\r\n <p>Prueba frutas frescas y bebidas tradicionales que conectan con lo natural y lo local.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"place-card\" data-reveal>\r\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/AAA1-scaled.jpg\" alt=\"Guarapo de ca\u00f1a\" \/>\r\n <div class=\"place-content\">\r\n <h3>Guarapo de ca\u00f1a<\/h3>\r\n <p>Vive el proceso artesanal de una bebida t\u00edpica llena de historia campesina.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"place-card\" data-reveal>\r\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/DSC0124-scaled.jpg\" alt=\"Gastronom\u00eda tradicional\" \/>\r\n <div class=\"place-content\">\r\n <h3>Gastronom\u00eda tradicional<\/h3>\r\n <p>Disfruta un almuerzo t\u00edpico antioque\u00f1o en un ambiente que resalta su esencia.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"place-card\" data-reveal>\r\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/IMG_7692-scaled.jpg\" alt=\"Tradici\u00f3n campesina\" \/>\r\n <div class=\"place-content\">\r\n <h3>Tradici\u00f3n campesina<\/h3>\r\n <p>Con el poncho y el sombrero, la experiencia se vive desde adentro y con mayor conexi\u00f3n.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/section>\r\n\r\n <section style=\"margin-top: 20px;\">\r\n <section class=\"section cta-section\" id=\"reserva\">\r\n <div class=\"container\">\r\n <div data-reveal>\r\n <span class=\"section-tag\">\u26a0\ufe0f Reserva previa<\/span>\r\n <h2 class=\"section-title\">Asegura tu lugar en esta experiencia<\/h2>\r\n <p class=\"section-text\">Los cupos son limitados. Reserva con anticipaci\u00f3n y prep\u00e1rate para vivir el campo antioque\u00f1o de una manera aut\u00e9ntica.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cta-grid\">\r\n <div class=\"cta-card cta-card--primary\" data-reveal>\r\n <h3 style=\"font-family:'Montserrat',sans-serif; font-size:1.9rem; margin-bottom:10px; color: var(--countdown-text-dark);\">Reserva hoy<\/h3>\r\n <p style=\"font-size:1.03rem; max-width:620px; margin-bottom:10px; color: var(--countdown-text-dark);\">Vive una jornada de tradici\u00f3n, caf\u00e9, sabores y conexi\u00f3n real con el origen.<\/p>\r\n <div class=\"price-box\">Valor:230.000<\/div>\r\n <div class=\"countdown-label\">\u23f3 Cupos disponibles por tiempo limitado<\/div>\r\n\r\n <div class=\"countdown\">\r\n <div class=\"time-box\"><strong id=\"days\">00<\/strong><span>D\u00edas<\/span><\/div>\r\n <div class=\"time-box\"><strong id=\"hours\">00<\/strong><span>Horas<\/span><\/div>\r\n <div class=\"time-box\"><strong id=\"minutes\">00<\/strong><span>Min<\/span><\/div>\r\n <div class=\"time-box\"><strong id=\"seconds\">00<\/strong><span>Seg<\/span><\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/573013656343\" target=\"_blank\" rel=\"noopener\" class=\"reserve-btn\">\r\n Reservar por WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"cta-card cta-card--secondary\" data-reveal>\r\n <h3 class=\"cta-title\">Lo que te llevas<\/h3>\r\n <p class=\"cta-text\">Una experiencia inmersiva que mezcla aprendizaje, tradici\u00f3n, sabor y conexi\u00f3n emocional con el campo.<\/p>\r\n <ul class=\"check-list\">\r\n <li>Experiencia cafetera completa<\/li>\r\n <li>Sabores aut\u00e9nticos del campo antioque\u00f1o<\/li>\r\n <li>Tradici\u00f3n viva y actividades artesanales<\/li>\r\n <li>Recuerdos que van m\u00e1s all\u00e1 del viaje<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/section>\r\n\r\n <a class=\"floating-btn\" href=\"https:\/\/wa.me\/573000000000\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Reserva aqu\u00ed<\/a>\r\n\r\n <script>\r\n const revealItems = document.querySelectorAll('[data-reveal]');\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.14 });\r\n\r\n revealItems.forEach(item => revealObserver.observe(item));\r\n\r\n const targetDate = new Date();\r\n targetDate.setDate(targetDate.getDate() + 7);\r\n targetDate.setHours(23, 59, 59, 999);\r\n\r\n const days = document.getElementById('days');\r\n const hours = document.getElementById('hours');\r\n const minutes = document.getElementById('minutes');\r\n const seconds = document.getElementById('seconds');\r\n\r\n function updateCountdown() {\r\n const now = new Date().getTime();\r\n const distance = targetDate.getTime() - now;\r\n\r\n if (distance <= 0) {\r\n days.textContent = '00';\r\n hours.textContent = '00';\r\n minutes.textContent = '00';\r\n seconds.textContent = '00';\r\n return;\r\n }\r\n\r\n const d = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n const h = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const m = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const s = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n days.textContent = String(d).padStart(2, '0');\r\n hours.textContent = String(h).padStart(2, '0');\r\n minutes.textContent = String(m).padStart(2, '0');\r\n seconds.textContent = String(s).padStart(2, '0');\r\n }\r\n\r\n updateCountdown();\r\n setInterval(updateCountdown, 1000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-505d292 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-id=\"505d292\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-997eef3 elementor-widget elementor-widget-html\" data-id=\"997eef3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* ============================= *\/\n\/* RECOMMENDED SECTION *\/\n\/* ============================= *\/\n\n.recommended-section {\n background: linear-gradient(180deg, #ffffff, #f8fafc);\n padding: 90px 0;\n}\n\n.recommended-header {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 50px;\n}\n\n.recommended-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(2rem, 4vw, 2.8rem);\n color: #111;\n margin-bottom: 10px;\n}\n\n.recommended-header p {\n color: #6b7280;\n font-size: 1rem;\n}\n\n\/* GRID *\/\n.recommended-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n}\n\n\/* CARD *\/\n.recommended-card {\n background: #fff;\n border-radius: 26px;\n overflow: hidden;\n box-shadow: 0 18px 40px rgba(0,0,0,0.10);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.recommended-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 28px 55px rgba(0,0,0,0.15);\n}\n\n\/* IMAGEN *\/\n.recommended-img {\n height: 240px;\n overflow: hidden;\n}\n\n.recommended-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n}\n\n.recommended-card:hover img {\n transform: scale(1.08);\n}\n\n\/* CONTENIDO *\/\n.recommended-content {\n padding: 26px;\n}\n\n.recommended-content h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.4rem;\n margin-bottom: 10px;\n color: #111;\n}\n\n.recommended-content p {\n color: #6b7280;\n font-size: 0.95rem;\n margin-bottom: 18px;\n}\n\n\/* BOT\u00d3N *\/\n.recommended-btn {\n display: inline-block;\n background: linear-gradient(135deg, #2abca1, #23a78f);\n color: #fff;\n padding: 12px 22px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.95rem;\n box-shadow: 0 12px 25px rgba(42,188,161,0.25);\n transition: 0.3s;\n}\n\n.recommended-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 18px 32px rgba(42,188,161,0.35);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n .recommended-grid {\n grid-template-columns: 1fr;\n }\n\n .recommended-img {\n height: 200px;\n }\n}\n\n<\/style>\n\n\n<section class=\"recommended-section\">\n <div class=\"container\">\n\n <div class=\"recommended-header\">\n <h2>\u2728 Nuestros recomendados<\/h2>\n <p>M\u00e1s experiencias que te pueden encantar y complementar tu viaje<\/p>\n <\/div>\n\n <div class=\"recommended-grid\">\n\n <!-- GUATAP\u00c9 -->\n <div class=\"recommended-card\">\n <div class=\"recommended-img\">\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/DJI_0579-scaled.jpg\" alt=\"Guatap\u00e9\">\n <\/div>\n <div class=\"recommended-content\">\n <h3>Tour a Guatap\u00e9<\/h3>\n <p>Vive paisajes \u00fanicos, la represa y el color de uno de los destinos m\u00e1s ic\u00f3nicos de Colombia.<\/p>\n <a href=\"#\" class=\"recommended-btn\">Quiero este tour<\/a>\n <\/div>\n <\/div>\n\n <!-- CITY TOUR -->\n <div class=\"recommended-card\">\n <div class=\"recommended-img\">\n <img decoding=\"async\" src=\"https:\/\/medallogo.com\/wp-content\/uploads\/2026\/04\/DJI_0218-scaled.jpg\" alt=\"City Tour Medell\u00edn\">\n <\/div>\n <div class=\"recommended-content\">\n <h3>City Tour + Graffitour<\/h3>\n <p>Descubre Medell\u00edn desde su historia, su transformaci\u00f3n y el arte urbano de la Comuna 13.<\/p>\n <a href=\"#\" class=\"recommended-btn\">Quiero este tour<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf3f\u2615 <strong>AGROTOUR EN ANTIOQUIA<\/strong> \ud83c\udde8\ud83c\uddf4\ud83d\udc9a<\/p>\n<p><strong>Costo: 230.000 ( US aprox.: 65 )<\/strong><\/p>\n<p>Una conexi\u00f3n real con el campo\u2026 <strong>desde la ra\u00edz hasta la taza<\/strong> \u2728<\/p>\n<p>Vive una experiencia aut\u00e9ntica donde la tradici\u00f3n, los sabores y la naturaleza se unen para mostrarte el verdadero coraz\u00f3n del campo antioque\u00f1o \ud83c\udf31<\/p>\n<hr \/>\n<p>\u2728 <strong>\u00bfQu\u00e9 incluye?<\/strong><br \/>\n\ud83d\ude90 Transporte ida y regreso desde Medell\u00edn<br \/>\n\ud83e\udde3 Vestimenta t\u00edpica campesina (poncho y sombrero)<br \/>\n\ud83c\udf7d\ufe0f Almuerzo t\u00edpico antioque\u00f1o<br \/>\n\u2615 Caf\u00e9 ilimitado<\/p>\n<hr \/>\n<p>\ud83d\udccd <strong>Experiencias que vivir\u00e1s:<\/strong><br \/>\n\ud83c\udf31 Proceso del caf\u00e9 \u2014 desde la planta hasta la taza<br \/>\n\u2615 Cata de caf\u00e9 \u2014 descubre aromas y matices \u00fanicos<br \/>\n\ud83c\udf4d Degustaci\u00f3n de frutas y bebidas tradicionales<br \/>\n\ud83c\udf76 Preparaci\u00f3n de guarapo de ca\u00f1a \u2014 tradici\u00f3n en cada paso<\/p>\n<hr \/>\n<p>\ud83e\udded <strong>Acompa\u00f1amiento:<\/strong><br \/>\n\ud83d\udc64 Gu\u00eda en espa\u00f1ol o ingl\u00e9s durante todo el recorrido<\/p>\n<p>\ud83c\udf81 Obsequio especial (poncho t\u00edpico en algunos casos)<\/p>\n<hr \/>\n<p>\ud83d\udcab <strong>No es solo un tour\u2026 es volver a lo esencial y vivir el campo como se debe<\/strong><\/p>\n<p>\u26a0\ufe0f <strong>Cupos limitados \u2014 reserva con anticipaci\u00f3n<\/strong><\/p>\n<p><strong>Salida: 8:30 – 9:20 am y Regreso: 3:30 p. m.<\/strong><\/p>\n","protected":false},"featured_media":1019,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[21,19],"product_tag":[41,51,53],"class_list":["post-1015","product","type-product","status-publish","has-post-thumbnail","product_cat-caps-accessories","product_cat-shoes","product_tag-accessories","product_tag-baby","product_tag-boots","first","instock","shipping-taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product\/1015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/comments?post=1015"}],"version-history":[{"count":106,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product\/1015\/revisions"}],"predecessor-version":[{"id":1751,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product\/1015\/revisions\/1751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/media\/1019"}],"wp:attachment":[{"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/media?parent=1015"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product_brand?post=1015"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=1015"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/medallogo.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=1015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}