About this event
:root{
--brand:#b0eed0;
--blue:#cce7ff;
--lilac:#bbc0f9;
--ink:#151515;
--soft:#f2f2f2;
--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:var(--ink);
}
.icon{
width:32px;
height:32px;
border-radius:50%;
display:grid;
place-items:center;
background:var(--blue);
color:var(--ink);
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.hike-icon{
width:21px;
height:21px;
fill:currentColor;
stroke:none;
}
.icon svg.boat-icon,
.icon svg.safari-icon,
.icon svg.snorkel-icon,
.icon svg.drink-icon{
fill:currentColor;
stroke:none;
}
.icon svg.boat-icon{ width:21px; height:21px; }
.icon svg.safari-icon{ width:21px; height:21px; }
.icon svg.snorkel-icon{ width:20px; height:20px; }
.icon svg.drink-icon{ width:18px; height:18px; }
.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:var(--ink);
padding:.4em .8em;
border-radius:6px;
line-height