/* WP Editor Plus VivaCatamayo - Estilos editor/front */
:root {
    --vct-rojo: #e30613;
    --vct-azul: #063b78;
    --vct-dorado: #f2b705;
    --vct-texto: #18212f;
    --vct-suave: #f5f7fb;
    --vct-borde: rgba(6, 59, 120, .16);
}

.editor-styles-wrapper .vct-lead,
.vct-lead {
    font-size: clamp(1.12rem, 1.5vw, 1.35rem);
    line-height: 1.55;
    font-weight: 700;
    color: var(--vct-azul);
    border-left: 6px solid var(--vct-rojo);
    padding: 14px 18px;
    margin: 20px 0;
    background: linear-gradient(90deg, rgba(227,6,19,.08), rgba(255,255,255,0));
    border-radius: 10px;
}

.editor-styles-wrapper .vct-dato-clave,
.vct-dato-clave {
    background: var(--vct-suave);
    border: 1px solid var(--vct-borde);
    border-left: 6px solid var(--vct-dorado);
    padding: 14px 16px;
    margin: 18px 0;
    border-radius: 12px;
    color: var(--vct-texto);
    font-weight: 650;
}

.editor-styles-wrapper .vct-alerta,
.vct-alerta {
    background: #fff4f4;
    color: #7a0008;
    border: 1px solid rgba(227, 6, 19, .22);
    border-left: 7px solid var(--vct-rojo);
    padding: 16px 18px;
    margin: 20px 0;
    border-radius: 14px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(227, 6, 19, .08);
}

.editor-styles-wrapper .vct-alerta::before,
.vct-alerta::before {
    content: "🚨 Última hora";
    display: inline-block;
    margin-right: 8px;
    font-weight: 900;
    color: var(--vct-rojo);
    text-transform: uppercase;
    letter-spacing: .02em;
}

.editor-styles-wrapper .vct-caja-info,
.vct-caja-info {
    background: #ffffff;
    border: 1px solid var(--vct-borde);
    border-top: 5px solid var(--vct-azul);
    padding: 18px;
    margin: 22px 0;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(6, 59, 120, .08);
}

.editor-styles-wrapper .vct-cita,
.vct-cita {
    margin: 24px 0;
    padding: 18px 22px;
    border-left: 7px solid var(--vct-dorado);
    background: #0b2346;
    color: #fff;
    border-radius: 14px;
    font-size: 1.12rem;
    line-height: 1.6;
    font-style: italic;
}

.editor-styles-wrapper .vct-etiqueta,
.vct-etiqueta {
    display: inline-block;
    background: var(--vct-rojo);
    color: #fff;
    font-size: .82em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 4px 9px;
    border-radius: 999px;
    vertical-align: middle;
}

.editor-styles-wrapper mark.vct-resaltado,
mark.vct-resaltado,
.vct-resaltado {
    background: linear-gradient(180deg, transparent 45%, rgba(242,183,5,.45) 45%);
    color: inherit;
    padding: 0 3px;
    border-radius: 4px;
}


.editor-styles-wrapper .vct-justificado,
.vct-justificado,
.entry-content .vct-justificado {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .editor-styles-wrapper .vct-justificado,
    .vct-justificado,
    .entry-content .vct-justificado {
        text-align: left;
        hyphens: none;
    }
}

.editor-styles-wrapper h2,
.entry-content h2 {
    color: var(--vct-azul);
    font-weight: 850;
    line-height: 1.18;
}

.editor-styles-wrapper h3,
.entry-content h3 {
    color: var(--vct-rojo);
    font-weight: 800;
}

.editor-styles-wrapper p,
.entry-content p {
    line-height: 1.72;
}

.vct-editor-help code {
    display: inline-block;
    margin: 4px 0;
    padding: 5px 7px;
    background: #f1f1f1;
    border-radius: 6px;
}

/* Justificado compatible con Gutenberg como estilo de bloque */
.editor-styles-wrapper .is-style-vct-justificado,
.entry-content .is-style-vct-justificado,
.is-style-vct-justificado {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: anywhere;
}

/* Compatibilidad cuando TinyMCE guarda text-align directo */
.entry-content p[style*="text-align: justify"],
.entry-content div[style*="text-align: justify"] {
    text-align: justify !important;
}

@media (max-width: 640px) {
    .editor-styles-wrapper .is-style-vct-justificado,
    .entry-content .is-style-vct-justificado,
    .is-style-vct-justificado {
        text-align: left;
        hyphens: none;
    }
}