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

/* ---------- Botones ---------- */
body .vv-cartas-lista {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}
body .vv-carta-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 22px;
border:1px solid var(--vv-acento);
border-radius:var(--vv-radio,999px);
color:var(--vv-oscuro);
font-weight:600;
text-decoration:none;
transition:background-color .3s ease,color .3s ease;
}
body .vv-carta-btn:hover,
body .vv-carta-btn:focus-visible {
background-color:var(--vv-acento);
color:#ffffff;
}

/* ---------- Menú especial ---------- */
body .vv-tema,
body .vv-modal-opcion--tema {
position:relative;
overflow:visible;
}
body .vv-tema-ico {
position:absolute;
top:50%;
left:-14px;
width:46px;
height:46px;
margin-top:-23px;
pointer-events:none;
filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--vv-oscuro) 35%,transparent));
}
body .vv-tema-ico svg {
width:100%;
height:100%;
display:block;
}
body .vv-modal-opcion--tema {
display:flex;
align-items:center;
gap:14px;
padding:14px 14px 14px 40px;
border-radius:12px;
border:1px solid transparent;
text-decoration:none;
}
body .vv-modal-opcion--tema .vv-modal-txt strong,
body .vv-modal-opcion--tema .vv-modal-txt em,
body .vv-modal-opcion--tema .vv-modal-flecha {
color:inherit;
}
body .vv-modal-opcion--tema .vv-modal-txt em {
opacity:.78;
}
body .vv-tema[data-tema],
body .vv-modal-opcion--tema[data-tema] {
color:#fff4e3;
}
body [data-tema="navidad"].vv-tema,
body [data-tema="navidad"].vv-modal-opcion--tema {
background-image:linear-gradient(120deg,#6d1526,#8f2035);
border-color:#c8a25b;
color:#fff4e3;
}
body [data-tema="semana-santa"].vv-tema,
body [data-tema="semana-santa"].vv-modal-opcion--tema {
background-image:linear-gradient(120deg,#43285f,#5b3a7e);
border-color:#c7a86b;
color:#f6efff;
}
body [data-tema="feria"].vv-tema,
body [data-tema="feria"].vv-modal-opcion--tema {
background-image:linear-gradient(120deg,#b3271f,#d24a34);
border-color:#f0c04a;
color:#fff6e8;
}
body [data-tema="san-valentin"].vv-tema,
body [data-tema="san-valentin"].vv-modal-opcion--tema {
background-image:linear-gradient(120deg,#9b1436,#c02a52);
border-color:#f2b3c2;
color:#fff0f3;
}
body .vv-tema {
padding-left:42px !important;
}
body .vv-tema .vv-tema-ico {
left:-12px;
width:42px;
height:42px;
margin-top:-21px;
}
body a.vv-tema,
body a.vv-tema span {
color:inherit;
}