@charset "UTF-8";
/* https://bikepointtenerife.com/wp-content/themes/bikepointtenerife2026/assets/css/recommendation-directory.css?ver=1787069466 */
.cafes-page{color:#363633;background:#f3f0e9}.cafes-hero{position:relative;min-height:min(58.75rem,calc(100svh - 2.25rem));overflow:hidden;color:#fffdf8;background:#172a24}.cafes-hero-media,.cafes-hero-wash{position:absolute;inset:0}.cafes-hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.cafes-hero-wash{background:linear-gradient(90deg,rgb(12 23 19 / .88),rgb(12 23 19 / .2) 72%),linear-gradient(0deg,rgb(12 23 19 / .66),transparent 55%)}.cafes-hero-content{position:relative;z-index:2;display:flex;min-height:min(58.75rem,calc(100svh - 2.25rem));flex-direction:column;justify-content:flex-end;padding:10rem var(--bp-page) 5rem}.cafes-breadcrumb{position:absolute;top:9rem;left:var(--bp-page);display:flex;gap:.8rem;margin:0;color:rgb(255 253 248 / .65);font-size:.6rem;text-transform:uppercase}.cafes-hero h1{max-width:10ch;margin:0 0 clamp(2.5rem,5vw,4.5rem);font-size:clamp(4.8rem,9vw,9.5rem);font-weight:520;line-height:.8;letter-spacing:-.055em;text-transform:uppercase}.cafes-hero h1 em{color:var(--bp-orange);font-family:Georgia,serif;font-weight:400;text-transform:none}.cafes-hero-bottom{display:grid;grid-template-columns:minmax(18rem,33rem) auto;gap:3rem;align-items:end}.cafes-hero-bottom p{margin:0;font-size:clamp(1rem,1.35vw,1.22rem)}.cafes-hero-bottom .button{width:max-content}.cafes-hero-note{position:absolute;z-index:2;right:var(--bp-page);bottom:4rem;display:grid;place-content:center;width:9.5rem;height:9.5rem;color:#172a24;background:var(--bp-acid);border-radius:50%;text-align:center;transform:rotate(7deg)}.cafes-hero-note strong{font-size:3.2rem;line-height:.85}.cafes-hero-note span{margin-top:.6rem;font-size:.52rem;font-weight:750;text-transform:uppercase}.cafes-ticker{overflow:hidden;padding:1.1rem 0;color:#172a24;background:var(--bp-acid)}.cafes-ticker>div{display:flex;gap:2.5rem;align-items:center;justify-content:center;width:max-content;min-width:100%}.cafes-ticker span{font-size:clamp(1.35rem,2.4vw,2.5rem);font-weight:600;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}.cafes-ticker i{font-style:normal}.cafes-intro{display:grid;grid-template-columns:.25fr 1.75fr;gap:3rem}.cafes-intro>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,10rem);align-items:end}.cafes-intro h2{margin:0;font-size:clamp(4rem,7.5vw,8rem);font-weight:520;line-height:.82;letter-spacing:-.05em;text-transform:uppercase}.cafes-intro h2 em{color:#eb8900;font-family:Georgia,serif;font-weight:400;text-transform:none}.cafes-intro>div>p{max-width:30rem;margin:0;color:#696964}.cafe-guide{background:#e6e5dd}.cafe-guide-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end}.cafe-guide-heading h2{margin:0;font-size:clamp(3.8rem,7vw,7.4rem);font-weight:540;line-height:.9;text-transform:uppercase}.cafe-guide-heading>p{margin:0 0 .6rem;color:#777670;font-size:.65rem;text-transform:uppercase}.cafe-guide-heading>p strong{color:#363633;font-size:1.5rem}.cafe-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:3rem 0 2rem;padding-top:1rem;border-top:1px solid #aaa9a3}.cafe-filters button{min-height:2.9rem;padding:0 1rem;border:1px solid #aaa9a3;border-radius:999px;background:#fff0;cursor:pointer;font-size:.62rem;font-weight:750;text-transform:uppercase}.cafe-filters button span{margin-left:.4rem;opacity:.6}.cafe-filters button:hover,.cafe-filters button.is-active{color:#e6e5dd;background:#172a24;border-color:#172a24}.cafe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cafe-card[hidden]{display:none}.cafe-card{min-width:0;background:#f3f0e9}.cafe-card-featured{grid-column:1/3;display:grid;grid-template-columns:1.1fr .9fr;background:var(--bp-orange)}.cafe-card-acid{background:var(--bp-acid)}.cafe-card-coral{background:var(--bp-coral)}.cafe-card-blue{background:#95d8f3}.cafe-card-media{position:relative;min-height:23rem;overflow:hidden;background:#c7c5bc}.cafe-card-featured .cafe-card-media{min-height:38rem}.cafe-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(12 23 19 / .5),transparent 58%)}.cafe-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--bp-ease)}.cafe-card:hover .cafe-card-media img{transform:scale(1.035)}.cafe-card-media>span{position:absolute;z-index:2;left:1rem;top:1rem;display:grid;place-items:center;width:2.8rem;height:2.8rem;color:#363633;background:#e6e5dd;border-radius:50%;font-family:Georgia,serif;font-size:.66rem;font-style:italic}.cafe-card-copy{display:flex;min-height:29rem;flex-direction:column;padding:clamp(1.5rem,3vw,3rem)}.cafe-card-featured .cafe-card-copy{min-height:38rem}.cafe-area{margin:0;color:#777670;font-size:.57rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.cafe-card h3{margin:2.2rem 0 1.5rem;font-size:clamp(2.8rem,5.4vw,5.8rem);font-weight:530;line-height:.8;overflow-wrap:anywhere;text-transform:uppercase}.cafe-card:not(.cafe-card-featured) h3{min-height:1.6em;font-size:clamp(2.5rem,4.3vw,4.7rem)}.cafe-card address{margin-top:auto;padding-top:1.2rem;border-top:1px solid rgb(54 54 51 / .35);font-size:.7rem;font-style:normal}.cafe-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.5rem}.cafe-card-actions .button{min-height:3.1rem;padding:0 1.1rem;font-size:.6rem}.cafe-card-actions .text-link{color:#363633;font-size:.6rem}.cafe-note{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;align-items:center;max-width:50rem;margin:3rem auto 0;color:#696964}.cafe-note span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid #aaa9a3;border-radius:50%;font-family:Georgia,serif;font-style:italic}.cafe-note p{margin:0;font-size:.66rem}.cafes-route{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(4rem,10vw,12rem);color:#e6e5dd;background:#172a24}.cafes-route-copy{align-self:center}.cafes-route h2{margin:0 0 2.5rem;font-size:clamp(4rem,7vw,7.4rem);font-weight:520;line-height:.82;text-transform:uppercase}.cafes-route h2 em{color:#c9c0ff;font-family:Georgia,serif;font-weight:400;text-transform:none}.cafes-route-copy>p:not(.eyebrow){max-width:31rem;color:rgb(230 229 221 / .68)}.cafes-route-copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem}.cafes-route ol{margin:0;padding:0;list-style:none;border-top:1px solid rgb(230 229 221 / .25)}.cafes-route li{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;min-height:11rem;padding:2rem 0;border-bottom:1px solid rgb(230 229 221 / .25)}.cafes-route li span{color:var(--bp-acid);font-family:Georgia,serif;font-size:.66rem;font-style:italic}.cafes-route li strong{font-size:clamp(1.45rem,2.4vw,2.7rem);line-height:1;text-transform:uppercase}.cafes-route li p{grid-column:2;max-width:28rem;margin:0;color:rgb(230 229 221 / .62);font-size:.72rem}@media(max-width:1050px){.cafes-intro,.cafes-intro>div,.cafes-route{grid-template-columns:1fr}}@media(max-width:650px){.cafes-hero,.cafes-hero-content{min-height:50rem}.cafes-hero-content{padding:9rem 1.25rem 4rem}.cafes-breadcrumb{top:7.7rem;left:1.25rem}.cafes-hero h1{font-size:clamp(4.2rem,19vw,6.4rem)}.cafes-hero-bottom{grid-template-columns:1fr;gap:1.5rem}.cafes-hero-note{display:none}.cafes-ticker>div{justify-content:flex-start;padding-inline:1.25rem}.cafes-intro,.cafe-guide,.cafes-route{padding-inline:1.25rem}.cafes-intro h2,.cafe-guide-heading h2,.cafes-route h2{font-size:clamp(3.6rem,16vw,5.7rem)}.cafe-guide-heading{align-items:flex-start;flex-direction:column}.cafe-filters{flex-wrap:nowrap;width:calc(100vw - 2.5rem);padding-bottom:.5rem;overflow-x:auto}.cafe-filters button{flex-shrink:0}.cafe-grid{grid-template-columns:1fr}.cafe-card-featured{grid-column:1;grid-template-columns:1fr}.cafe-card-featured .cafe-card-media{min-height:22rem}.cafe-card-featured .cafe-card-copy,.cafe-card-copy{min-height:25rem}.cafe-card:not(.cafe-card-featured) h3{min-height:auto}.cafe-card-actions,.cafes-route-copy>div{align-items:flex-start;flex-direction:column}}.cafe-card-featured{color:#fff}.cafe-card-featured .cafe-area,.cafe-card-featured .text-link{color:rgb(255 255 255 / .85)}.cafe-card-featured address{border-color:rgb(255 255 255 / .35)}