/* © 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;
}

/* Evento: cabecera con imagen */
body .vva-cabecera--cartel .vvf-cabecera__caja {
display:grid;
grid-template-columns:minmax(0, clamp(220px, 30%, 380px)) minmax(0, 1fr);
grid-template-rows:auto 1fr auto auto auto auto 1fr;
column-gap:clamp(28px, 4vw, 56px);
}
body .vva-cabecera--cartel .vvf-cabecera__caja > * {
grid-column:2;
}
body .vva-cabecera--cartel .vvf-migas {
grid-row:1;
grid-column:1 / -1;
margin-bottom:clamp(16px, 2vw, 24px);
}
body .vva-cabecera--cartel .vvf-cabecera__etiquetas {
grid-row:3;
}
body .vva-cabecera--cartel .vvf-cabecera__titulo {
grid-row:4;
}
body .vva-cabecera--cartel .vvf-cabecera__resumen {
grid-row:5;
}
body .vva-cabecera--cartel .vvr-cabecera__acciones {
grid-row:6;
}
body .vva-cabecera--cartel .vva-cartel {
grid-row:2 / 8;
grid-column:1;
align-self:center;
margin:0;
}
body .vva-cartel__img {
display:block;
width:100%;
height:auto;
max-height:min(62vh, 520px);
object-fit:contain;
border-radius:var(--vv-radio, 16px);
box-shadow:0 24px 50px -24px rgba(0,0,0,0.6);
}

/* Evento: resumen lateral */
body .vva-resumen .vvf-info {
top:calc(var(--vv-arriba-alto, var(--vv-cabecera-alto, 80px)) + 20px);
}
body.admin-bar .vva-resumen .vvf-info {
top:calc(var(--vv-arriba-alto, var(--vv-cabecera-alto, 80px)) + 52px);
}
body .vva-fecha {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px;
padding-bottom:18px;
border-bottom:1px solid color-mix(in srgb, var(--vv-oscuro, #1f2429) 12%, transparent);
}
body .vva-fecha__ante {
margin:0;
color:var(--vv-acento, #3d7f8f);
font-size:0.8rem;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
}
body .vva-fecha__dia {
display:grid;
grid-template-columns:auto 1fr;
grid-template-rows:auto auto;
column-gap:14px;
align-items:center;
line-height:1.1;
}
body .vva-fecha__num {
grid-row:1 / 3;
font-family:var(--vv-fuente-titulos, inherit);
font-size:3.6rem;
font-weight:700;
line-height:0.9;
}
body .vva-fecha__semana {
align-self:end;
font-family:var(--vv-fuente-titulos, inherit);
font-size:1.45rem;
font-weight:700;
}
body .vva-fecha__mes {
align-self:start;
font-size:1rem;
opacity:0.75;
}
body .vva-fecha__fin {
margin:0;
font-size:0.92rem;
opacity:0.8;
}
body .vva-fecha__hora {
display:inline-flex;
align-items:center;
gap:8px;
margin:4px 0 0;
font-size:1.1rem;
font-weight:700;
}
body .vva-fecha__hora svg {
width:20px;
height:20px;
color:var(--vv-acento, #3d7f8f);
}
body .vva-fecha.is-pasada .vva-fecha__num,
body .vva-fecha.is-pasada .vva-fecha__semana {
opacity:0.6;
}
body .vva-resumen .vvf-cal {
display:block;
position:relative;
width:100%;
}
body .vva-resumen .vvf-cal__menu {
left:0;
right:0;
}
body .vva-resumen__mas {
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:6px 0;
font-weight:700;
}
body .vva-resumen__mas svg {
width:16px;
height:16px;
}

@media (max-height:760px) {
body .vva-resumen .vvf-info {
position:static;
}
}

@media (max-width:767px) {
body .vva-cabecera--cartel .vvf-cabecera__caja {
grid-template-columns:minmax(0, 1fr);
grid-template-rows:none;
}
body .vva-cabecera--cartel .vvf-cabecera__caja > *,
body .vva-cabecera--cartel .vvf-migas {
grid-row:auto;
grid-column:1;
}
body .vva-cabecera--cartel .vva-cartel {
order:1;
justify-self:start;
width:min(100%, 260px);
margin-top:22px;
}
body .vva-cabecera--cartel .vvr-cabecera__acciones {
order:2;
}
body .vva-evento .vvf-migas__item:last-child {
display:none;
}
body .vva-fecha__num {
font-size:3rem;
}
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;
}
}