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

/* Equipo */
body .vveq {
margin:0 auto;
}
body .vveq-cab {
max-width:760px;
margin:0 auto clamp(28px,4vw,48px);
text-align:center;
}
body .vveq-titulo {
margin:0;
}
body .vveq-intro {
margin:12px 0 0;
opacity:0.8;
}
body .vveq-rejilla {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:clamp(20px,2.6vw,32px);
margin:0;
padding:0;
list-style:none;
}
body .vveq-rejilla[style*="--vveq-cols"] {
grid-template-columns:repeat(var(--vveq-cols),minmax(0,1fr));
}
body .vveq-persona {
display:flex;
flex-direction:column;
align-items:center;
padding:28px 24px 24px;
border-radius:var(--vv-radio, 16px);
background-color:#ffffff;
box-shadow:0 18px 40px -28px rgba(0,0,0,0.35);
text-align:center;
}
body .vveq-foto {
position:relative;
flex:none;
width:clamp(132px,12vw,168px);
aspect-ratio:1;
min-height:0;
overflow:hidden;
margin:0 0 18px;
padding:5px;
border-radius:50%;
background:linear-gradient(135deg,var(--vv-acento, #3d7f8f),var(--vv-oscuro, #1f2429));
}
body .vveq-foto img,
body .vveq-inicial {
position:absolute;
top:5px;
left:5px;
display:block;
width:calc(100% - 10px);
max-width:none;
height:calc(100% - 10px) !important;
box-sizing:border-box;
border:4px solid #ffffff;
border-radius:50%;
object-fit:cover;
}
body .vveq-inicial {
display:grid;
place-items:center;
background-color:var(--vv-claro, #f4f1ec);
color:var(--vv-oscuro, #1f2429);
font-size:3rem;
font-weight:800;
}
body .vveq-texto {
display:flex;
flex:1;
flex-direction:column;
align-items:center;
width:100%;
}
body .vveq-nombre {
margin:0;
font-size:1.25rem;
line-height:1.2;
}
body .vveq-cargo {
margin:8px 0 0;
color:var(--vv-acento, #3d7f8f);
font-size:0.82rem;
font-weight:800;
letter-spacing:0.1em;
text-transform:uppercase;
}
body .vveq-esp {
margin:6px 0 0;
font-size:0.95rem;
font-style:italic;
opacity:0.75;
}
body .vveq-bio {
margin:14px 0 0;
font-size:0.95rem;
line-height:1.6;
text-align:left;
}
body .vveq-bio p {
margin:0 0 0.7em;
}
body .vveq-bio p:last-child {
margin-bottom:0;
}
body .vveq-enlaces {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
margin:auto 0 0;
padding:18px 0 0;
list-style:none;
}
body .vveq-enlace {
display:grid;
place-items:center;
width:42px;
height:42px;
border-radius:50%;
background-color:var(--vv-claro, #f4f1ec);
color:var(--vv-oscuro, #1f2429);
transition:background-color 0.2s ease, color 0.2s ease, transform 0.3s ease;
}
body .vveq-enlace .vvf-ico {
width:20px;
height:20px;
}
body .vveq-enlace:hover,
body .vveq-enlace:focus-visible {
background-color:var(--vv-acento, #3d7f8f);
color:#ffffff;
transform:translateY(-2px);
}
@media (max-width:1023px) {
body .vveq-rejilla[style*="--vveq-cols"] {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:599px) {
body .vveq-rejilla,
body .vveq-rejilla[style*="--vveq-cols"] {
grid-template-columns:1fr;
}
}
@media (prefers-reduced-motion:reduce) {
body .vveq-enlace {
transition:none;
}
}