/* ==========================================================================
   Estilos de la página pública de perfil de empresa (/empresas/{slug}).
   Reutiliza empleos.css para container, breadcrumb y grilla de vacantes.
   ========================================================================== */

.empresa-header {
    display: flex; gap: 22px; align-items: flex-start;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 20px;
    padding: 28px; margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
@media (max-width: 560px) { .empresa-header { flex-direction: column; gap: 16px; padding: 20px; } }

.empresa-logo {
    width: 88px; height: 88px; flex-shrink: 0; border-radius: 18px;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
    background: linear-gradient(135deg, #0f5edd, #25ed8d); color: #fff;
    font-size: 34px; font-weight: 800;
}
.empresa-logo img { width: 100%; height: 100%; object-fit: cover; }

.empresa-id { min-width: 0; flex: 1; }
.empresa-name { font-size: 28px; font-weight: 800; color: #0f172a; line-height: 1.15; margin: 0; }
@media (min-width: 640px) { .empresa-name { font-size: 34px; } }

.empresa-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; color: #64748b; font-size: 14px; }
.empresa-meta span { display: inline-flex; align-items: center; gap: 6px; }
.empresa-meta svg { width: 15px; height: 15px; color: #94a3b8; }
.empresa-meta a { color: #0f5edd; text-decoration: none; font-weight: 500; }
.empresa-meta a:hover { text-decoration: underline; }

.empresa-stats { display: flex; gap: 22px; margin-top: 18px; flex-wrap: wrap; }
.empresa-stat { display: flex; flex-direction: column; }
.empresa-stat .num { font-size: 20px; font-weight: 800; color: #0f172a; line-height: 1; }
.empresa-stat .lbl { font-size: 12px; color: #94a3b8; margin-top: 4px; text-transform: uppercase; letter-spacing: .06em; }

.empresa-socials { display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap; }
.empresa-social {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 12px; border-radius: 999px; border: 1px solid #e2e8f0;
    background: #fff; color: #475569; font-size: 13px; font-weight: 500;
    text-decoration: none; transition: all .15s ease; text-transform: capitalize;
}
.empresa-social:hover { border-color: #0f5edd; color: #0f5edd; }

.empresa-about {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 16px;
    padding: 24px; margin-bottom: 28px;
}
.empresa-about h2 { font-size: 16px; font-weight: 700; color: #0f172a; margin: 0 0 10px; }
.empresa-about p { color: #475569; font-size: 15px; line-height: 1.7; margin: 0; white-space: pre-line; }

.empresa-section-label {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px; text-transform: uppercase; letter-spacing: .14em;
    color: #94a3b8; margin: 0 0 12px;
}