The Formentera Cruise

:root{ --blue:#cce7ff; --ink:#0f172a; --muted:#667085; --brand:#b0eed0; } .included-row{ display:flex; flex-wrap:nowrap; gap:.6rem; overflow-x:auto; padding:.4rem .1rem; margin:.25rem 0 1rem 0; scroll-snap-type:x proximity; } .included-row::-webkit-scrollbar{ display:none; } .chip{ flex:0 0 auto; scroll-snap-align:start; display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .9rem; border-radius:10px; font-weight:600; font-size:.9rem; line-height:1.05; background:transparent; border:1.5px solid var(--blue); white-space:nowrap; color:inherit; } .icon{ width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--blue); color:#000; flex-shrink:0; } .icon svg{ width:20px; height:20px; } .icon svg.heroicon{ fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; } .icon svg.drink-icon, .icon svg.food-icon{ width:18px; height:18px; fill:currentColor; stroke:none; } .icon svg.snorkel-icon{ width:20px; height:20px; fill:currentColor; stroke:none; } .icon svg.music-icon{ width:21px; height:21px; } .trip-ticket{ display:grid; grid-template-columns:1fr; gap:.45rem; background:linear-gradient(135deg, #eefcf4 0%, #b0eed0 100%); border:1px solid rgba(21,21,21,.06); border-radius:14px; padding:1rem 1rem .95rem; margin:.2rem 0 1.1rem 0; box-shadow:0 6px 18px rgba(21,21,21,.06); } .trip-ticket .eyebrow{ font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#2f6b4f; } .trip-ticket .main{ font-size:1.15rem; font-weight:800; color:#151515; line-height:1.2; } .trip-ticket .meta{ display:flex; flex-wrap:wrap; gap: