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

/* ---------- Estado ---------- */
body .vv-estado {
display:inline-flex;
align-items:center;
gap:8px;
font-size:13px;
line-height:1.3;
white-space:nowrap;
}
body .vv-estado:empty {
display:none;
}
body .vv-estado-punto {
flex-shrink:0;
width:9px;
height:9px;
border-radius:50%;
background-color:#9a9a9a;
}
body .vv-estado-texto span {
opacity:.75;
}
body .vv-estado--abierto .vv-estado-punto {
background-color:#4caf6a;
box-shadow:0 0 0 4px rgba(76,175,106,.2);
}
body .vv-estado--cierra-pronto .vv-estado-punto,
body .vv-estado--abre-pronto .vv-estado-punto {
background-color:#e0a23b;
box-shadow:0 0 0 4px rgba(224,162,59,.2);
}
body .vv-estado--cerrado .vv-estado-punto,
body .vv-estado--vacaciones .vv-estado-punto {
background-color:#c8553d;
box-shadow:0 0 0 4px rgba(200,85,61,.2);
}
body .vv-estado--barra {
flex-shrink:1;
min-width:0;
margin-right:14px;
color:var(--vv-claro,#ffffff);
}
body .vv-estado--modal {
display:flex;
justify-content:center;
margin-top:10px;
font-size:12.5px;
}
@media only screen and (max-width:1280px) {
body .vv-estado--barra .vv-estado-texto span {
display:none;
}
}
@media only screen and (max-width:767px) {
body .vv-estado--barra {
margin-right:8px;
}
body .vv-estado--barra .vv-estado-texto {
display:none;
}
}

/* ---------- Horario ---------- */
body .vv-horario--compacto {
display:flex;
flex-direction:column;
gap:2px;
}
body .vv-horario-dias {
font-weight:600;
}
body .vv-horario--compacto .vv-horario-dias,
body .vv-horario--compacto .vv-horario-turnos {
display:block;
}
body .vv-horario-cerrado {
opacity:.75;
}
body .vv-horario--compacto .vv-horario-cerrado {
display:block;
margin-top:4px;
}
body .vv-horario--completo p {
margin:0;
}
body .vv-horario--completo .vv-horario-turnos {
margin-bottom:8px;
}
body .vv-pie .vv-horario--compacto {
align-items:center;
}

/* ---------- Reservar ---------- */
body .vv-reservar {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 22px;
border-radius:var(--vv-radio,999px);
background-color:var(--vv-acento);
color:#ffffff;
font-weight:600;
text-decoration:none;
}
body .vv-reservar:hover,
body .vv-reservar:focus-visible {
background-color:color-mix(in srgb,var(--vv-acento) 82%,#000000);
color:#ffffff;
}