Aftersun Boat Trip

:root{ --blue:#cce7ff; --ink:#0f172a; --muted:#667085; } .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:16px; height:16px; fill:currentColor; } .detalles{ margin:1rem 0; } .detalles summary{ list-style:none; cursor:pointer; display:inline-block; } .detalles summary::-webkit-details-marker{ display:none; } .pill{ display:inline-flex; align-items:center; gap:.6em; background:var(--blue); color:#000; padding:.4em .8em; border-radius:6px; line-height:1.1; } .pill::after{ content:"+"; width:1.3em; height:1.3em; border-radius:50%; background:rgba(255,255,255,.55); color:#000; font-weight:700; font-size:.9em; display:grid; place-items:center; } details[open] .pill::after{ content:"–"; } .contenido{ margin-top:.6em; margin-left:.2em; animation:fadeIn .25s ease; } @keyframes fadeIn{ from{opacity:0; transform:translateY(-4px)} to{opacity:1; transform:translateY(0)} } .cubiculo-lista{ display:flex; flex-direction:column; gap:.45em; } .cubiculo{ background:#bbc0f9; border:1px solid rgba(0,0,0,.05); border-radius:10px; padding:.6em .9em; font:inherit; color:inherit; line-height:inherit; } .itinerary-block{ --line:#bbc0f9; --dot:#151515; position:relative; padding:8px 4px 4px 4px; } .itinerary-block *{ box-sizing:border-box; } .itinerary-block .title{ margin:0 0 .6rem