/* ==========================================================================
   MÓDULO CONSEJO (KRAAL): CAJAS PROPIAS DEL PANEL
   Capa: módulos.
   Separado el 19/10/2026 de css/paneles-scout-tabla.css (migración CSS por
   capas, ver CLAUDE.md "Arquitectura CSS"), con las reglas tal cual.
   ========================================================================== */

/* Caja de contenido con el mismo estilo que la caja de arriba (20/08/2026,
   a petición expresa: "dale el mismo estilo a la caja siguiente, la que
   muestra un contenido según la elección de la primera caja"). Marcador
   propio ".panel-kraal-contenido" — ".panel-admin-contenido" a secas
   también la usan Secretaría/Roles/Tienda, que no se han homogeneizado
   todavía (ver comentario en inc/shortcodes-panel-scouter.php). Mismos
   valores que ".panel-admin-chrome". */
.panel-kraal-contenido {
    background: var(--wp--preset--color--base);
    border: 1px solid #D1D5DB;
    border-radius: var(--wp--custom--radio--tarjeta);
    padding: 16px;
    box-sizing: border-box;
}
/* Botones "Crear"/"Gestionar" (Eventos Recurrentes) — separación del
   contenido de debajo (antes la ponía el "border-bottom" de
   ".panel-subtabs-nav", ya no aplica al ser botones en vez de pestañas).
   Alineados a la derecha (21/08/2026, a petición expresa) — hereda
   "justify-content" de ".scout-fila-acciones-cabecera"
   (backend-form-edicion-post.css), que por defecto no fija ninguno
   (queda a la izquierda); se sobreescribe solo aquí, no en el resto de
   usos de esa clase (la cabecera de Editar Evento, que sigue igual). */
.panel-kraal-subacciones {
    margin-bottom: var(--wp--preset--spacing--lg);
    justify-content: flex-end;
}

/* Relleno lateral recortado en móvil: ver el comentario completo en
   css/layout/panel-admin.css (misma regla para .panel-admin-chrome). */
@media (max-width: 640px) {
    .panel-kraal-contenido {
        padding: 14px 8px;
    }
}

/* Norma móvil de gestión (11/11/2026, CLAUDE.md): en móvil la caja de contenido (Consejo, Transporte) no lleva marco, para
   que no haya cajas dentro de cajas. Su texto y sus botones quedan a 12 px, alineados con el de las cabeceras, y las
   tarjetas de las listas (.scout-tabla) llegan al margen común de 4 px, como las cajas de las demás páginas. */
@media (max-width: 599px) {
    /* Regla de los 4 px (CLAUDE.md, norma móvil, regla 2): el texto, a 4 px de la pantalla como el borde de las cajas; las
       tarjetas de las listas, también a 4 px (1 px más: su marco se pinta por fuera). */
    .panel-kraal-contenido {
        padding: 0;
        background: transparent;
        border: none;
        border-radius: 0;
    }
    .panel-kraal-contenido .scout-tabla-contenedor {
        margin-left: -1px;
        margin-right: -1px;
    }
}

/* Consejo → Publicaciones: «Ver todas las publicaciones» e «Incluir eventos recurrentes» (inc/shortcodes-panel-scouter.php,
   11/11/2026). Casilla ☐/☑ con su texto, del tamaño de los controles de su fila (buscador y «Buscar»), sin subrayado,
   fondo ni borde; marcada, en morado. Tres clases para ganar a ".entry-content.wp-block-post-content a"
   (css/base/frontend-contenido-simple-post.css), que la ponía grande y subrayada. */
.entry-content.wp-block-post-content a.filtro-marca {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--wp--custom--boton--texto-movil);
    font-weight: 600;
    color: var(--wp--custom--accion--gris); /* gris suave (11/11/2026, a petición: el negro era demasiado) */
    text-decoration: none;
    white-space: nowrap;
}

.entry-content.wp-block-post-content a.filtro-marca.is-on {
    color: var(--scout-global-base);
}

@media (min-width: 600px) {
    .entry-content.wp-block-post-content a.filtro-marca {
        font-size: var(--wp--custom--boton--texto);
    }
}