/* Reclamo de ficha ([vlc_directorio_reclamo]). Tokens y componentes base en mi-vivilacosta.css. */
.vlc-reclamo{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.vlc-mvl .vlc-reclamo-buscar{align-self:flex-start}

.vlc-reclamo-negocio{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px}
.vlc-reclamo-negocio-info{display:flex;align-items:center;gap:12px;min-width:0}
.vlc-reclamo-negocio-img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:var(--mvl-shadow)}
.vlc-reclamo-negocio-img--vacia{display:flex;align-items:center;justify-content:center;background:var(--mvl-container);color:var(--mvl-secondary)}
.vlc-mvl .vlc-reclamo-negocio-img--vacia .vlc-mvl-ico{font-size:30px}
.vlc-reclamo-pill{display:inline-block;padding:2px 8px;border-radius:9999px;background:var(--mvl-container);color:var(--mvl-primary);font-size:11px;font-weight:600;text-transform:uppercase}
.vlc-reclamo-negocio h2{font-size:20px;font-weight:700;margin-top:2px}
.vlc-reclamo-negocio p{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--mvl-variant)}
.vlc-mvl .vlc-reclamo-negocio p .vlc-mvl-ico{font-size:16px;color:var(--mvl-secondary)}

.vlc-reclamo-login{display:flex;flex-direction:column;gap:16px}
.vlc-reclamo-login p{color:var(--mvl-variant)}
.vlc-reclamo-login-acciones{display:flex;flex-wrap:wrap;gap:12px}

.vlc-reclamo-form{display:flex;flex-direction:column;gap:24px}
.vlc-reclamo-form-cabecera h3{font-size:20px;font-weight:700}
.vlc-reclamo-form-cabecera p{font-size:14px;color:var(--mvl-variant);margin-top:4px}
.vlc-reclamo-cuenta{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--mvl-variant)}
.vlc-mvl .vlc-reclamo-cuenta .vlc-mvl-ico{font-size:18px;color:var(--mvl-secondary)}
.vlc-reclamo-cuenta strong{color:var(--mvl-primary)}
.vlc-reclamo-acciones{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:640px){
    .vlc-reclamo-acciones{flex-direction:column-reverse;align-items:stretch}
    .vlc-reclamo-acciones .vlc-mvl-btn,.vlc-reclamo-negocio>.vlc-mvl-btn{width:100%}
}