/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */
body .vvfaq {
display:flex;
flex-direction:column;
gap:12px;
}
body .vvfaq__item {
border:1px solid color-mix(in srgb,var(--vv-texto,#333) 14%,transparent);
border-radius:var(--vv-radio,12px);
background:#fff;
overflow:hidden;
transition:border-color .3s ease,box-shadow .3s ease;
}
body .vvfaq__item[open] {
border-color:color-mix(in srgb,var(--vv-acento,#555) 45%,transparent);
box-shadow:0 14px 34px -24px rgba(0,0,0,.35);
}
body .vvfaq__pregunta {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:56px;
padding:16px 20px;
font-weight:700;
line-height:1.35;
list-style:none;
cursor:pointer;
}
body .vvfaq__pregunta::-webkit-details-marker {
display:none;
}
body .vvfaq__signo {
position:relative;
flex:none;
width:28px;
height:28px;
border-radius:50%;
background:color-mix(in srgb,var(--vv-acento,#555) 14%,transparent);
transition:transform .35s ease,background-color .3s ease;
}
body .vvfaq__signo::before,
body .vvfaq__signo::after {
content:"";
position:absolute;
top:50%;
left:50%;
width:12px;
height:2px;
margin:-1px 0 0 -6px;
border-radius:2px;
background:currentColor;
transition:transform .35s ease;
}
body .vvfaq__signo::after {
transform:rotate(90deg);
}
body .vvfaq__item[open] .vvfaq__signo {
transform:rotate(180deg);
}
body .vvfaq__item[open] .vvfaq__signo::after {
transform:rotate(0deg);
}
body .vvfaq__respuesta {
overflow:hidden;
}
body .vvfaq__caja {
padding:0 20px 18px;
}
body .vvfaq__caja > :first-child {
margin-top:0;
}
body .vvfaq__caja > :last-child {
margin-bottom:0;
}
@media (prefers-reduced-motion:reduce) {
body .vvfaq__signo,
body .vvfaq__signo::before,
body .vvfaq__signo::after {
transition:none;
}
}