.editor-output.editor-output .sym70812{--navy:#55212C;--navy-osc:#3D171F;--oro:#CC5069;--oro-osc:#7E3141;
      --gris:#F1F2F6;--linea:#D9DEE9;--texto:#22283A;--tenue:#5B6478;
      --ancho:1000px;
      color:var(--texto);font-size:16px;line-height:1.65;
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.editor-output.editor-output .sym70812 *{box-sizing:border-box}
.editor-output.editor-output .sym70812 .env{max-width:var(--ancho);margin:0 auto;padding:0 4px}
.editor-output.editor-output .sym70812 .banner{margin:0 0 28px}
.editor-output.editor-output .sym70812 .banner img{width:100%;height:auto;display:block;border-radius:6px}
.editor-output.editor-output .sym70812 .entradilla{font-size:1.06rem;color:var(--tenue);max-width:70ch;margin:0 0 34px}

.editor-output.editor-output .sym70812 .indice{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 38px;padding:0;list-style:none}
.editor-output.editor-output .sym70812 .indice a{display:inline-block;text-decoration:none;font-size:.82rem;font-weight:600;
                letter-spacing:.02em;color:var(--navy);border:1px solid var(--linea);
                border-radius:999px;padding:7px 15px;background:#fff}
.editor-output.editor-output .sym70812 .indice a:hover{border-color:var(--navy);background:var(--gris)}

.editor-output.editor-output .sym70812 .sec{margin:0 0 46px;scroll-margin-top:16px}
.editor-output.editor-output .sym70812 .sec > h2{font-size:1.5rem;line-height:1.25;color:var(--navy);font-weight:700;
                margin:0 0 4px;padding-bottom:10px;border-bottom:3px solid var(--oro)}
.editor-output.editor-output .sym70812 .sec h3{font-size:1.05rem;color:var(--navy);margin:26px 0 6px}
.editor-output.editor-output .sym70812 .sec p{margin:0 0 13px}
.editor-output.editor-output .sym70812 .sec ul, .editor-output.editor-output .sym70812 .sec ol{margin:0 0 13px;padding-left:22px}
.editor-output.editor-output .sym70812 .sec li{margin:0 0 6px}
.editor-output.editor-output .sym70812 .sec a{color:var(--navy)}
.editor-output.editor-output .sym70812 .sec img{max-width:100%;height:auto;border-radius:5px}
.editor-output.editor-output .sym70812 .sec strong{color:var(--navy-osc)}

.editor-output.editor-output .sym70812 .tabla{overflow-x:auto;border:1px solid var(--linea);border-radius:6px;
             margin:0 0 20px;background:#fff}
.editor-output.editor-output .sym70812 table{width:100%;border-collapse:collapse;font-size:.93rem}
.editor-output.editor-output .sym70812 caption{caption-side:top;text-align:left;font-weight:700;color:var(--navy);
              padding:13px 14px 0;font-size:1rem}
.editor-output.editor-output .sym70812 thead th{background:var(--navy);color:#fff;text-align:left;font-weight:600;
               font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
               padding:11px 14px;vertical-align:middle}
.editor-output.editor-output .sym70812 tbody td{padding:11px 14px;border-top:1px solid var(--linea);vertical-align:top}
.editor-output.editor-output .sym70812 tbody tr:nth-child(even){background:#FAFBFD}
.editor-output.editor-output .sym70812 tbody td:first-child{font-weight:600;color:var(--navy-osc)}

/* `.sec a` lleva un elemento mas en el selector, asi que gana por
   especificidad a un `.boton` suelto y el boton acaba con texto azul
   marino sobre fondo azul marino: invisible. De ahi el `a.boton`. */
.editor-output.editor-output .sym70812 .sec a.boton{display:inline-block;background:var(--navy);color:#fff;
             text-decoration:none;font-weight:600;font-size:.82rem;padding:7px 14px;
             border-radius:4px;white-space:nowrap}
.editor-output.editor-output .sym70812 .sec a.boton:hover{background:var(--navy-osc);color:#fff}

.editor-output.editor-output .sym70812 .aviso{background:var(--gris);border-left:4px solid var(--oro);border-radius:0 5px 5px 0;
             padding:15px 18px;margin:0 0 20px}
.editor-output.editor-output .sym70812 .aviso p:last-child{margin-bottom:0}

@media (max-width:640px){
  .editor-output.editor-output .sym70812 .sec > h2{font-size:1.28rem}
  .editor-output.editor-output .sym70812 thead th, .editor-output.editor-output .sym70812 tbody td{padding:9px 10px}


/* --- Ancho de la página del evento (fuera de .editor-output) --- */
#confSectionsBox,
.confTitle,
.confSubTitleContent{width:auto;max-width:1280px;margin-left:auto;margin-right:auto;
                     box-sizing:border-box;padding-left:15px;padding-right:15px}

/* --- Legibilidad de la zona horaria en la cabecera --- */
/* Indico la fija en gris #777, un color que NO sigue al de la cabecera. En
   cuanto el evento define su propio color —el Triple Encuentro usa el dorado
   #F9B233 de su identidad— el contraste cae a 2,44:1 y la linea deja de
   leerse. Con `inherit` toma el color de texto de la cabecera y sube a
   6,89:1. Tambien mejora el caso por omision: #777 sobre el azul de Indico
   tampoco contrastaba. Sigue siendo secundaria por tamano, no por color. */
/* La de Indico es `div.datePlace > div.timezone`: dos clases y DOS elementos.
   Una regla de dos clases pierde, asi que hay que igualar la especificidad en
   lugar de recurrir a !important. */
.confheader div.datePlace > div.timezone{color:inherit}

/* --- Encaje dentro de la columna de contenido de Indico --- */
.editor-output.editor-output{max-width:none;width:100%;padding:0;margin:0}
.editor-output.editor-output .container,
.editor-output.editor-output .container-fluid,
.editor-output.editor-output .row,
.editor-output.editor-output [class*="col-"]{width:auto;max-width:100%;margin-left:0;margin-right:0}
.editor-output.editor-output img,
.editor-output.editor-output table,
.editor-output.editor-output pre{max-width:100%;height:auto}
.editor-output.editor-output *{overflow-wrap:break-word}
}

/* --- Ancho de la página del evento (fuera de .editor-output) --- */
#confSectionsBox,
.confTitle,
.confSubTitleContent{width:auto;max-width:1280px;margin-left:auto;margin-right:auto;
                     box-sizing:border-box;padding-left:15px;padding-right:15px}

/* --- Legibilidad de la zona horaria en la cabecera --- */
/* Indico la fija en gris #777, un color que NO sigue al de la cabecera. En
   cuanto el evento define su propio color —el Triple Encuentro usa el dorado
   #F9B233 de su identidad— el contraste cae a 2,44:1 y la linea deja de
   leerse. Con `inherit` toma el color de texto de la cabecera y sube a
   6,89:1. Tambien mejora el caso por omision: #777 sobre el azul de Indico
   tampoco contrastaba. Sigue siendo secundaria por tamano, no por color. */
/* La de Indico es `div.datePlace > div.timezone`: dos clases y DOS elementos.
   Una regla de dos clases pierde, asi que hay que igualar la especificidad en
   lugar de recurrir a !important. */
.confheader div.datePlace > div.timezone{color:inherit}

/* --- Encaje dentro de la columna de contenido de Indico --- */
.editor-output.editor-output{max-width:none;width:100%;padding:0;margin:0}
.editor-output.editor-output .container,
.editor-output.editor-output .container-fluid,
.editor-output.editor-output .row,
.editor-output.editor-output [class*="col-"]{width:auto;max-width:100%;margin-left:0;margin-right:0}
.editor-output.editor-output img,
.editor-output.editor-output table,
.editor-output.editor-output pre{max-width:100%;height:auto}
.editor-output.editor-output *{overflow-wrap:break-word}