.vlc-dh{--azul:#00236f;--azul2:#eff4ff;--coral:#ef5f4b;--texto:#1e293b;--muted:#64748b;--borde:#e2e8f0;font-family:inherit;color:var(--texto)}
.vlc-dh-container{max-width:1200px;margin:0 auto;padding:0 20px}
.vlc-dh-suelto{max-width:1200px;margin:0 auto;padding:30px 20px}
.vlc-dh-hero{background:var(--azul2);padding:80px 0 60px;text-align:center;border-bottom:1px solid var(--borde);margin-bottom:0}
.vlc-dh-hero-titulo{margin:0 0 12px;font-size:42px;font-weight:800;color:var(--azul);letter-spacing:-.02em}
.vlc-dh-hero-subtitulo{margin:0 0 32px;font-size:18px;color:var(--muted)}
.vlc-dh-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.vlc-dh-tag{background:#fff;border:1px solid var(--borde);padding:8px 16px;border-radius:100px;color:var(--texto);text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease}
.vlc-dh-tag:hover{border-color:#3b82f6;color:#3b82f6}
.vlc-dh-tag-alerta{background:#fff1f0;color:var(--coral);border-color:#ffdedc}
.vlc-dh-seccion{padding:60px 0}
.vlc-dh-seccion-titulo{font-size:24px;font-weight:800;color:var(--azul);margin:0 0 30px}
.vlc-dh-esenciales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.vlc-dh-esencial-card{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:20px}
.vlc-dh-esencial-card:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 10px 20px rgba(0,0,0,.04)}
.vlc-dh-esencial-card svg{width:28px;height:28px;fill:#3b82f6}
.vlc-dh-esencial-alerta{background:#fffbfb;border-color:#ffede9}
.vlc-dh-esencial-alerta svg{fill:var(--coral)}
.vlc-dh-esencial-cuerpo{display:flex;justify-content:space-between;align-items:center}
.vlc-dh-esencial-flecha{width:18px;height:18px;fill:#cbd5e1}
.vlc-dh-categorias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.vlc-dh-cat-card{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:20px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:16px;transition:all .2s ease}
.vlc-dh-cat-card:hover{border-color:#3b82f6;background:#f8faff}
.vlc-dh-cat-card svg{width:24px;height:24px;fill:var(--azul);background:var(--azul2);padding:12px;border-radius:12px;box-sizing:content-box;flex:0 0 auto}
.vlc-dh-cat-card p{margin:0;font-size:12px;color:var(--muted)}
.vlc-dh-resultados{padding:20px 0 70px;scroll-margin-top:30px}
.vlc-dh-cta{background:var(--azul);color:#fff;padding:80px 0;text-align:center}
.vlc-dh-cta h2{color:#fff;font-size:32px;font-weight:800;margin:0 0 16px}
.vlc-dh-cta p{font-size:18px;opacity:.8;max-width:700px;margin:0 auto 40px}
.vlc-dh-cta-acciones{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.vlc-dh-btn-cta-primario{background:#3b82f6;color:#fff!important;text-decoration:none;padding:18px 32px;border-radius:12px;font-weight:700}
.vlc-dh-btn-cta-borde{border:1px solid rgba(255,255,255,.3);color:#fff!important;text-decoration:none;padding:18px 32px;border-radius:12px;font-weight:700;transition:background .2s}
.vlc-dh-btn-cta-borde:hover{background:rgba(255,255,255,.1)}
@media(max-width:768px){.vlc-dh-hero-titulo{font-size:32px}.vlc-dh-cta-acciones{flex-direction:column}}
/* Carrusel horizontal en mobile para las grillas de navegación (Servicios esenciales,
   Categorías): cada tarjeta ocupa ~68% del ancho para que se asome la siguiente y quede
   claro que hay que deslizar. Atributo carrusel="no" del shortcode vuelve a la grilla
   apilada normal (clase .es-sin-carrusel, agregada directo sobre el propio grid). */
@media(max-width:680px){
	.vlc-dh-esenciales-grid,.vlc-dh-categorias-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:6px;scrollbar-width:none}
	.vlc-dh-esenciales-grid::-webkit-scrollbar,.vlc-dh-categorias-grid::-webkit-scrollbar{display:none}
	.vlc-dh-esencial-card,.vlc-dh-cat-card{flex:0 0 68%;scroll-snap-align:start}
	.vlc-dh-esenciales-grid.es-sin-carrusel,.vlc-dh-categorias-grid.es-sin-carrusel{display:grid;grid-template-columns:1fr;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}
	.vlc-dh-esenciales-grid.es-sin-carrusel .vlc-dh-esencial-card,.vlc-dh-categorias-grid.es-sin-carrusel .vlc-dh-cat-card{flex:initial}
}