/* Ficha pública de vlc_cargador. Todo scopeado bajo .vlc-cargador-ficha. */
.vlc-cargador-ficha{--cf-fondo:#f8f9ff;--cf-card:#fff;--cf-azul:#001142;--cf-azul2:#00236f;--cf-celeste:#0060ab;--cf-suave:#eff4ff;--cf-suave2:#e6eeff;--cf-suave3:#dce9ff;--cf-texto:#0d1c2e;--cf-muted:#444651;--cf-linea:#c5c5d3;--cf-terra:#ffdcc3;--cf-terra-osc:#442100;--cf-terra-txt:#2f1500;--cf-terra-txt2:#663d17;width:100%;background:var(--cf-fondo);color:var(--cf-texto);font-family:inherit;line-height:1.5;overflow-x:hidden}
.vlc-cargador-ficha *,.vlc-cargador-ficha *::before,.vlc-cargador-ficha *::after{box-sizing:border-box}
.vlc-cargador-ficha .vlc-cf-contenedor{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:24px 32px 48px}
.vlc-cargador-ficha h1,.vlc-cargador-ficha h2,.vlc-cargador-ficha h3{margin:0;padding:0;color:var(--cf-azul);font-family:inherit}
.vlc-cargador-ficha h2{font-size:20px;line-height:28px;font-weight:700}
.vlc-cargador-ficha p{margin:0;padding:0}
.vlc-cargador-ficha a:focus-visible,.vlc-cargador-ficha button:focus-visible{outline:3px solid var(--cf-celeste);outline-offset:2px}
.vlc-cargador-ficha .vlc-cf-icono{flex-shrink:0;width:20px;height:20px}
.vlc-cargador-ficha .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Breadcrumb */
.vlc-cargador-ficha .vlc-cf-migas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-migas a{color:var(--cf-muted);text-decoration:none}
.vlc-cargador-ficha .vlc-cf-migas a:hover{color:var(--cf-azul);text-decoration:underline}
.vlc-cargador-ficha .vlc-cf-migas span[aria-hidden]{color:var(--cf-linea)}
.vlc-cargador-ficha .vlc-cf-migas span[aria-current]{color:var(--cf-azul);font-weight:600;min-width:0;overflow-wrap:anywhere}

/* Cards */
.vlc-cargador-ficha .vlc-cf-card{background:var(--cf-card);border-radius:16px;padding:32px;box-shadow:0 1px 3px rgba(13,28,46,.08)}

/* Hero */
.vlc-cargador-ficha .vlc-cf-hero{position:relative;display:flex;flex-direction:column;gap:20px;padding:40px;overflow:hidden}
.vlc-cargador-ficha .vlc-cf-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(220,233,255,.55);filter:blur(48px);pointer-events:none}
.vlc-cargador-ficha .vlc-cf-hero>*{position:relative}
.vlc-cargador-ficha .vlc-cf-tags{display:flex;flex-wrap:wrap;gap:8px}
.vlc-cargador-ficha .vlc-cf-tag{padding:4px 12px;border-radius:999px;background:var(--cf-suave);color:var(--cf-muted);font-size:12px;line-height:16px;letter-spacing:.04em}
.vlc-cargador-ficha .vlc-cf-tag--red{background:var(--cf-suave2);color:var(--cf-azul);font-weight:600}
.vlc-cargador-ficha .vlc-cf-titulo{font-size:36px;line-height:44px;font-weight:900;letter-spacing:-.01em;overflow-wrap:anywhere}
.vlc-cargador-ficha .vlc-cf-extracto{max-width:768px;margin-top:-8px;font-size:18px;line-height:28px;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.vlc-cargador-ficha .vlc-cf-actualizado{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-actualizado .vlc-cf-icono{width:16px;height:16px;color:#757682}
.vlc-cargador-ficha .vlc-cf-direccion{display:flex;align-items:flex-start;gap:8px;font-weight:500}
.vlc-cargador-ficha .vlc-cf-direccion .vlc-cf-icono{margin-top:2px;color:var(--cf-azul)}
.vlc-cargador-ficha .vlc-cf-botones{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}

/* Estado: color + punto + texto (nunca solo color) */
.vlc-cargador-ficha .vlc-cf-estado{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:12px;line-height:16px;font-weight:600}
.vlc-cargador-ficha .vlc-cf-estado-punto{width:8px;height:8px;border-radius:50%;background:currentColor}
.vlc-cargador-ficha .vlc-cf-estado--operativo{background:#e3f4ea;color:#17663f}
.vlc-cargador-ficha .vlc-cf-estado--fuera_de_servicio{background:#ffe4e1;color:#93000a}
.vlc-cargador-ficha .vlc-cf-estado--pendiente_verificacion{background:#fff1cc;color:#7a5200}
.vlc-cargador-ficha .vlc-cf-estado--desconocido{background:#eceef3;color:#4a4c57}

/* Botones */
.vlc-cargador-ficha .vlc-cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 24px;border:0;border-radius:12px;font:inherit;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background-color .15s,filter .15s}
.vlc-cargador-ficha .vlc-cf-btn--primario{background:var(--cf-azul);color:#fff}
.vlc-cargador-ficha .vlc-cf-btn--primario:hover{background:var(--cf-azul2);color:#fff}
.vlc-cargador-ficha .vlc-cf-btn--secundario{background:var(--cf-suave);color:var(--cf-azul);font-weight:600}
.vlc-cargador-ficha .vlc-cf-btn--secundario:hover{background:var(--cf-suave2);color:var(--cf-azul)}
.vlc-cargador-ficha .vlc-cf-enlace{display:inline-flex;align-items:center;gap:6px;color:var(--cf-celeste);font-size:14px;font-weight:600;text-decoration:none}
.vlc-cargador-ficha .vlc-cf-enlace:hover{color:var(--cf-azul);text-decoration:underline}
.vlc-cargador-ficha .vlc-cf-enlace .vlc-cf-icono{width:18px;height:18px}

/* Métricas: la grilla se adapta a las que haya */
.vlc-cargador-ficha .vlc-cf-metricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vlc-cargador-ficha .vlc-cf-metricas--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vlc-cargador-ficha .vlc-cf-metricas--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vlc-cargador-ficha .vlc-cf-metricas--1{grid-template-columns:1fr}
.vlc-cargador-ficha .vlc-cf-metrica{display:flex;flex-direction:column;gap:4px;padding:12px;min-width:0}
.vlc-cargador-ficha .vlc-cf-metrica-valor{color:var(--cf-azul);font-size:32px;line-height:1.2;font-weight:800;overflow-wrap:anywhere}
.vlc-cargador-ficha .vlc-cf-metrica-valor small{font-size:20px;font-weight:600}
.vlc-cargador-ficha .vlc-cf-metrica-etiqueta{font-size:12px;letter-spacing:.04em;font-weight:500;color:var(--cf-muted)}

/* Grilla principal 7/12 + 5/12 */
.vlc-cargador-ficha .vlc-cf-principal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.vlc-cargador-ficha .vlc-cf-carga{grid-column:span 7;display:flex;flex-direction:column;gap:24px}
.vlc-cargador-ficha .vlc-cf-lateral{grid-column:span 5;display:flex;flex-direction:column;gap:24px}
.vlc-cargador-ficha .vlc-cf-principal>.vlc-cf-lateral:only-child{grid-column:1/-1}
/* Imagen destacada del cargador: referencia visual 16:9 arriba de «Ubicación». Sin imagen no hay bloque. */
.vlc-cargador-ficha .vlc-cargador-media{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#fff}
.vlc-cargador-ficha .vlc-cargador-media__img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.vlc-cargador-ficha .vlc-cf-card-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vlc-cargador-ficha .vlc-cf-card-cabecera .vlc-cf-icono{width:24px;height:24px;color:var(--cf-celeste)}
.vlc-cargador-ficha .vlc-cf-filas{margin:0;border-radius:12px;overflow:hidden}
.vlc-cargador-ficha .vlc-cf-filas>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}
.vlc-cargador-ficha .vlc-cf-filas>div:nth-child(odd){background:var(--cf-suave)}
.vlc-cargador-ficha .vlc-cf-filas dt{color:var(--cf-muted);font-weight:500}
.vlc-cargador-ficha .vlc-cf-filas dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.vlc-cargador-ficha .vlc-cf-filas dd a{color:var(--cf-celeste)}
.vlc-cargador-ficha .vlc-cf-pastilla{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:6px;background:var(--cf-suave3);color:var(--cf-azul);font-size:13px;font-weight:600}
.vlc-cargador-ficha .vlc-cf-filas dd>.vlc-cf-pastilla:first-child{margin-left:0}
.vlc-cargador-ficha .vlc-cf-nota{display:flex;align-items:flex-start;gap:6px;font-size:14px;line-height:20px;color:#5c5e6a}
.vlc-cargador-ficha .vlc-cf-nota .vlc-cf-icono{width:16px;height:16px;margin-top:2px}

/* Ubicación / Ubicado en */
.vlc-cargador-ficha .vlc-cf-ubicacion,.vlc-cargador-ficha .vlc-cf-negocio{display:flex;flex-direction:column;gap:12px;padding:24px}
.vlc-cargador-ficha .vlc-cf-ubicacion-direccion{font-weight:500}
.vlc-cargador-ficha .vlc-cf-ubicacion-zona{margin-top:-8px;font-size:14px;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-ubicacion-botones{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding-top:4px}
.vlc-cargador-ficha .vlc-cf-ubicacion-botones .vlc-cf-btn{padding:10px 12px;font-size:13px}
.vlc-cargador-ficha .vlc-cf-ubicacion-botones .vlc-cf-icono{width:16px;height:16px}
.vlc-cargador-ficha .vlc-cf-sobretitulo{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#757682}
.vlc-cargador-ficha .vlc-cf-negocio-cuerpo{display:flex;align-items:flex-start;gap:16px;min-width:0}
.vlc-cargador-ficha .vlc-cf-negocio-cuerpo>div{min-width:0}
.vlc-cargador-ficha .vlc-cf-negocio-icono{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--cf-suave3);color:var(--cf-azul)}
.vlc-cargador-ficha .vlc-cf-negocio-icono .vlc-cf-icono{width:26px;height:26px}
.vlc-cargador-ficha .vlc-cf-negocio h3{font-size:20px;line-height:28px;font-weight:700;overflow-wrap:anywhere}
.vlc-cargador-ficha .vlc-cf-negocio p{font-size:14px;color:var(--cf-muted)}

/* Mientras cargás */
.vlc-cargador-ficha .vlc-cf-servicios{display:flex;flex-direction:column;gap:4px}
.vlc-cargador-ficha .vlc-cf-bajada{color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-servicios ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}
.vlc-cargador-ficha .vlc-cf-servicios li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0;padding:14px;border-radius:12px;background:var(--cf-suave);text-align:center;font-size:13px;font-weight:500}
.vlc-cargador-ficha .vlc-cf-servicios li .vlc-cf-icono{width:24px;height:24px;color:var(--cf-azul)}

/* Sobre este punto */
.vlc-cargador-ficha .vlc-cf-sobre{display:flex;flex-direction:column;gap:16px}
.vlc-cargador-ficha .vlc-cf-contenido{color:var(--cf-muted);line-height:1.65}
.vlc-cargador-ficha .vlc-cf-contenido>*+*{margin-top:12px}

/* Verificación */
.vlc-cargador-ficha .vlc-cf-verificacion{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:12px;background:var(--cf-suave)}
.vlc-cargador-ficha .vlc-cf-verificacion-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(197,197,211,.45)}
.vlc-cargador-ficha .vlc-cf-verificacion-datos{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vlc-cargador-ficha .vlc-cf-sello{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;background:var(--cf-suave3);color:var(--cf-azul);font-size:12px;line-height:16px;font-weight:600}
.vlc-cargador-ficha .vlc-cf-sello .vlc-cf-icono{width:16px;height:16px}
.vlc-cargador-ficha .vlc-cf-sello--verificado_vivilacosta{background:var(--cf-azul2);color:#fff}
.vlc-cargador-ficha .vlc-cf-sello--pendiente{background:#fff1cc;color:#7a5200}
.vlc-cargador-ficha .vlc-cf-verificacion-fecha{font-size:14px;font-weight:500;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-fuente{padding:6px 12px;border:1px solid rgba(197,197,211,.45);border-radius:8px;background:#fff;font-size:12px;color:var(--cf-muted);overflow-wrap:anywhere}
.vlc-cargador-ficha .vlc-cf-fuente a{color:var(--cf-celeste)}
.vlc-cargador-ficha .vlc-cf-verificacion-metodo,.vlc-cargador-ficha .vlc-cf-verificacion-aviso{font-size:14px;line-height:20px;color:#5c5e6a}

/* Otros cargadores cerca */
.vlc-cargador-ficha .vlc-cf-cercanos{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.vlc-cargador-ficha .vlc-cf-cercanos-cabecera{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.vlc-cargador-ficha .vlc-cf-cercanos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vlc-cargador-ficha .vlc-cf-cercano{display:flex;flex-direction:column;gap:12px;padding:24px;min-width:0;transition:box-shadow .15s}
.vlc-cargador-ficha .vlc-cf-cercano:hover{box-shadow:0 4px 14px rgba(13,28,46,.1)}
.vlc-cargador-ficha .vlc-cf-cercano-superior{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.vlc-cargador-ficha .vlc-cf-cercano-barrio{font-size:12px;color:#757682}
.vlc-cargador-ficha .vlc-cf-cercano h3{font-size:18px;line-height:26px;font-weight:700;overflow-wrap:anywhere}
.vlc-cargador-ficha .vlc-cf-cercano-operador{margin-top:-8px;font-size:14px;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.vlc-cargador-ficha .vlc-cf-chip{padding:4px 8px;border-radius:4px;background:var(--cf-suave2);font-size:14px;color:var(--cf-muted)}
.vlc-cargador-ficha .vlc-cf-chip--fuerte{color:var(--cf-texto);font-weight:600}
.vlc-cargador-ficha .vlc-cf-cercano .vlc-cf-enlace{margin-top:auto}

/* CTA La Costense (terracota) */
.vlc-cargador-ficha .vlc-cf-costense{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:16px;background:var(--cf-terra);overflow:hidden}
.vlc-cargador-ficha .vlc-cf-costense::before{content:"";position:absolute;left:-48px;bottom:-48px;width:192px;height:192px;border-radius:50%;background:rgba(247,186,138,.45);filter:blur(32px);pointer-events:none}
.vlc-cargador-ficha .vlc-cf-costense>*{position:relative}
.vlc-cargador-ficha .vlc-cf-costense-texto{display:flex;align-items:flex-start;gap:16px;max-width:672px}
.vlc-cargador-ficha .vlc-cf-costense-icono{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--cf-terra-osc);color:var(--cf-terra)}
.vlc-cargador-ficha .vlc-cf-costense-icono .vlc-cf-icono{width:26px;height:26px}
.vlc-cargador-ficha .vlc-cf-costense h2{color:var(--cf-terra-txt)}
.vlc-cargador-ficha .vlc-cf-costense p{margin-top:4px;color:var(--cf-terra-txt2)}
.vlc-cargador-ficha .vlc-cf-btn--costense{flex-shrink:0;padding:14px 24px;background:var(--cf-terra-osc);color:var(--cf-terra)}
.vlc-cargador-ficha .vlc-cf-btn--costense:hover{filter:brightness(1.2);background:var(--cf-terra-osc);color:var(--cf-terra)}

@media (max-width:1023px){
    .vlc-cargador-ficha .vlc-cf-carga,.vlc-cargador-ficha .vlc-cf-lateral{grid-column:1/-1}
    .vlc-cargador-ficha .vlc-cf-metricas,.vlc-cargador-ficha .vlc-cf-metricas--3{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vlc-cargador-ficha .vlc-cf-servicios ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
    .vlc-cargador-ficha .vlc-cf-contenedor{gap:16px;padding:16px 16px 32px}
    .vlc-cargador-ficha .vlc-cf-card,.vlc-cargador-ficha .vlc-cf-hero{padding:24px}
    .vlc-cargador-ficha .vlc-cf-titulo{font-size:28px;line-height:36px}
    .vlc-cargador-ficha .vlc-cf-extracto{font-size:16px;line-height:24px}
    .vlc-cargador-ficha .vlc-cf-metricas{gap:12px}
    .vlc-cargador-ficha .vlc-cf-metrica{padding:4px}
    .vlc-cargador-ficha .vlc-cf-metrica-valor{font-size:26px}
    .vlc-cargador-ficha .vlc-cf-botones .vlc-cf-btn{width:100%}
    .vlc-cargador-ficha .vlc-cf-filas>div{flex-direction:column;align-items:flex-start;gap:4px}
    .vlc-cargador-ficha .vlc-cf-filas dd{text-align:left}
    .vlc-cargador-ficha .vlc-cf-servicios ul{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vlc-cargador-ficha .vlc-cf-cercanos-grid{grid-template-columns:1fr;gap:16px}
    .vlc-cargador-ficha .vlc-cf-costense{flex-direction:column;align-items:stretch;padding:24px}
    .vlc-cargador-ficha .vlc-cf-btn--costense{width:100%}
}
