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

/* Directorio */
body .vvd-tarjeta__zoom {
display:block;
width:100%;
height:100%;
}
body .vvd-tarjeta__fotos {
position:absolute;
right:12px;
bottom:12px;
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 10px;
border-radius:999px;
background-color:rgba(0,0,0,0.6);
color:#ffffff;
font-size:0.82rem;
font-weight:700;
pointer-events:none;
}
body .vvd-logo {
position:absolute;
top:-34px;
right:16px;
z-index:2;
display:grid;
place-items:center;
width:68px;
height:68px;
padding:6px;
overflow:hidden;
border-radius:50%;
background-color:#ffffff;
box-shadow:0 8px 20px -8px rgba(0,0,0,0.35);
}
body .vvd-logo__img {
max-width:100%;
max-height:100%;
object-fit:contain;
}
body .vvd-tarjeta .vvf-tarjeta__texto {
position:relative;
}
body .vvd-tarjeta .vvf-tarjeta__titulo {
padding-right:70px;
}
body .vvd-tarjeta__texto {
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
body .vvd-acciones .vvf-boton {
flex:1 1 calc(50% - 8px);
}
body .vvd-alta {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:16px;
margin-top:clamp(32px, 5vw, 56px);
padding:clamp(20px, 3vw, 32px);
border-radius:var(--vv-radio, 16px);
background-color:var(--vv-claro, #f4f1ec);
}
body .vvd-alta h2 {
margin:0 0 6px;
font-family:var(--vv-fuente-titulos, inherit);
font-size:1.3rem;
}
body .vvd-alta p {
margin:0;
}
body .vvd-alta-form {
max-width:900px;
}

@media (max-width:767px) {
body .vvd-logo {
top:-24px;
right:8px;
width:48px;
height:48px;
padding:4px;
}
body .vvd-tarjeta .vvf-tarjeta__titulo {
padding-right:44px;
}
body .vvd-acciones {
gap:6px;
}
body .vvd-acciones .vvf-boton {
flex:1 1 calc(50% - 6px);
min-height:40px;
padding:6px;
}
body .vvd-acciones .vvf-boton span:not(.vvf-oculto) {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
}
body .vvd-acciones .vvf-ico {
width:20px;
height:20px;
}
}