/* Ficha de VMAR Juan Dolio (la genera noticias/build.mjs con noticias/vmar.mjs). Usa las variables de la portada. */
.vm-hero{position:relative;color:#fff;padding:140px 0 56px;overflow:hidden;background:#0b3d26}
.vm-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vm-hero-sombra{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,26,.55) 0%,rgba(8,40,26,.75) 55%,rgba(8,40,26,.93) 100%)}
.vm-hero .contenedor{position:relative;z-index:1;max-width:1000px}
.vm-migas,.vm-migas a{color:#cfe3d8}
.vm-migas{font-size:.85rem;margin-bottom:14px}
.vm-hero .etiqueta{background:rgba(255,255,255,.14);color:var(--dorado)}
.vm-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);max-width:22ch;margin:10px 0 14px}
.vm-hero h1 em{font-style:normal;color:var(--dorado)}
.vm-lede{color:#e3efe8;font-size:1.1rem;max-width:60ch;margin-bottom:22px}
.vm-meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:10px;margin-bottom:22px}
.vm-meta div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px 14px}
.vm-meta span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#bcd6c7}
.vm-meta b{font-size:1rem}
.vm-acciones{display:flex;flex-wrap:wrap;gap:12px}
.vm-btn-linea{background:transparent;border:2px solid rgba(255,255,255,.6)}
.vm-firma{margin-top:22px;font-size:.88rem;color:#bcd6c7}
@media (max-width:760px){.vm-hero{padding:110px 0 44px}.vm-meta{grid-template-columns:1fr 1fr}}

.vm-noticia .etiqueta{margin-bottom:8px}
.vm-seccion{padding:64px 0}
.vm-titulo{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:8px 0 12px}
.vm-sub{color:var(--gris);max-width:68ch;margin-bottom:26px}
.vm-nota{font-size:.85rem;color:var(--gris);margin-top:18px;max-width:90ch}
mark.pendiente{background:#fff3c4;color:#7a4b00;border:1px dashed #c9a227;border-radius:4px;padding:0 4px;font-size:.88em;font-weight:600}

.vm-cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media (max-width:760px){.vm-cifras{grid-template-columns:1fr 1fr}}
.vm-cifras div{background:#fff;border-radius:14px;padding:18px;border-top:4px solid var(--dorado);box-shadow:var(--sombra)}
.vm-cifras b{display:block;font-family:'Playfair Display',serif;color:var(--verde-oscuro);font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.15}
.vm-cifras span{color:var(--gris);font-size:.9rem}
.vm-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.vm-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
@media (max-width:900px){.vm-tres{grid-template-columns:1fr}}
@media (max-width:760px){.vm-dos{grid-template-columns:1fr}}
.vm-tarjeta{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:var(--sombra)}
.vm-tarjeta h3{font-size:1.2rem;margin-bottom:8px}
.vm-tarjeta p{color:var(--gris)}
.vm-pago{list-style:none;display:grid;gap:8px;color:var(--gris)}
.vm-pago b{color:var(--verde-oscuro);display:inline-block;min-width:70px}

/* Ubicación */
.vm-ubica{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}
@media (max-width:860px){.vm-ubica{grid-template-columns:1fr}}
.vm-distancias{list-style:none;display:grid;gap:10px}
.vm-distancias li{display:flex;gap:14px;align-items:baseline;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px}
.vm-distancias b{font-family:'Playfair Display',serif;color:var(--verde-oscuro);font-size:1.3rem;min-width:72px}
.vm-distancias span{color:var(--gris)}
.vm-mapa{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#e5e7eb}
.vm-mapa img,.vm-mapa iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.vm-mapa-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* Galería */
.vm-galeria{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.vm-galeria figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#e5e7eb}
.vm-galeria img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vm-galeria .vm-g-grande{grid-row:span 2}
.vm-galeria figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 8px;font-size:.8rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65))}
@media (max-width:760px){.vm-galeria{grid-template-columns:1fr 1fr}.vm-galeria .vm-g-grande{grid-column:1/-1;grid-row:auto}}

/* Pasos diáspora */
.vm-pasos{counter-reset:p;list-style:none;display:grid;gap:12px;max-width:860px;margin-bottom:20px}
.vm-pasos li{counter-increment:p;position:relative;padding:14px 16px 14px 58px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:var(--gris)}
.vm-pasos li::before{content:counter(p);position:absolute;left:14px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--verde-oscuro);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.vm-pasos b{color:var(--texto)}

/* Preguntas */
.vm-faq .contenedor{max-width:860px}
.vm-faq details{border-bottom:1px solid #e5e7eb;padding:16px 0}
.vm-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.vm-faq summary::-webkit-details-marker{display:none}
.vm-faq summary::after{content:"+";color:var(--verde);font-size:1.4rem;line-height:1}
.vm-faq details[open] summary::after{content:"–"}
.vm-faq details p{color:var(--gris);margin-top:8px}

/* Formulario */
.vm-info{background:linear-gradient(135deg,#0f5132 0%,#146644 55%,#0b3d26 100%)}
.vm-info-caja{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
@media (max-width:860px){.vm-info-caja{grid-template-columns:1fr}}
.vm-info-txt{color:#e3efe8}
.vm-info-txt .etiqueta{background:rgba(255,255,255,.14);color:var(--dorado)}
.vm-info-txt h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.4rem);margin:8px 0 10px}
.vm-info-txt ul{margin:16px 0 22px;padding-left:20px;display:grid;gap:6px}
.vm-form,.vm-ok{background:#fff;border-radius:18px;padding:26px;box-shadow:0 20px 40px rgba(0,0,0,.18)}
.vm-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
@media (max-width:560px){.vm-campos{grid-template-columns:1fr}}
.vm-completo{grid-column:1/-1}
.vm-form label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px}
.vm-form label small{font-weight:400;color:var(--gris)}
.vm-form input[type=text],.vm-form input[type=tel],.vm-form input[type=email],.vm-form select{width:100%;font:1rem 'Inter',sans-serif;padding:12px 14px;border:1.5px solid #d1d5db;border-radius:10px;background:#fff;color:var(--texto)}
.vm-form input:focus,.vm-form select:focus{outline:3px solid rgba(5,150,105,.3);border-color:var(--verde)}
.vm-form .trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.vm-enviar{width:100%;font-size:1.05rem;padding:14px}
.vm-enviar[disabled]{opacity:.6;cursor:wait}
.vm-estado{min-height:22px;margin-top:10px;font-size:.92rem;color:#b42318}
.vm-ok{text-align:center}
.vm-check{width:64px;height:64px;border-radius:50%;background:var(--verde-claro);color:var(--verde-oscuro);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.vm-ok h3{font-size:1.6rem;margin-bottom:8px}
.vm-ok p{color:var(--gris);margin-bottom:18px}
.vm-aviso{color:#bcd6c7;font-size:.85rem;margin-top:22px}

/* Relacionados */
.vm-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
@media (max-width:980px){.vm-rel{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vm-rel{grid-template-columns:1fr}}
.vm-art{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.vm-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.vm-art div{padding:14px 16px 18px}
.vm-fecha{font-size:.8rem;color:var(--gris);margin-bottom:4px}
.vm-art h3{font-size:1.02rem;line-height:1.35}
.vm-art h3 a{color:var(--verde-oscuro);text-decoration:none}
.vm-art h3 a:hover{text-decoration:underline}
.vm-art-madrid{background:#fbf6e6;border-color:rgba(201,162,39,.5);display:flex;align-items:center}
.vm-actualiza{background:#fbf6e6;border-left:4px solid var(--dorado);border-radius:10px;padding:12px 16px;margin:14px 0 18px;color:var(--texto);font-size:.95rem}
