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

/* ---------- Listado ---------- */
.vvcn-lista {
--vvcn-cols:3;
display:grid;
grid-template-columns:repeat(var(--vvcn-cols), minmax(0, 1fr));
gap:24px;
width:min(1240px, calc(100% - 32px));
margin:0 auto 48px;
}
.vvcn-tarjeta {
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
border:1px solid rgba(0,0,0,.08);
border-radius:var(--vv-radio, 16px);
background-color:#ffffff;
transition:box-shadow .25s ease, transform .25s ease;
}
.vvcn-tarjeta:hover,
.vvcn-tarjeta:focus-within {
box-shadow:0 12px 32px rgba(0,0,0,.08);
transform:translateY(-2px);
}
.vvcn-tarjeta__logo {
position:relative;
display:grid;
place-items:center;
height:180px;
padding:28px;
border-bottom:1px solid rgba(0,0,0,.06);
background-color:#ffffff;
}
.vvcn-tarjeta__img {
max-width:100%;
max-height:124px;
width:auto;
height:auto;
object-fit:contain;
}
.vvcn-tarjeta__letra {
display:grid;
place-items:center;
width:88px;
height:88px;
border-radius:50%;
background-color:var(--vv-claro, #f1f3f4);
color:var(--vv-oscuro, #1f2a2e);
font-size:40px;
font-weight:700;
}
.vvcn-sello {
position:absolute;
top:14px;
right:14px;
display:grid;
place-items:center;
width:66px;
height:66px;
margin:0;
padding:0;
border-radius:50%;
background-color:var(--vv-acento, #2f6f73);
color:#ffffff;
font-weight:800;
line-height:1;
}
.vvcn-sello__n {
font-size:17px;
letter-spacing:-.02em;
}
.vvcn-tarjeta__txt {
display:flex;
flex:1;
flex-direction:column;
gap:8px;
padding:20px 22px 22px;
}
.vvcn-tarjeta__titulo {
margin:0;
font-size:1.15rem;
line-height:1.3;
}
.vvcn-tarjeta__titulo a {
color:var(--vv-oscuro, #1f2a2e);
text-decoration:none;
}
.vvcn-tarjeta__titulo a::after {
content:"";
position:absolute;
inset:0;
}
.vvcn-tarjeta__titulo a:focus-visible {
outline:none;
}
.vvcn-tarjeta:has(.vvcn-tarjeta__titulo a:focus-visible) {
outline:3px solid var(--vv-acento, #2f6f73);
outline-offset:3px;
}
.vvcn-tarjeta__quien {
margin:0;
color:var(--vv-acento, #2f6f73);
font-size:.9rem;
font-weight:600;
}
.vvcn-tarjeta__resumen {
margin:0;
color:var(--vv-texto, #3d4548);
font-size:.95rem;
line-height:1.55;
}
.vvcn-tarjeta__mas {
margin:auto 0 0;
padding-top:8px;
}
.vvcn-tarjeta__mas a {
display:inline-flex;
align-items:center;
gap:6px;
color:var(--vv-acento, #2f6f73);
font-weight:700;
text-decoration:none;
}
.vvcn-ico {
width:18px;
height:18px;
flex:none;
}
.vvcn-vacio {
width:min(1240px, calc(100% - 32px));
margin:0 auto 48px;
}

/* ---------- Ficha ---------- */
.vvcn-ficha {
width:min(960px, calc(100% - 32px));
margin:0 auto 64px;
color:var(--vv-texto, #3d4548);
}
.vvcn-ficha__cab {
margin:0 0 32px;
padding-top:24px;
}
.vvcn-ficha__cab .vvf-migas {
margin-bottom:20px;
}
.vvcn-ficha__cab-fila {
display:grid;
grid-template-columns:240px minmax(0, 1fr);
gap:32px;
align-items:center;
}
.vvcn-ficha__cab-fila:not(:has(.vvcn-ficha__logo)) {
grid-template-columns:1fr;
}
.vvcn-ficha__logo {
position:relative;
display:grid;
place-items:center;
min-height:200px;
padding:28px;
border:1px solid rgba(0,0,0,.08);
border-radius:var(--vv-radio, 16px);
background-color:#ffffff;
}
.vvcn-ficha__img {
max-width:100%;
max-height:160px;
width:auto;
height:auto;
object-fit:contain;
}
.vvcn-sello--grande {
top:-14px;
right:-14px;
align-content:center;
width:104px;
height:104px;
padding:10px;
text-align:center;
}
.vvcn-sello--grande .vvcn-sello__n {
font-size:24px;
}
.vvcn-sello__c {
display:block;
max-width:96px;
margin-top:4px;
font-size:10px;
font-weight:600;
line-height:1.2;
}
.vvcn-ficha__titulo {
margin:0 0 12px;
color:var(--vv-oscuro, #1f2a2e);
line-height:1.15;
}
.vvcn-ficha__quien {
display:flex;
align-items:center;
gap:8px;
margin:0 0 12px;
color:var(--vv-acento, #2f6f73);
font-weight:700;
}
.vvcn-ficha__titular {
margin:0;
font-size:1.15rem;
line-height:1.55;
}
.vvcn-aviso {
margin:0 0 32px;
padding:14px 18px;
border-radius:12px;
background-color:#fff4e5;
color:#7a4b00;
font-weight:600;
}
.vvcn-bloque {
margin:0 0 36px;
}
.vvcn-bloque__titulo {
margin:0 0 16px;
color:var(--vv-oscuro, #1f2a2e);
font-size:1.4rem;
}
.vvcn-ventajas {
display:grid;
gap:12px;
margin:0;
padding:0;
list-style:none;
}
.vvcn-ventaja {
display:grid;
grid-template-columns:110px minmax(0, 1fr);
gap:16px;
align-items:start;
padding:16px 18px;
border:1px solid rgba(0,0,0,.07);
border-radius:14px;
background-color:#ffffff;
}
.vvcn-ventaja__sello {
display:grid;
place-items:center;
min-height:44px;
padding:6px 8px;
border-radius:10px;
background-color:var(--vv-acento, #2f6f73);
color:#ffffff;
font-weight:800;
text-align:center;
line-height:1.15;
}
.vvcn-ventaja--gratis .vvcn-ventaja__sello,
.vvcn-ventaja--incluido .vvcn-ventaja__sello {
background-color:var(--vv-claro, #e8f0f0);
color:var(--vv-oscuro, #1f2a2e);
font-size:.9rem;
}
.vvcn-ventaja__txt {
display:flex;
flex-direction:column;
gap:4px;
padding-top:4px;
}
.vvcn-ventaja__txt strong {
color:var(--vv-oscuro, #1f2a2e);
line-height:1.4;
}
.vvcn-ventaja__det {
font-size:.92rem;
line-height:1.55;
}
.vvcn-texto > :first-child {
margin-top:0;
}
.vvcn-cita {
margin:0 0 36px;
padding:20px 24px;
border-left:4px solid var(--vv-acento, #2f6f73);
border-radius:0 14px 14px 0;
background-color:var(--vv-claro, #f1f5f5);
font-size:1.1rem;
font-style:italic;
}
.vvcn-cita p {
margin:0;
}
.vvcn-foto {
margin:0 0 36px;
}
.vvcn-foto__img {
display:block;
width:100%;
height:auto;
border-radius:var(--vv-radio, 16px);
}
.vvcn-web {
margin:0 0 36px;
}
.vvcn-cierre {
padding:28px;
border-radius:var(--vv-radio, 16px);
background-color:var(--vv-oscuro, #1f2a2e);
color:#ffffff;
}
.vvcn-cierre__titulo {
margin:0 0 8px;
font-size:1.3rem;
font-weight:700;
}
.vvcn-cierre__texto {
margin:0 0 20px;
line-height:1.6;
}
.vvcn-cierre__texto strong {
color:#ffffff;
}
.vvcn-cierre__boton {
margin:0;
}
.vvcn-boton {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:12px 26px;
border-radius:999px;
background-color:var(--vv-acento, #2f6f73);
color:#ffffff;
font-weight:700;
text-decoration:none;
transition:filter .2s ease;
}
.vvcn-boton:hover,
.vvcn-boton:focus-visible {
filter:brightness(1.1);
color:#ffffff;
}
.vvcn-boton:focus-visible {
outline:3px solid #ffffff;
outline-offset:3px;
}

/* ---------- Tablet y móvil ---------- */
@media (max-width: 1024px) {
.vvcn-lista {
--vvcn-cols:2 !important;
}
}
@media (max-width: 700px) {
.vvcn-lista {
--vvcn-cols:1 !important;
gap:16px;
}
.vvcn-ficha__cab-fila {
grid-template-columns:1fr;
gap:24px;
}
.vvcn-ficha__logo {
min-height:160px;
}
.vvcn-sello--grande {
top:-10px;
right:-6px;
}
.vvcn-ventaja {
grid-template-columns:1fr;
gap:10px;
}
.vvcn-ventaja__sello {
justify-self:start;
min-width:96px;
}
.vvcn-cierre {
padding:22px;
}
}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion: reduce) {
.vvcn-tarjeta,
.vvcn-boton {
transition:none;
}
.vvcn-tarjeta:hover,
.vvcn-tarjeta:focus-within {
transform:none;
}
}