/* =============================================================================
   ADHESIVOS INDUSTRIALES — landing bespoke (/areas/adhesivos/) · S219
   Page-scoped bajo .adh. Consume el catalogo publico (areas-public.css:
   .areas-hero__*, .areas-section, .areas-prose, .areas-list, .areas-note,
   .areas-table, .areas-figure, .areas-cta, .areas-section-head) + atomos .at-*.
   Aqui vive SOLO lo propio de ESTA pantalla (GUION_ADHESIVOS §1.1 panel, §4
   editorial). Token-only (guard test_areas_css_cero_hex por glob areas-*.css).
   ============================================================================= */

/* --- §1.1 Donde ya trabajan: panel de demostracion (no rejilla) --- */
.adh-panel__title {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--brand-navy);
    margin-bottom: var(--space-2);
}
.adh-panel__intro { font-size: var(--text-base); color: var(--text-secondary); margin-bottom: var(--space-3); }
.adh-panel__close { font-size: var(--text-base); color: var(--text-primary); font-weight: var(--font-medium); margin: 0; }

/* --- §4 Hoja tecnica: editorial, ancho corto, fondo distinto -- "se lee mas
   despacio y el diseno debe forzarlo" (guion §4 brief) --- */
.adh-section--editorial { background: var(--bg-subtle); }
.adh-editorial {
    max-width: 820px;
    margin: 0 auto;
    background: var(--surface-base);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    padding: var(--space-10) var(--space-8);
    box-shadow: var(--shadow-sm);
}
.adh-editorial__title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: var(--font-bold);
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--brand-navy);
    margin-bottom: var(--space-5);
}
.adh-editorial p { font-size: var(--text-base); color: var(--text-secondary); line-height: 1.75; margin-bottom: var(--space-4); }
.adh-editorial p:last-child { margin-bottom: 0; }
.adh-editorial strong { color: var(--text-primary); }

@media (max-width: 768px) {
    .adh-editorial { padding: var(--space-6) var(--space-5); }
}