/* Observatorio 0.4.4-alpha: carrusel cronológico real. Sin cambios sobre el hero ni los signos. */
.lilobs-root .lilobs-carousel{
    --lilobs-carousel-gap:15px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 36px;
    align-items:center;
    column-gap:8px;
    margin-top:14px;
    min-width:0;
}
.lilobs-root .lilobs-carousel .lilobs-next-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:var(--lilobs-carousel-gap) !important;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:3px 2px 16px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.lilobs-root .lilobs-carousel .lilobs-next-grid::-webkit-scrollbar{display:none}
.lilobs-root .lilobs-carousel .lilobs-next-card{
    box-sizing:border-box;
    flex:0 0 calc((100% - 4 * var(--lilobs-carousel-gap))/5);
    min-width:0;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
    align-self:stretch;
}
.lilobs-root .lilobs-carousel-arrow{
    box-sizing:border-box;
    width:36px;
    height:36px;
    display:flex;
    justify-content:center;
    align-items:center;
    appearance:none;
    padding:0;
    border:1px solid #c7a7af;
    border-radius:50%;
    background:#fffdfd;
    color:#653954;
    cursor:pointer;
    box-shadow:0 2px 6px rgba(46,23,51,.06);
    transition:border-color .15s ease,background .15s ease;
}
.lilobs-root .lilobs-carousel-arrow span{font:400 31px/1 Arial,sans-serif;position:relative;top:-2px}
.lilobs-root .lilobs-carousel-arrow:not(:disabled):hover{background:#fff0f5;border-color:#b14269}
.lilobs-root .lilobs-carousel-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}
.lilobs-root:not(.lilobs-js) .lilobs-carousel-arrow{display:none}
.lilobs-root:not(.lilobs-js) .lilobs-carousel{grid-template-columns:minmax(0,1fr)}
/* El número de tarjetas visibles sigue el espacio realmente disponible, no el número de jornadas. */
@container (max-width: 1100px){
    .lilobs-root .lilobs-carousel .lilobs-next-card{flex-basis:calc((100% - 2 * var(--lilobs-carousel-gap))/3)}
}
@container (max-width: 700px){
    .lilobs-root .lilobs-carousel .lilobs-next-card{flex-basis:calc((100% - var(--lilobs-carousel-gap))/2)}
}
@container (max-width: 455px){
    .lilobs-root .lilobs-carousel{grid-template-columns:30px minmax(0,1fr) 30px;column-gap:5px}
    .lilobs-root .lilobs-carousel-arrow{width:30px;height:30px}
    .lilobs-root .lilobs-carousel .lilobs-next-card{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
    .lilobs-root .lilobs-carousel .lilobs-next-grid{scroll-behavior:auto}
    .lilobs-root .lilobs-carousel-arrow{transition:none}
}

/* 0.4.5: espacio virtual para alinear a la izquierda la ultima pagina incompleta.
   No afecta al tamaño ni a la apariencia de las tarjetas originales. */
.lilobs-root .lilobs-carousel .lilobs-next-grid.lilobs-carousel-paged::after{
    content:"";
    display:block;
    flex:0 0 var(--lilobs-carousel-tail,0px);
    pointer-events:none;
}