/* SerSoE Palacio V0.4.126 — unificación exclusivamente visual.
 * Tapiz #E6E6E3, paneles #CACACA, tarjetas #CBCBCC,
 * borde #002795, títulos #000080 y campos #FDFDFD.
 * Se respetan los colores semánticos de acciones/avisos y el HTML
 * de las plantillas y vistas previas de los mensajes de correo. */

/* V0.4.141 — márgenes simétricos del marco principal en todas las vistas.
 * El marco ocupa la altura disponible; si hay más contenido, el desplazamiento
 * sigue siendo posible. Los paneles secundarios conservan su tamaño natural. */
:root{--sersoe-rm-marco-margen:32px}
.sersoe-rm-area{
  padding:var(--sersoe-rm-marco-margen)!important;
  box-sizing:border-box!important
}
.sersoe-rm-area > .sersoe-rm-bloque{margin:0!important}
html.srnav-embedded .sersoe-rm-area{
  display:flex!important;
  flex-direction:column!important;
  min-height:100dvh!important
}
html.srnav-embedded .sersoe-rm-area > .sersoe-rm-bloque:only-of-type{
  flex:1 0 auto!important
}
.sersoe-rm-modal-cuerpo{
  display:flex!important;
  flex-direction:column!important;
  padding:var(--sersoe-rm-marco-margen)!important;
  box-sizing:border-box!important;
  overflow-y:auto!important
}
.sersoe-rm-modal-cuerpo > .sersoe-rm-contenido{
  display:flex!important;
  flex-direction:column!important;
  flex:1 0 auto!important;
  min-height:100%!important;
  padding:24px!important
}
.sersoe-rm-modal-cuerpo > .sersoe-rm-contenido > .sersoe-rm-subgrupo{
  flex:1 0 auto!important
}
/* Pantallas delegadas y de permisos que se abren directamente en el visor. */
html.srnav-embedded :is(
  .sp-main:not(.sp-main--landing),.srpf-main,.rm-bp-main,.sersoe-rm-delegado-main
){
  box-sizing:border-box!important;
  width:calc(100% - var(--sersoe-rm-marco-margen) - var(--sersoe-rm-marco-margen))!important;
  max-width:none!important;
  min-height:calc(100dvh - var(--sersoe-rm-marco-margen) - var(--sersoe-rm-marco-margen))!important;
  margin:var(--sersoe-rm-marco-margen)!important
}
@media(max-width:760px){:root{--sersoe-rm-marco-margen:16px}}

/* Superficie general, también para páginas internas cargadas en el visor. */
html.srnav-embedded,html.srnav-embedded body,
body:has(.sersoe-rm-area),body:has(.rm-log-full){background:#E6E6E3!important;color:#111!important}
html.srnav-embedded body,
html.srnav-embedded :is(.wrap,.sersoe-perm-dual,.srpf-main,.sp-main,.rm-bp-main),
.sersoe-rm-area,.sersoe-rm-modal,.rm-log-full,.rm-log-form{font-family:"Times New Roman",Times,serif!important}

/* Contenedores generales. No alterar el contenido del correo redactado. */
html.srnav-embedded :is(.sersoe-rm-area,.sersoe-rm-modal-panel,.sersoe-rm-modal-cuerpo,.sp-main,.srpf-main,.rm-bp-main),
.sersoe-rm-area,.sersoe-rm-modal-panel,.sersoe-rm-modal-cuerpo{background:#E6E6E3!important;color:#111!important}
:is(.sersoe-rm-bloque,.sersoe-rm-subgrupo,.sersoe-rm-contenido,
    .sersoe-ec-plantillas-editor,.sersoe-ec-envios-card,.sersoe-rm-campanas-wrap .sersoe-rm-card,
    .srba-panel,.srst-bloque,.rm-log-full,.rm-log-form,
    .sersoe-rm-colcamp-seguimiento,.sersoe-rm-colcamp-acciones-correo,
    .sersoe-rm-colcamp-form-clasificar,.sersoe-rm-colcamp-envio-seguimiento,
    .sersoe-ec-campana-bloque,.srforms-diseno-opciones,.srforms-lienzo-editor){
  background:#CACACA!important;border-color:#A9A9AA!important;color:#111!important
}
:is(.srst-dato,.sersoe-rm-colcamp-dato,.sersoe-rm-colcamp-contacto,
    .sersoe-rm-colcamp-observaciones,.sersoe-rm-colcamp-tabla-historial,
    .srforms-editor-field,.srforms-envio-tarjeta,.srforms-envio-campos){
  background:#FDFDFD!important;border-color:#A9A9AA!important;color:#111!important
}
:is(.sersoe-rm-colcamp-tabla-historial,.srba-table,.sp-table) th{
  background:#CBCBCC!important;color:#000080!important;border-color:#A9A9AA!important
}
/* Acordeones y fichas de seguimiento: sin dorados ni beiges residuales. */
.sersoe-rm-colcamp-acordeon{background:#CACACA!important;border-color:#A9A9AA!important}
.sersoe-rm-colcamp-acordeon > summary,
.sersoe-rm-colcamp-acordeon[open] > summary,
.sersoe-rm-colcamp-asignacion-ficha > summary{
  background:#CBCBCC!important;color:#000080!important;border-color:#A9A9AA!important
}
.sersoe-rm-colcamp-acordeon > summary::after{color:#000080!important}
.sersoe-rm-colcamp-acordeon-cuerpo,
.sersoe-rm-colcamp-asignacion-ficha .sersoe-rm-colcamp-acordeon-cuerpo,
.sersoe-rm-colcamp-modal-contenido{background:#CACACA!important;color:#111!important}
.sersoe-rm-colcamp-modal,.sersoe-rm-colcamp-modal-cuerpo{
  background:#E6E6E3!important;color:#111!important
}
.sersoe-rm-colcamp-cabecera-seccion{background:#CBCBCC!important;border-left-color:#002795!important}
:is(.sersoe-rm-colcamp-cabecera-seccion h4,.sersoe-rm-colcamp-ficha h4,
    .sersoe-rm-colcamp-dato strong,.sersoe-rm-colcamp-contacto>strong,
    .sersoe-rm-colcamp-historial-item strong,.sersoe-rm-colcamp-editor label){color:#000080!important}
html.srnav-embedded body .sersoe-rm-colcamp-cabecera-seccion h4{color:#000080!important}
.sersoe-rm-colcamp-editor :is(input,select,textarea),
.sersoe-rm-colcamp-seguimiento textarea,
.sersoe-rm-colcamp-selector-columna select{background:#FDFDFD!important;border-color:#A9A9AA!important;color:#111!important}
.sersoe-rm-colcamp-colabora-inline,.sersoe-rm-colcamp-historial,.sersoe-rm-colcamp-historial-item{
  background:#FDFDFD!important;border-color:#A9A9AA!important;color:#111!important
}
/* Adjuntos, marcadores y envíos: el cuerpo redactado no se retoca. */
:is(.sersoe-ec-adjuntos,.sersoe-ec-marcadores-panel,.sersoe-ec-toolbar,
    .sersoe-ec-asignacion-panel,.sersoe-ec-campana-bloque){
  background:#CACACA!important;border-color:#A9A9AA!important;color:#111!important
}
.sersoe-ec-plantillas-editor,.sersoe-ec-preview{border-color:#002795!important}
:is(.sersoe-ec-marcadores-panel summary,.sersoe-ec-preview>h3,
    .sersoe-ec-ajustes-panel h4){color:#000080!important}
.sersoe-ec-editor:focus{outline-color:#002795!important}
.sersoe-ec-envios-vista-cabecera{background:#CBCBCC!important;color:#000080!important}
:is(.sersoe-ec-envios-boton,.sersoe-ec-envios-reenviar,.srba-btn,
    .sersoe-rm-busq button,.sersoe-rm-busq a.br-button){
  background:#002795!important;border-color:#002795!important;color:#fff!important
}

/* Barras del Palacio: el único tono oscuro es azul institucional. */
:is(.srnav-head,.sersoe-rm-modal-cabecera,.sersoe-rm-colcamp-modal-cabecera,
    .sersoe-rm-vista-correo-cabecera,.sersoe-ec-modal-cabecera,
    .sersoe-rm-delegado-ficha-barra,.sersoe-rm-volcamp-ficha-directa,
    .sp-cab,.srpf-top){background:#001B8C!important;color:#fff!important;border-bottom-color:#9FA0A2!important}

/* Pestañas y tarjetas de navegación; no incluye botones de guardar o eliminar. */
:is(.sersoe-rm-tarjeta,.sersoe-rm-colcamp-tarjeta,.sp-card,.srperm-tarjeta,
    .srba-card,.sersoe-rm-volcamp .rv-subtarjeta){
  background:#CBCBCC!important;border:2px solid #002795!important;
  border-radius:8px!important;color:#111!important;box-shadow:none!important
}
:is(.sersoe-rm-tarjeta,.sersoe-rm-colcamp-tarjeta,.sp-card,.srperm-tarjeta,
    .srba-card,.sersoe-rm-volcamp .rv-subtarjeta):is(:hover,:focus-visible){
  background:#D8D8D8!important;outline-color:#002795!important
}
:is(.sersoe-rm-tarjeta,.sersoe-rm-colcamp-tarjeta,.sp-card,.srperm-tarjeta,.srba-card) :is(strong,h2,h3){color:#000080!important}

/* Títulos y letra de las pantallas de trabajo: capar tamaños del tema WP. */
html.srnav-embedded :is(.sersoe-perm-dual,.sersoe-rm-campanas-wrap,.sersoe-ec-plantillas-wrap,
    .sersoe-rm-colcamp-wrap,.srba-panel,.srst-bloque,.sersoe-ec-envios-wrap){
  font-family:"Times New Roman",Times,serif!important;font-size:17px!important;line-height:1.4!important
}
:is(.sersoe-perm-dual,.sersoe-rm-campanas-wrap,.sersoe-ec-plantillas-wrap) > h1{
  font:700 28px/1.2 "Times New Roman",Times,serif!important;color:#000080!important;
  margin:0 0 16px!important
}
:is(.sersoe-perm-dual,.sersoe-rm-campanas-wrap,.sersoe-ec-plantillas-wrap) > h2,
:is(.srba-panel,.srst-bloque,.sersoe-ec-envios-card) > h2{
  font:700 23px/1.25 "Times New Roman",Times,serif!important;color:#000080!important;
  margin:16px 0 12px!important
}
.sersoe-perm-dual > h3,.sersoe-ec-envios-card > h3,
:is(.srba-panel,.srst-bloque,.sersoe-rm-colcamp-wrap) > h3{
  font:700 20px/1.3 "Times New Roman",Times,serif!important;color:#000080!important
}
html.srnav-embedded :is(.sersoe-perm-dual,.sersoe-rm-campanas-wrap,.sersoe-ec-plantillas-wrap,
    .sersoe-rm-colcamp-wrap,.sersoe-ec-envios-wrap) :is(input,select,textarea,button,label){
  font-family:"Times New Roman",Times,serif!important
}
/* La vuelta interna de Permisos no sustituye a la navegación de la cabecera. */
html.srnav-embedded .sersoe-perm-dual > p:first-of-type:has(>a[href*="permisos-especiales"]){display:none!important}

/* Formularios de permisos especiales (caso documentado en la captura). */
.sersoe-perm-dual{
  max-width:1200px!important;margin:0 auto!important;padding:18px!important;
  background:#CACACA!important;border:1px solid #A9A9AA!important;border-radius:6px!important
}
html.srnav-embedded body .sersoe-perm-dual > h1{font-size:28px!important;line-height:1.2!important}
html.srnav-embedded body .sersoe-perm-dual > h2{font-size:23px!important;line-height:1.25!important}
.sersoe-perm-dual :is(input,select,textarea){background:#FDFDFD!important;color:#111!important;border-color:#A9A9AA!important}
.sersoe-perm-dual .srperm-filtros .srperm-filtro{font-size:17px!important;color:#111!important}
.sersoe-perm-dual .srperm-filtros :is(input,select){min-height:40px!important;font-size:17px!important}
.sersoe-perm-dual .srperm-tarjetas{gap:12px!important}
.sersoe-perm-dual .srperm-tarjeta{min-height:64px!important}
.sersoe-perm-dual .srperm-tarjetas>.srperm-tarjeta{
  background:#CBCBCC!important;border-color:#002795!important;color:#111!important
}
.sersoe-perm-dual .srperm-tarjeta strong{font-size:19px!important}
.sersoe-perm-dual .srperm-tarjeta span{font-size:16px!important;color:#111!important}
.sersoe-perm-dual >p>a{color:#000080!important}

/* Mensajes emergentes, independientemente del módulo que los abra. */
:is(.srperm-dialogo,.sersoe-ec-popup-panel,.sersoe-rm-campanas-popup-panel,
    .sersoe-rm-colab-popup-panel,.sersoe-ec-envios-modal-panel,
    .sersoe-ec-asignacion-panel,.sersoe-ec-asignacion-aviso-panel,
    .sersoe-ec-modal,.srba-modal>div,.sersoe-agenda-box,
    .srnav-warning-box,.srnav-toast-box,.srnav-confirm-box,
    .sv12-alta-dialogo-panel,.sv12-section-dialog-box,.sv12-apartado-dialogo-panel){
  background:#CACACA!important;border-color:#002795!important;color:#111!important;
  font-family:"Times New Roman",Times,serif!important
}
:is(.srperm-dialogo,.sersoe-ec-popup-panel,.sersoe-rm-campanas-popup-panel,
    .sersoe-rm-colab-popup-panel,.sersoe-ec-envios-modal-panel,
    .sersoe-ec-asignacion-panel,.sersoe-ec-asignacion-aviso-panel,
    .sersoe-agenda-box,.sv12-alta-dialogo-panel,.sv12-section-dialog-box)
  :is(h2,h3){color:#000080!important;font-family:"Times New Roman",Times,serif!important;font-size:23px!important}
.srperm-overlay .srperm-dialogo :is(h2,p,.srperm-boton){font-family:"Times New Roman",Times,serif!important}
.srperm-overlay .srperm-dialogo h2{color:#000080!important}
.srperm-overlay .srperm-dialogo p{color:#111!important}

/* Fichas V12: sustituir solo los fondos y tipografía; conservar los colores
 * de las acciones especificadas para guardar, editar, borrar y salir. */
body [data-sersoe-v12]{
  --sv12-blue:#002795;--sv12-navy:#000080;--sv12-bg:#E6E6E3;
  --sv12-panel:#CACACA;--sv12-field:#FDFDFD;--sv12-border:#A9A9AA;
  --sv12-soft:#CBCBCC;--sv12-cream:#CBCBCC;--sv12-text:#111;
  --sv12-focus:#002795;font-family:"Times New Roman",Times,serif!important;color:#111!important
}
body [data-sersoe-v12] :is(.sv12-panel-body,.sv12-sheet,.sv12-contact-inner){background:#CACACA!important}
body [data-sersoe-v12] :is(.sv12-heading,.sv12-contact>summary){background:#CBCBCC!important;color:#000080!important}
body [data-sersoe-v12] :is(.sv12-checks,.sv12-types-columns,.sv12-weekly,.sv12-day,.sv12-read-types){background:#CACACA!important;border-color:#A9A9AA!important}
body [data-sersoe-v12] :is(.sv12-field input:not([type=checkbox]),.sv12-field select,.sv12-field textarea,.sv12-hour){
  background:#FDFDFD!important;border-color:#A9A9AA!important;color:#111!important;
  font-family:"Times New Roman",Times,serif!important
}

/* Separadores blancos entre los menús operativos de seguimiento y el maestro. */
.sersoe-rm-colcamp-acordeon--v12 .sv12-extra-stack{
  background:#FDFDFD!important;
  margin:16px 0 0!important;
  padding:12px 0!important;
  gap:12px!important;
}

/* Las cabeceras modales directas sirven como alternativa al visor. */
.sersoe-rm-modal-acciones{display:flex;flex:0 0 auto;align-items:center;gap:10px}
.sersoe-rm-modal-acciones .sersoe-rm-modal-volver{min-width:100px}

@media(max-width:760px){
  .sersoe-perm-dual{padding:12px!important}
  .sersoe-rm-modal-acciones{gap:6px}
  .sersoe-rm-modal-acciones .sersoe-rm-modal-volver{min-width:70px;padding:8px 10px}
}
