/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Agenda */
body .vva-item {
position:relative;
}
body .vva-item.is-cancelado {
opacity:0.6;
}
body .vva-dia {
position:absolute;
top:14px;
left:14px;
z-index:2;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-width:64px;
padding:8px 10px;
border-radius:calc(var(--vv-radio, 16px) * 0.75);
background-color:#ffffff;
color:var(--vv-oscuro, #1f2429);
box-shadow:0 10px 24px -10px rgba(0,0,0,0.4);
line-height:1;
}
body .vva-dia__num {
font-family:var(--vv-fuente-titulos, inherit);
font-size:1.8rem;
font-weight:700;
}
body .vva-dia__mes {
margin-top:4px;
color:var(--vv-acento, #3d7f8f);
font-size:0.8rem;
font-weight:700;
text-transform:uppercase;
}
body .vva-estado {
align-self:flex-start;
padding:3px 10px;
border-radius:999px;
background-color:var(--vv-claro, #f4f1ec);
font-size:0.78rem;
font-weight:700;
}
body .vva-estado--pocas {
background-color:#fff1d6;
color:#8a5a00;
}
body .vva-estado--completo,
body .vva-estado--cancelado {
background-color:#fde2e0;
color:#9b2c22;
}
body .vva-estado--aplazado {
background-color:#e6eefc;
color:#26508f;
}
body .vva-cal__btn {
width:100%;
}
body .vva-item .vvf-cal {
display:block;
width:100%;
}

/* Evento */
body .vvr-cabecera__acciones {
margin:22px 0 0;
}
body .vva-sesiones {
display:flex;
flex-direction:column;
gap:12px;
margin:0;
padding:0;
list-style:none;
}
body .vva-sesion {
display:grid;
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:center;
gap:16px;
padding:14px 18px;
border-radius:var(--vv-radio, 16px);
background-color:#ffffff;
box-shadow:0 10px 30px -18px rgba(0,0,0,0.35);
}
body .vva-sesion .vva-dia {
position:static;
box-shadow:none;
background-color:var(--vv-claro, #f4f1ec);
}
body .vva-sesion.is-cancelado {
opacity:0.6;
}
body .vva-sesion__txt {
display:flex;
flex-direction:column;
gap:4px;
}
body .vva-sesion__txt span:not(.vva-estado) {
opacity:0.8;
}
body .vva-sesion__acc {
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px;
}
body .vva-ediciones {
margin-top:clamp(24px, 3vw, 36px);
padding:14px 18px;
border-radius:calc(var(--vv-radio, 16px) * 0.8);
background-color:var(--vv-claro, #f4f1ec);
}
body .vva-ediciones summary {
font-weight:700;
cursor:pointer;
}
body .vva-ediciones ul {
margin:10px 0 0;
padding-left:1.2em;
}
body .vva-pasados {
margin-top:clamp(36px, 5vw, 64px);
}
body .vva-pasados__lista {
display:grid;
grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
gap:10px;
margin:16px 0 0;
padding:0;
list-style:none;
}
body .vva-pasados__lista li {
display:flex;
}
body .vva-pasados__lista a {
display:flex;
flex:1;
align-items:center;
gap:14px;
box-sizing:border-box;
padding:10px 14px 10px 10px;
border:1px solid color-mix(in srgb, var(--vv-oscuro, #1f2429) 14%, transparent);
border-radius:calc(var(--vv-radio, 16px) * 0.8);
color:inherit;
text-decoration:none;
}
body .vva-pasados__lista a:hover {
border-color:var(--vv-acento, #3d7f8f);
}
body .vva-pasados__foto {
display:grid;
flex:none;
place-items:center;
width:88px;
height:88px;
overflow:hidden;
border-radius:calc(var(--vv-radio, 16px) * 0.6);
background-color:color-mix(in srgb, var(--vv-oscuro, #1f2429) 8%, transparent);
color:var(--vv-acento, #3d7f8f);
}
body .vva-pasados__foto svg {
width:32px;
height:32px;
}
body .vva-pasados__lista .vva-pasados__img {
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .5s ease;
}
body .vva-pasados__lista a:hover .vva-pasados__img {
transform:scale(1.06);
}
body .vva-pasados__info {
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}
body .vva-pasados__info span {
font-size:0.88rem;
opacity:0.7;
}

@media (max-width:767px) {
body .vva-sesion {
grid-template-columns:auto minmax(0, 1fr);
}
body .vva-sesion__acc {
grid-column:1 / -1;
justify-content:stretch;
}
body .vva-sesion__acc > * {
flex:1 1 100%;
}
body .vva-dia {
top:10px;
left:10px;
min-width:52px;
padding:6px 8px;
}
body .vva-dia__num {
font-size:1.4rem;
}
}