About this event
:root{
--purple:#bbc0f9;
--ink:#0f172a;
--muted:#667085;
}
/* ========= Base styles ========= */
.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(--purple); white-space:nowrap; color:inherit;
}
.icon{ width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--purple); 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(--purple); 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:#cce7ff; border:1px solid rgba(0,0,0,.05);
border-radius:10px; padding:.6em .9em; font:inherit; color:inherit; line-height:inherit;
}
.mapa-destacado{
background:var(--purple); color:#000; border-radius:8px;
padding:.6em .9em; font-size:.95em; line-height:1.4; margin-top:.6e