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

/* Ficha */
body .vvsv-cta {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:22px;
}
body .vvsv-cuerpo {
display:grid;
grid-template-columns:minmax(0, 1fr) 320px;
gap:clamp(32px, 5vw, 64px);
align-items:start;
padding-top:clamp(36px, 5vw, 64px);
padding-bottom:clamp(48px, 6vw, 88px);
}
body .vvsv-principal > * + * {
margin-top:clamp(36px, 4.5vw, 56px);
}
body .vvsv-texto {
font-size:1.05rem;
line-height:1.7;
}
body .vvsv-texto > :first-child {
margin-top:0;
}
body .vvsv-texto h2,
body .vvsv-texto h3 {
margin:1.6em 0 .55em;
color:var(--vv-oscuro, #1f2429);
font-family:var(--vv-fuente-titulos, inherit);
line-height:1.25;
}
body .vvsv-texto h2 {
font-size:clamp(1.35rem, 2.4vw, 1.75rem);
}
body .vvsv-texto h3 {
font-size:clamp(1.15rem, 2vw, 1.35rem);
}

/* Listas */
body .vvsv-listas {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:clamp(20px, 3vw, 32px);
}
body .vvsv-lista {
padding:clamp(20px, 3vw, 28px);
border:1px solid rgba(0,0,0,.08);
border-radius:var(--vv-radio, 14px);
background:var(--vv-fondo, #ffffff);
}
body .vvsv-lista__titulo {
font-size:clamp(1.1rem, 1.8vw, 1.3rem);
}
body .vvsv-lista__items {
display:grid;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
body .vvsv-lista__item {
display:flex;
align-items:flex-start;
gap:10px;
line-height:1.5;
}
body .vvsv-lista__ico {
margin-top:.2em;
color:var(--vv-acento, #555555);
}
@media only screen and (max-width:767px) {
body .vvsv-listas {
grid-template-columns:1fr;
}
}

/* Preguntas */
body .vvsv-pregunta {
border-bottom:1px solid rgba(0,0,0,.1);
}
body .vvsv-pregunta__titulo {
position:relative;
display:block;
padding:18px 44px 18px 0;
color:var(--vv-oscuro, #1f2429);
font-weight:700;
line-height:1.4;
cursor:pointer;
list-style:none;
}
body .vvsv-pregunta__titulo::-webkit-details-marker {
display:none;
}
body .vvsv-pregunta__titulo::after {
content:"";
position:absolute;
top:50%;
right:12px;
width:9px;
height:9px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:translateY(-70%) rotate(45deg);
transition:transform .3s ease;
}
body .vvsv-pregunta[open] > .vvsv-pregunta__titulo::after {
transform:translateY(-30%) rotate(-135deg);
}
body .vvsv-pregunta__texto {
overflow:hidden;
padding:0 0 18px;
line-height:1.65;
}
body .vvsv-pregunta__texto p {
margin:0 0 .8em;
}

/* Lateral */
body .vvsv-lateral {
position:sticky;
top:calc(var(--vv-arriba-alto, 80px) + 24px);
display:grid;
gap:20px;
}
body .vvsv-lateral__caja {
padding:24px;
border:1px solid rgba(0,0,0,.08);
border-radius:var(--vv-radio, 14px);
background:var(--vv-fondo, #ffffff);
}
body .vvsv-lateral__caja--cita {
border:0;
background:var(--vv-oscuro, #1f2429);
color:var(--vv-claro, #ffffff);
}
body .vvsv-lateral__titulo {
margin:0 0 8px;
font-family:var(--vv-fuente-titulos, inherit);
font-size:1.15rem;
font-weight:700;
}
body .vvsv-lateral__texto {
margin:0;
line-height:1.55;
opacity:.9;
}
body .vvsv-cta--lateral {
flex-direction:column;
margin-top:18px;
}
body .vvsv-cta--lateral .vvf-boton {
justify-content:center;
width:100%;
}
body .vvsv-enlaces {
display:grid;
gap:2px;
margin:0;
padding:0;
list-style:none;
}
body .vvsv-enlaces a {
display:flex;
align-items:center;
gap:10px;
min-height:44px;
padding:8px 0;
color:inherit;
text-decoration:none;
}
body .vvsv-enlaces a:hover span,
body .vvsv-enlaces a:focus-visible span {
text-decoration:underline;
text-underline-offset:3px;
}
body .vvsv-enlaces .vvf-ico {
color:var(--vv-acento, #555555);
}
@media only screen and (max-width:959px) {
body .vvsv-cuerpo {
grid-template-columns:1fr;
}
body .vvsv-lateral {
position:static;
}
}