:root {
    --rincon-bg: #11100e;
    --rincon-surface: #1b1815;
    --rincon-surface-soft: #24201c;
    --rincon-text: #f4eee5;
    --rincon-muted: #c8bdae;
    --rincon-accent: #c9a35b;
    --rincon-border: rgba(255,255,255,.14);
    --rincon-width: 1180px;
    --rincon-radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.rincon5-editorial {
    margin: 0;
    background: var(--rincon-bg);
    color: var(--rincon-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.65;
}
body.rincon5-editorial a { color: var(--rincon-accent); text-decoration: none; }
body.rincon5-editorial a:hover,
body.rincon5-editorial a:focus { text-decoration: underline; }
.container { width: min(100% - 2rem, var(--rincon-width)); margin-inline: auto; }
.skip-link { position:absolute; top:-100px; left:1rem; background:var(--rincon-accent); color:#111; padding:.6rem .9rem; z-index:100000; }
.skip-link:focus { top:1rem; }
.topbar { background:#0b0a09; border-bottom:1px solid var(--rincon-border); font-size:.9rem; }
.site-header { background:rgba(17,16,14,.98); border-bottom:1px solid var(--rincon-border); position:sticky; top:0; z-index:1000; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:78px; }
.site-brand { flex:0 0 auto; }
.site-title { color:var(--rincon-text)!important; font-weight:800; letter-spacing:.02em; font-size:1.1rem; text-decoration:none!important; }
.site-navigation { flex:1 1 auto; min-width:0; }

/* Menu principal: reglas específicas para Joomla mod_menu */
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu,
body.rincon5-editorial .site-navigation > ul.mod-menu {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:1.15rem!important;
    flex-wrap:wrap!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li,
body.rincon5-editorial .site-navigation > ul.mod-menu > li {
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
}
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > a,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > span {
    display:block!important;
    color:var(--rincon-text)!important;
    padding:.55rem .15rem!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a:hover,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > a:hover,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a:focus,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > a:focus { color:var(--rincon-accent)!important; }

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > ul,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > ul {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    min-width:245px!important;
    margin:0!important;
    padding:.55rem!important;
    list-style:none!important;
    background:var(--rincon-surface)!important;
    border:1px solid var(--rincon-border)!important;
    border-radius:14px!important;
    box-shadow:0 18px 35px rgba(0,0,0,.38)!important;
    z-index:99999!important;
}
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li:hover > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.mod-menu > li:hover > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li:focus-within > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.mod-menu > li:focus-within > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li:hover > ul,
body.rincon5-editorial .site-navigation > ul.mod-menu > li:hover > ul,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li:focus-within > ul,
body.rincon5-editorial .site-navigation > ul.mod-menu > li:focus-within > ul {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
body.rincon5-editorial .site-navigation ul.mod-menu__sub > li { display:block!important; width:100%!important; }
body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a {
    display:block!important;
    color:var(--rincon-text)!important;
    padding:.45rem .65rem!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:hover,
body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:focus { background:var(--rincon-surface-soft)!important; color:var(--rincon-accent)!important; }
body.rincon5-editorial .site-navigation > ul.mod-menu > a.jmodedit,
body.rincon5-editorial .site-navigation > ul.mod-menu > div[role="tooltip"] { display:none!important; }

.breadcrumbs-wrap, .above-content, .below-content, .support-section { padding:1.25rem 0; }
.hero { padding:4rem 0; background:radial-gradient(circle at top left, rgba(201,163,91,.18), transparent 42%), linear-gradient(135deg, #1b1815, #11100e); border-bottom:1px solid var(--rincon-border); }
.main-content { padding:2.5rem 0; }
.layout-content { display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; }
.has-right-sidebar .layout-content { grid-template-columns:minmax(0,1fr) 310px; }
.has-left-sidebar .layout-content { grid-template-columns:260px minmax(0,1fr); }
.has-left-sidebar.has-right-sidebar .layout-content { grid-template-columns:240px minmax(0,1fr) 290px; }
.content-area, .sidebar { background:var(--rincon-surface); border:1px solid var(--rincon-border); border-radius:var(--rincon-radius); padding:clamp(1.1rem, 3vw, 2.25rem); }
.sidebar { background:var(--rincon-surface-soft); padding:1.25rem; }
.site-footer { margin-top:3rem; padding:2rem 0; background:#0b0a09; border-top:1px solid var(--rincon-border); color:var(--rincon-muted); }
.footer-inner { display:flex; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
.development-zone { border-top:1px dashed var(--rincon-accent); padding:1rem 0; background:#211c16; }
img { max-width:100%; height:auto; }
table { width:100%; border-collapse:collapse; }
body.rincon5-editorial .jmodedit { color:var(--rincon-accent)!important; }

@media (max-width: 900px) {
    .header-inner { align-items:flex-start; flex-direction:column; padding:1rem 0; }
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu,
    body.rincon5-editorial .site-navigation > ul.mod-menu { justify-content:flex-start!important; align-items:flex-start!important; flex-direction:column!important; gap:.15rem!important; }
    body.rincon5-editorial .site-navigation > ul.mod-menu > li > ul.mod-menu__sub { position:static!important; min-width:0!important; box-shadow:none!important; margin-left:1rem!important; }
    .layout-content, .has-right-sidebar .layout-content, .has-left-sidebar .layout-content, .has-left-sidebar.has-right-sidebar .layout-content { grid-template-columns:1fr; }
}


/* =========================================================
   RINCÓN 5 EDITORIAL — IDENTIDAD VISUAL 0.3.0
   Header vino editorial + fondo papel
   ========================================================= */

:root {
    --rincon-paper: #f4eadb;
    --rincon-paper-soft: #fff8ed;
    --rincon-paper-deep: #eadcc6;

    --rincon-ink: #211816;
    --rincon-ink-soft: #4b3a35;

    --rincon-wine: #5a1824;
    --rincon-wine-deep: #3b0f18;
    --rincon-wine-soft: #762436;

    --rincon-gold: #c99a46;
    --rincon-gold-soft: #e0c27b;

    --rincon-border-light: rgba(90, 24, 36, 0.18);
    --rincon-shadow: 0 18px 45px rgba(59, 15, 24, 0.12);

    --rincon-width: 1180px;
    --rincon-radius: 18px;
}

/* Base general */

html {
    scroll-behavior: smooth;
}

body.rincon5-editorial {
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(201, 154, 70, 0.12), transparent 32rem),
        linear-gradient(180deg, var(--rincon-paper-soft), var(--rincon-paper));
    color: var(--rincon-ink);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.68;
}

body.rincon5-editorial a {
    color: var(--rincon-wine);
    text-decoration: none;
}

body.rincon5-editorial a:hover,
body.rincon5-editorial a:focus {
    color: var(--rincon-wine-deep);
    text-decoration: underline;
}

body.rincon5-editorial .container {
    width: min(100% - 2rem, var(--rincon-width));
    margin-inline: auto;
}

/* Accesibilidad */

body.rincon5-editorial .skip-link {
    position: absolute;
    top: -100px;
    left: 1rem;
    background: var(--rincon-gold);
    color: var(--rincon-ink);
    padding: .7rem 1rem;
    z-index: 10000;
    border-radius: 999px;
}

body.rincon5-editorial .skip-link:focus {
    top: 1rem;
}

/* Header vino editorial */

body.rincon5-editorial .site-header {
    background:
        linear-gradient(135deg, var(--rincon-wine-deep), var(--rincon-wine));
    color: var(--rincon-paper-soft);
    border-bottom: 4px solid var(--rincon-gold);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 12px 32px rgba(59, 15, 24, 0.24);
}

body.rincon5-editorial .header-inner {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

body.rincon5-editorial .site-brand {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex: 0 0 auto;
}

body.rincon5-editorial .site-title {
    color: var(--rincon-paper-soft);
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.1;
    text-decoration: none;
}

body.rincon5-editorial .site-title:hover,
body.rincon5-editorial .site-title:focus {
    color: var(--rincon-gold-soft);
    text-decoration: none;
}

body.rincon5-editorial .site-tagline {
    color: var(--rincon-gold-soft);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}

/* Menú principal */

body.rincon5-editorial .site-navigation {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 1.35rem !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a {
    display: block !important;
    color: var(--rincon-paper-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .98rem;
    font-weight: 600;
    padding: .7rem .1rem !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a:hover,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a:focus,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.current > a,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.active > a {
    color: var(--rincon-gold-soft) !important;
    border-bottom-color: var(--rincon-gold);
}

/* Submenú Biblioteca */

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > ul.mod-menu__sub {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: calc(100% + .25rem) !important;
    left: 0 !important;
    min-width: 250px !important;
    margin: 0 !important;
    padding: .65rem !important;
    list-style: none !important;
    background: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-border-light) !important;
    border-top: 4px solid var(--rincon-gold) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: var(--rincon-shadow) !important;
    z-index: 99999 !important;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent:hover > ul.mod-menu__sub,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent:focus-within > ul.mod-menu__sub {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.rincon5-editorial .site-navigation ul.mod-menu__sub > li {
    display: block !important;
    width: 100% !important;
}

body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a {
    display: block !important;
    color: var(--rincon-ink) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: .48rem .7rem !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:hover,
body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:focus {
    background: rgba(90, 24, 36, 0.08) !important;
    color: var(--rincon-wine) !important;
}

/* Ocultar edición de módulo dentro del menú durante diseño */

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > a.jmodedit,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > div[role="tooltip"] {
    display: none !important;
}

/* Breadcrumbs */

body.rincon5-editorial .breadcrumbs-wrap {
    padding: 1.1rem 0 0;
}

body.rincon5-editorial .breadcrumbs-wrap .moduletable > h3 {
    display: none;
}

body.rincon5-editorial .mod-breadcrumbs,
body.rincon5-editorial .breadcrumb {
    background: rgba(255, 248, 237, .72);
    border: 1px solid var(--rincon-border-light);
    border-radius: 999px;
    padding: .7rem 1rem !important;
    color: var(--rincon-ink-soft);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .92rem;
}

/* Área principal */

body.rincon5-editorial .main-content {
    padding: 2.5rem 0 3.5rem;
}

body.rincon5-editorial .layout-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

body.rincon5-editorial.has-right-sidebar .layout-content {
    grid-template-columns: minmax(0, 1fr) 320px;
}

body.rincon5-editorial .content-area {
    background: rgba(255, 248, 237, .86);
    border: 1px solid var(--rincon-border-light);
    border-radius: 24px;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    box-shadow: var(--rincon-shadow);
}

body.rincon5-editorial .content-area h1,
body.rincon5-editorial .content-area h2,
body.rincon5-editorial .content-area h3 {
    color: var(--rincon-wine-deep);
    line-height: 1.2;
}

body.rincon5-editorial .content-area h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    margin-top: 0;
}

body.rincon5-editorial .com-content-article__body {
    font-size: 1.08rem;
}

/* Información de artículo */

body.rincon5-editorial .article-info {
    background: rgba(234, 220, 198, .45);
    border-left: 4px solid var(--rincon-gold);
    padding: 1rem 1.2rem;
    border-radius: 14px;
    color: var(--rincon-ink-soft);
}

body.rincon5-editorial .article-info dd {
    margin-inline-start: 0;
}

/* Sidebar */

body.rincon5-editorial .sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

body.rincon5-editorial .sidebar .moduletable {
    background: rgba(255, 248, 237, .88);
    border: 1px solid var(--rincon-border-light);
    border-radius: 22px;
    padding: 1.4rem;
    box-shadow: var(--rincon-shadow);
}

body.rincon5-editorial .sidebar h3 {
    margin-top: 0;
    color: var(--rincon-wine-deep);
    border-bottom: 1px solid var(--rincon-border-light);
    padding-bottom: .5rem;
}

/* Botones */

body.rincon5-editorial button,
body.rincon5-editorial .btn,
body.rincon5-editorial input[type="submit"] {
    border-radius: 999px;
    border: 1px solid var(--rincon-wine);
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft);
    padding: .45rem 1rem;
    font-weight: 600;
}

body.rincon5-editorial button:hover,
body.rincon5-editorial .btn:hover,
body.rincon5-editorial input[type="submit"]:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft);
}

/* Footer */

body.rincon5-editorial .site-footer {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft);
    border-top: 4px solid var(--rincon-gold);
    padding: 2rem 0;
}

body.rincon5-editorial .footer-inner {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

body.rincon5-editorial .site-footer h3 {
    color: var(--rincon-gold-soft);
}

/* Zona de desarrollo */

body.rincon5-editorial .development-zone {
    background: #eadcc6;
    color: var(--rincon-ink);
    border-top: 2px dashed var(--rincon-wine);
    padding: 1rem 0;
}

body.rincon5-editorial .development-zone h3 {
    margin-top: 0;
}

/* Imágenes */

body.rincon5-editorial img {
    max-width: 100%;
    height: auto;
}

/* Responsive */

@media (max-width: 980px) {
    body.rincon5-editorial .header-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem 0;
    }

    body.rincon5-editorial .site-navigation {
        width: 100%;
        justify-content: flex-start;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: .15rem !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > ul.mod-menu__sub {
        position: static !important;
        box-shadow: none !important;
        border-radius: 12px !important;
        margin-top: .25rem !important;
        width: 100% !important;
    }

    body.rincon5-editorial.has-right-sidebar .layout-content {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — AJUSTES VISUALES 0.3.1
   Breadcrumbs, títulos, sidebar y CB Login
   ========================================================= */

/* Breadcrumbs como línea editorial, no lista numerada */

body.rincon5-editorial .breadcrumbs-wrap {
    padding: 1.2rem 0 0;
}

body.rincon5-editorial .breadcrumbs-wrap ol,
body.rincon5-editorial .breadcrumbs-wrap ul,
body.rincon5-editorial .mod-breadcrumbs,
body.rincon5-editorial .breadcrumb {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin: 0 !important;
    padding: .75rem 1.15rem !important;
}

body.rincon5-editorial .mod-breadcrumbs__here,
body.rincon5-editorial .breadcrumb-item {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: var(--rincon-gold);
    padding-inline: .35rem;
}

body.rincon5-editorial .breadcrumbs-wrap .moduletable > h3 {
    display: none !important;
}

/* Títulos más proporcionados */

body.rincon5-editorial .content-area h1 {
    font-size: clamp(2.1rem, 3.4vw, 3.75rem);
    line-height: 1.08;
    letter-spacing: -.02em;
    margin-bottom: 1.6rem;
}

body.rincon5-editorial .content-area h2 {
    font-size: clamp(1.55rem, 2.5vw, 2.45rem);
}

/* Caja principal más limpia */

body.rincon5-editorial .content-area {
    background: rgba(255, 248, 237, .92);
    border: 1px solid rgba(90, 24, 36, 0.16);
    border-radius: 22px;
}

/* Datos del artículo más compactos */

body.rincon5-editorial .article-info {
    max-width: 690px;
    margin-bottom: 1.7rem;
    font-size: .98rem;
}

body.rincon5-editorial .article-info-term {
    font-weight: 700;
    color: var(--rincon-wine-deep);
    margin-bottom: .35rem;
}

/* Sidebar menos pesada */

body.rincon5-editorial .sidebar-right {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.rincon5-editorial .sidebar .moduletable {
    background: rgba(255, 248, 237, .92) !important;
    color: var(--rincon-ink);
    border: 1px solid rgba(90, 24, 36, 0.18);
    border-radius: 22px;
    padding: 1.35rem;
    box-shadow: 0 14px 35px rgba(59, 15, 24, 0.10);
}

body.rincon5-editorial .sidebar .moduletable + .moduletable {
    margin-top: 1.25rem;
}

/* CB Login dentro del sidebar */

body.rincon5-editorial .sidebar .moduletable h3 {
    color: var(--rincon-wine-deep);
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(90, 24, 36, 0.16);
    padding-bottom: .45rem;
    margin-bottom: 1rem;
}

body.rincon5-editorial .sidebar input[type="text"],
body.rincon5-editorial .sidebar input[type="password"],
body.rincon5-editorial .sidebar input[type="email"] {
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(90, 24, 36, 0.25);
    border-radius: 8px;
    padding: .4rem .55rem;
    background: #fffaf1;
    color: var(--rincon-ink);
}

/* Limitar imágenes o íconos gigantes dentro del login CB */

body.rincon5-editorial .sidebar .moduletable img,
body.rincon5-editorial .sidebar .moduletable svg {
    max-width: 150px;
    height: auto;
}

/* Botones más editoriales */

body.rincon5-editorial .sidebar button,
body.rincon5-editorial .sidebar .btn,
body.rincon5-editorial .sidebar input[type="submit"] {
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft);
    border: 1px solid var(--rincon-wine);
    border-radius: 999px;
    padding: .45rem 1rem;
    font-weight: 700;
}

body.rincon5-editorial .sidebar button:hover,
body.rincon5-editorial .sidebar .btn:hover,
body.rincon5-editorial .sidebar input[type="submit"]:hover {
    background: var(--rincon-wine-deep);
}

/* Menú principal: pequeño refinamiento */

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a {
    font-size: .94rem;
}

/* Responsive básico */

@media (max-width: 980px) {
    body.rincon5-editorial .content-area h1 {
        font-size: clamp(2rem, 9vw, 3rem);
    }

    body.rincon5-editorial .mod-breadcrumbs,
    body.rincon5-editorial .breadcrumb {
        border-radius: 18px;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — AJUSTES VISUALES 0.3.2
   Escala tipográfica, CB Login y edición frontend
   ========================================================= */

/* Header más equilibrado */

body.rincon5-editorial .header-inner {
    min-height: 78px;
}

body.rincon5-editorial .site-title {
    font-size: clamp(1.45rem, 2vw, 2.2rem);
}

body.rincon5-editorial .site-tagline {
    font-size: .72rem;
}

/* Menú un poco más compacto */

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu {
    gap: 1.05rem !important;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a {
    font-size: .9rem !important;
}

/* Área general un poco más aireada */

body.rincon5-editorial .main-content {
    padding-top: 2rem;
}

/* Título de artículo más editorial y menos gigante */

body.rincon5-editorial .content-area .page-header h1,
body.rincon5-editorial .content-area h1 {
    font-size: clamp(2.05rem, 3vw, 3.15rem);
    line-height: 1.08;
    max-width: 760px;
}

/* En páginas internas, evitar que el título ocupe demasiado */

body.rincon5-editorial.menu-prueba-plantilla .content-area .page-header h1 {
    font-size: clamp(2rem, 3vw, 3.05rem);
}

/* Mejor lectura del cuerpo */

body.rincon5-editorial .com-content-article__body {
    max-width: 760px;
    font-size: 1.02rem;
}

/* Breadcrumbs más discretos */

body.rincon5-editorial .breadcrumbs-wrap {
    padding-top: .9rem;
}

body.rincon5-editorial .mod-breadcrumbs,
body.rincon5-editorial .breadcrumb {
    font-size: .82rem;
    padding: .55rem .9rem !important;
}

/* Sidebar más compacta */

body.rincon5-editorial .sidebar .moduletable {
    padding: 1.15rem;
}

body.rincon5-editorial .sidebar .moduletable h3 {
    font-size: 1.18rem;
}

/* CB Login: compactar formulario */

body.rincon5-editorial .sidebar form {
    font-size: .9rem;
}

body.rincon5-editorial .sidebar label {
    display: block;
    margin-top: .45rem;
    margin-bottom: .2rem;
}

body.rincon5-editorial .sidebar input[type="text"],
body.rincon5-editorial .sidebar input[type="password"],
body.rincon5-editorial .sidebar input[type="email"] {
    min-height: 34px;
}

/* Limitar imágenes y elementos visuales grandes dentro del CB Login */

body.rincon5-editorial .sidebar .cb_template img,
body.rincon5-editorial .sidebar .mod-login img,
body.rincon5-editorial .sidebar .cbImgPict,
body.rincon5-editorial .sidebar .cbThumbPict {
    max-width: 92px !important;
    max-height: 92px !important;
    width: auto !important;
    height: auto !important;
}

/* Intento de controlar el bloque passkey gigante */

body.rincon5-editorial .sidebar [class*="passkey"],
body.rincon5-editorial .sidebar [id*="passkey"],
body.rincon5-editorial .sidebar .mod-login__passkey,
body.rincon5-editorial .sidebar .passkey {
    max-width: 120px !important;
    overflow: hidden !important;
}

/* Si el icono passkey sale como SVG o imagen interna */

body.rincon5-editorial .sidebar [class*="passkey"] svg,
body.rincon5-editorial .sidebar [class*="passkey"] img,
body.rincon5-editorial .sidebar [id*="passkey"] svg,
body.rincon5-editorial .sidebar [id*="passkey"] img {
    max-width: 86px !important;
    max-height: 86px !important;
}

/* Botones de edición frontend: que no rompan tanto el diseño */

body.rincon5-editorial .jmodedit,
body.rincon5-editorial .icons a {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .75rem !important;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border-radius: 999px;
    padding: .35rem .65rem;
    text-decoration: none !important;
}

body.rincon5-editorial .jmodedit:hover,
body.rincon5-editorial .icons a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Tooltips de edición: más discretos */

body.rincon5-editorial div[role="tooltip"] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .72rem;
    color: var(--rincon-ink-soft);
}

/* Footer más limpio */

body.rincon5-editorial .site-footer {
    padding: 1.6rem 0;
}

body.rincon5-editorial .site-footer .moduletable h3 {
    font-size: 1rem;
}

/* Ocultar zona desarrollo a visitantes si por alguna razón queda visible sin permisos correctos.
   Esta clase solo se usará visualmente; el control real debe hacerse por Acceso: Super Users. */

body.rincon5-editorial .development-zone {
    font-size: .9rem;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — LOGO HEADER 0.3.3
   Integración de monograma oficial
   ========================================================= */

body.rincon5-editorial .site-brand {
    flex: 0 0 auto;
}

body.rincon5-editorial .brand-link {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    color: var(--rincon-paper-soft);
    text-decoration: none !important;
}

body.rincon5-editorial .brand-link:hover,
body.rincon5-editorial .brand-link:focus {
    text-decoration: none !important;
}

body.rincon5-editorial .site-logo-mark {
    width: 74px;
    height: auto;
    display: block;
    flex: 0 0 auto;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .25));
}

body.rincon5-editorial .brand-text {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

body.rincon5-editorial .brand-link .site-title {
    color: var(--rincon-paper-soft);
    font-size: clamp(1.35rem, 2vw, 2.05rem);
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.05;
}

body.rincon5-editorial .brand-link:hover .site-title,
body.rincon5-editorial .brand-link:focus .site-title {
    color: var(--rincon-paper-soft);
}

body.rincon5-editorial .brand-link .site-tagline {
    color: var(--rincon-gold-soft);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    line-height: 1.2;
}

/* Ajuste de header con logo */

body.rincon5-editorial .header-inner {
    min-height: 88px;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a {
    font-size: .88rem !important;
}

/* Responsive logo */

@media (max-width: 980px) {
    body.rincon5-editorial .brand-link {
        gap: .65rem;
    }

    body.rincon5-editorial .site-logo-mark {
        width: 62px;
    }

    body.rincon5-editorial .brand-link .site-title {
        font-size: clamp(1.25rem, 6vw, 1.75rem);
    }

    body.rincon5-editorial .brand-link .site-tagline {
        font-size: .6rem;
        letter-spacing: .12em;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .site-logo-mark {
        width: 54px;
    }

    body.rincon5-editorial .brand-link .site-title {
        font-size: 1.25rem;
    }

    body.rincon5-editorial .brand-link .site-tagline {
        font-size: .54rem;
        letter-spacing: .09em;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — MENÚ MÓVIL 0.3.4
   ========================================================= */

body.rincon5-editorial .menu-toggle {
    display: none;
    align-items: center;
    gap: .55rem;
    background: transparent;
    color: var(--rincon-paper-soft);
    border: 1px solid rgba(224, 194, 123, .55);
    border-radius: 999px;
    padding: .55rem .9rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    cursor: pointer;
}

body.rincon5-editorial .menu-toggle-icon {
    width: 20px;
    height: 14px;
    display: inline-block;
    position: relative;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

body.rincon5-editorial .menu-toggle-icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    border-top: 2px solid currentColor;
}

@media (max-width: 980px) {
    body.rincon5-editorial .header-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: .9rem;
        padding: .75rem 0;
    }

    body.rincon5-editorial .menu-toggle {
        display: inline-flex;
    }

    body.rincon5-editorial .site-navigation {
        display: none;
        width: 100%;
        flex-basis: 100%;
        padding: .8rem 0 .3rem;
    }

    body.rincon5-editorial.menu-open .site-navigation {
        display: block;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: .15rem !important;
        width: 100%;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span {
        display: block !important;
        padding: .8rem .4rem !important;
        border-bottom: 1px solid rgba(224, 194, 123, .18);
        font-size: 1rem !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > ul.mod-menu__sub {
        position: static !important;
        display: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: .2rem 0 .45rem !important;
        padding: .35rem 0 .35rem 1rem !important;
        background: rgba(59, 15, 24, .22) !important;
        border: 0 !important;
        border-left: 3px solid var(--rincon-gold) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent.is-open > ul.mod-menu__sub,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent:focus-within > ul.mod-menu__sub {
        display: block !important;
    }

    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a {
        color: var(--rincon-paper-soft) !important;
        padding: .6rem .4rem !important;
    }

    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:hover,
    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:focus {
        background: rgba(224, 194, 123, .12) !important;
        color: var(--rincon-gold-soft) !important;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .site-logo-mark {
        width: 48px;
    }

    body.rincon5-editorial .brand-link .site-title {
        font-size: 1.18rem;
    }

    body.rincon5-editorial .brand-link .site-tagline {
        font-size: .5rem;
        letter-spacing: .08em;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — MENÚ DESKTOP/MÓVIL 0.3.5
   Corrige Biblioteca como encabezado y submenú móvil
   ========================================================= */

/* Biblioteca es <span>, no <a>. Debe verse igual que los enlaces */

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .mod-menu__heading,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .nav-header {
    display: block !important;
    color: var(--rincon-paper-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .88rem !important;
    font-weight: 700;
    padding: .7rem .1rem !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent;
    cursor: default;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span:hover,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .mod-menu__heading:hover,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .nav-header:hover {
    color: var(--rincon-gold-soft) !important;
    border-bottom-color: var(--rincon-gold);
}

/* Desktop: submenú solo con hover, NO con focus-within */

@media (min-width: 981px) {
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > ul.mod-menu__sub {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        top: calc(100% + .25rem) !important;
        left: 0 !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent:hover > ul.mod-menu__sub {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* Móvil: el menú principal se abre/cierra solo con el botón Menú */

@media (max-width: 980px) {
    body.rincon5-editorial .site-navigation {
        display: none !important;
        width: 100%;
        flex-basis: 100%;
        padding: .8rem 0 .3rem;
    }

    body.rincon5-editorial.menu-open .site-navigation {
        display: block !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: .15rem !important;
        width: 100%;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .mod-menu__heading,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .nav-header {
        display: block !important;
        padding: .82rem .4rem !important;
        border-bottom: 1px solid rgba(224, 194, 123, .18);
        font-size: 1rem !important;
        color: var(--rincon-paper-soft) !important;
        cursor: pointer;
    }

    /* Submenú móvil siempre oculto por defecto */
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > ul.mod-menu__sub {
        display: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: .2rem 0 .45rem !important;
        padding: .35rem 0 .35rem 1rem !important;
        background: rgba(59, 15, 24, .22) !important;
        border: 0 !important;
        border-left: 3px solid var(--rincon-gold) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Submenú móvil visible SOLO si JS agrega .is-open */
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent.is-open > ul.mod-menu__sub {
        display: block !important;
    }

    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a {
        color: var(--rincon-paper-soft) !important;
        padding: .62rem .4rem !important;
        font-size: .95rem !important;
    }

    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:hover,
    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a:focus {
        background: rgba(224, 194, 123, .12) !important;
        color: var(--rincon-gold-soft) !important;
    }
}

/* Evitar que focus-within deje Biblioteca abierta en móvil */
@media (max-width: 980px) {
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent:focus-within > ul.mod-menu__sub {
        display: none !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent.is-open:focus-within > ul.mod-menu__sub {
        display: block !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — AJUSTE MENÚ 0.3.6
   Uniformar Biblioteca y compactar submenú móvil
   ========================================================= */

/* PC: Biblioteca como encabezado debe verse igual que los demás enlaces */

@media (min-width: 981px) {
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .mod-menu__heading,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .nav-header {
        font-size: .88rem !important;
        font-weight: 600 !important;
        padding: .7rem .1rem !important;
        border-bottom: 2px solid transparent;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > span:hover,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .mod-menu__heading:hover,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > .nav-header:hover {
        color: var(--rincon-gold-soft) !important;
        border-bottom-color: var(--rincon-gold);
    }
}

/* Móvil: indicar que Biblioteca se despliega */

@media (max-width: 980px) {
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > span,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > .mod-menu__heading,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > .nav-header {
        position: relative;
        padding-right: 2rem !important;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > span::after,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > .mod-menu__heading::after,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > .nav-header::after {
        content: "▾";
        position: absolute;
        right: .5rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--rincon-gold-soft);
        font-size: .9rem;
    }

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent.is-open > span::after,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent.is-open > .mod-menu__heading::after,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent.is-open > .nav-header::after {
        content: "▴";
    }

    /* Submenú móvil más compacto */

    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.deeper.parent > ul.mod-menu__sub {
        padding: .25rem 0 .25rem .85rem !important;
        margin: .1rem 0 .35rem !important;
    }

    body.rincon5-editorial .site-navigation ul.mod-menu__sub > li > a {
        padding: .48rem .35rem !important;
        font-size: .92rem !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — VISTAS DE CONTENIDO 0.4.0
   Normalización segura de artículos migrados
   ========================================================= */

/* Artículo individual: contenedor */

body.rincon5-editorial .com-content-article,
body.rincon5-editorial .item-page {
    color: var(--rincon-ink);
}

/* Título del artículo */

body.rincon5-editorial .com-content-article .page-header h1,
body.rincon5-editorial .item-page .page-header h1 {
    max-width: 820px;
    margin-bottom: 1.35rem;
    color: var(--rincon-wine-deep);
}

/* Evitar duplicidades visuales si Joomla mete page-header */

body.rincon5-editorial .page-header {
    margin-bottom: 1.2rem;
}

/* Cuerpo del artículo */

body.rincon5-editorial .com-content-article__body {
    max-width: 780px;
    font-size: 1.06rem;
    line-height: 1.78;
    color: var(--rincon-ink);
}

/* Párrafos */

body.rincon5-editorial .com-content-article__body p {
    margin: 0 0 1.15rem;
}

/* Encabezados internos escritos por autores */

body.rincon5-editorial .com-content-article__body h2,
body.rincon5-editorial .com-content-article__body h3,
body.rincon5-editorial .com-content-article__body h4 {
    color: var(--rincon-wine-deep);
    margin-top: 2rem;
    margin-bottom: .85rem;
    line-height: 1.25;
}

body.rincon5-editorial .com-content-article__body h2 {
    font-size: clamp(1.55rem, 2.4vw, 2.15rem);
}

body.rincon5-editorial .com-content-article__body h3 {
    font-size: clamp(1.28rem, 2vw, 1.65rem);
}

/* Imágenes dentro del texto */

body.rincon5-editorial .com-content-article__body img,
body.rincon5-editorial .item-page img {
    max-width: 100%;
    height: auto;
}

/* Imágenes insertadas en el cuerpo del texto */

body.rincon5-editorial .com-content-article__body img {
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(59, 15, 24, 0.12);
}

/* Imágenes pequeñas no deben deformarse */

body.rincon5-editorial .com-content-article__body img[width],
body.rincon5-editorial .com-content-article__body img[height] {
    height: auto;
}

/* Imágenes flotadas antiguas */

body.rincon5-editorial .com-content-article__body .image-left,
body.rincon5-editorial .com-content-article__body img[style*="float: left"],
body.rincon5-editorial .com-content-article__body img[style*="float:left"] {
    margin: .35rem 1.25rem 1rem 0;
}

body.rincon5-editorial .com-content-article__body .image-right,
body.rincon5-editorial .com-content-article__body img[style*="float: right"],
body.rincon5-editorial .com-content-article__body img[style*="float:right"] {
    margin: .35rem 0 1rem 1.25rem;
}

/* Imágenes de introducción / full article image de Joomla */

body.rincon5-editorial .item-image,
body.rincon5-editorial .pull-left.item-image,
body.rincon5-editorial .pull-right.item-image,
body.rincon5-editorial figure.item-image {
    margin: 0 0 1.5rem;
}

body.rincon5-editorial .item-image img,
body.rincon5-editorial figure.item-image img {
    width: 100%;
    max-height: 440px;
    object-fit: cover;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(59, 15, 24, 0.16);
}

/* Si la imagen de artículo es pequeña, que no se estire demasiado */

body.rincon5-editorial .item-image img[width] {
    width: auto;
    max-width: 100%;
}

/* Listas dentro de artículos */

body.rincon5-editorial .com-content-article__body ul,
body.rincon5-editorial .com-content-article__body ol {
    margin-top: .4rem;
    margin-bottom: 1.2rem;
    padding-left: 1.45rem;
}

body.rincon5-editorial .com-content-article__body li {
    margin-bottom: .35rem;
}

/* Citas */

body.rincon5-editorial .com-content-article__body blockquote {
    margin: 1.8rem 0;
    padding: 1.1rem 1.35rem;
    border-left: 5px solid var(--rincon-gold);
    background: rgba(234, 220, 198, .5);
    color: var(--rincon-ink-soft);
    border-radius: 14px;
    font-style: italic;
}

/* Tablas antiguas */

body.rincon5-editorial .com-content-article__body table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

body.rincon5-editorial .com-content-article__body th,
body.rincon5-editorial .com-content-article__body td {
    border: 1px solid rgba(90, 24, 36, 0.18);
    padding: .55rem .7rem;
}

body.rincon5-editorial .com-content-article__body th {
    background: rgba(90, 24, 36, .08);
    color: var(--rincon-wine-deep);
}

/* Videos e iframes */

body.rincon5-editorial .com-content-article__body iframe,
body.rincon5-editorial .com-content-article__body embed,
body.rincon5-editorial .com-content-article__body object {
    max-width: 100%;
    border-radius: 16px;
}

/* Separadores antiguos */

body.rincon5-editorial .com-content-article__body hr {
    border: 0;
    border-top: 1px solid rgba(90, 24, 36, 0.2);
    margin: 2rem 0;
}

/* Tags */

body.rincon5-editorial .tags,
body.rincon5-editorial .com-tags-tag {
    margin-top: 1.8rem;
}

body.rincon5-editorial .tags a,
body.rincon5-editorial .com-tags-tag a,
body.rincon5-editorial .tag-list a {
    display: inline-flex;
    align-items: center;
    margin: .2rem .25rem .2rem 0;
    padding: .28rem .65rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .08);
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .82rem;
    text-decoration: none;
}

body.rincon5-editorial .tags a:hover,
body.rincon5-editorial .tag-list a:hover {
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft);
}

/* Navegación anterior/siguiente */

body.rincon5-editorial .pagenavigation,
body.rincon5-editorial .pager {
    margin-top: 2.2rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(90, 24, 36, 0.16);
}

body.rincon5-editorial .pagenavigation ul,
body.rincon5-editorial .pager ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0;
    margin: 0;
}

/* Responsive para artículos con imágenes flotadas */

@media (max-width: 720px) {
    body.rincon5-editorial .com-content-article__body img[style*="float"],
    body.rincon5-editorial .com-content-article__body .image-left,
    body.rincon5-editorial .com-content-article__body .image-right {
        float: none !important;
        display: block;
        margin: 1rem auto 1.25rem !important;
    }

    body.rincon5-editorial .com-content-article__body {
        font-size: 1.02rem;
        line-height: 1.72;
    }

    body.rincon5-editorial .item-image img,
    body.rincon5-editorial figure.item-image img {
        max-height: none;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CONTENIDO 0.4.1
   Tags, imágenes antiguas y navegación anterior/siguiente
   ========================================================= */

/* ---------------------------------------------
   TAGS: evitar listas con viñetas
   --------------------------------------------- */

body.rincon5-editorial ul.tags,
body.rincon5-editorial .tags ul,
body.rincon5-editorial .tag-list,
body.rincon5-editorial ul.tag-list {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem !important;
    margin: 1.4rem 0 1.6rem !important;
    padding: 0 !important;
}

body.rincon5-editorial ul.tags li,
body.rincon5-editorial .tags li,
body.rincon5-editorial .tag-list li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial ul.tags li::marker,
body.rincon5-editorial .tags li::marker,
body.rincon5-editorial .tag-list li::marker {
    content: "" !important;
}

body.rincon5-editorial ul.tags a,
body.rincon5-editorial .tags a,
body.rincon5-editorial .tag-list a {
    display: inline-flex !important;
    align-items: center;
    padding: .28rem .7rem !important;
    border: 1px solid rgba(90, 24, 36, .35);
    border-radius: 999px;
    background: rgba(255, 248, 237, .8);
    color: var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .82rem;
    text-decoration: none !important;
}

body.rincon5-editorial ul.tags a:hover,
body.rincon5-editorial .tags a:hover,
body.rincon5-editorial .tag-list a:hover {
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
}


/* ---------------------------------------------
   IMÁGENES DE ARTÍCULOS MIGRADOS
   No forzar todas al mismo tamaño.
   Evitar deformación y pixelado excesivo.
   --------------------------------------------- */

/* Imagen principal Joomla */
body.rincon5-editorial .item-image,
body.rincon5-editorial figure.item-image {
    max-width: 780px;
    margin: 0 auto 1.7rem;
    text-align: center;
    background: rgba(255, 248, 237, .65);
    border-radius: 22px;
}

body.rincon5-editorial .item-image img,
body.rincon5-editorial figure.item-image img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    max-height: 460px;
    margin: 0 auto;
    object-fit: contain !important;
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(59, 15, 24, 0.14);
}

/* Imágenes dentro del cuerpo */
body.rincon5-editorial .com-content-article__body img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto !important;
    margin: 1.4rem auto;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(59, 15, 24, 0.12);
}

/* No convertir iconos o emoticonos antiguos en imágenes enormes */
body.rincon5-editorial .com-content-article__body img[width="16"],
body.rincon5-editorial .com-content-article__body img[width="20"],
body.rincon5-editorial .com-content-article__body img[width="24"],
body.rincon5-editorial .com-content-article__body img[height="16"],
body.rincon5-editorial .com-content-article__body img[height="20"],
body.rincon5-editorial .com-content-article__body img[height="24"] {
    display: inline-block;
    margin: 0 .15rem;
    border-radius: 0;
    box-shadow: none;
}

/* Imágenes flotadas antiguas: respetarlas en escritorio */
body.rincon5-editorial .com-content-article__body img[style*="float: left"],
body.rincon5-editorial .com-content-article__body img[style*="float:left"] {
    display: inline;
    margin: .35rem 1.3rem 1rem 0;
}

body.rincon5-editorial .com-content-article__body img[style*="float: right"],
body.rincon5-editorial .com-content-article__body img[style*="float:right"] {
    display: inline;
    margin: .35rem 0 1rem 1.3rem;
}

/* En móvil, evitar flotados rotos */
@media (max-width: 720px) {
    body.rincon5-editorial .com-content-article__body img[style*="float"] {
        float: none !important;
        display: block !important;
        margin: 1.2rem auto !important;
    }
}


/* ---------------------------------------------
   NAVEGACIÓN ARTÍCULO ANTERIOR / SIGUIENTE
   Evitar desbordes con títulos largos
   --------------------------------------------- */

body.rincon5-editorial .pagenavigation,
body.rincon5-editorial .pager {
    margin-top: 2.4rem;
    padding-top: 1.3rem;
    border-top: 1px solid rgba(90, 24, 36, 0.16);
}

body.rincon5-editorial .pagenavigation ul,
body.rincon5-editorial .pager ul {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .9rem;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagenavigation li,
body.rincon5-editorial .pager li {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagenavigation a,
body.rincon5-editorial .pager a {
    display: block;
    max-width: 100%;
    padding: .75rem 1rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

body.rincon5-editorial .pagenavigation a:hover,
body.rincon5-editorial .pager a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* En móvil, anterior/siguiente en columna */
@media (max-width: 720px) {
    body.rincon5-editorial .pagenavigation ul,
    body.rincon5-editorial .pager ul {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CONTENIDO 0.4.2
   Vista de tags, paginación y navegación de artículos
   ========================================================= */


/* ---------------------------------------------------------
   TAGS DENTRO DEL ARTÍCULO
   Mantenerlos como píldoras horizontales
   --------------------------------------------------------- */

body.rincon5-editorial .com-content-article ul.tags,
body.rincon5-editorial .com-content-article .tags ul,
body.rincon5-editorial .item-page ul.tags,
body.rincon5-editorial .item-page .tags ul {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem !important;
    margin: 1.4rem 0 1.6rem !important;
    padding: 0 !important;
}

body.rincon5-editorial .com-content-article ul.tags li,
body.rincon5-editorial .com-content-article .tags li,
body.rincon5-editorial .item-page ul.tags li,
body.rincon5-editorial .item-page .tags li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .com-content-article ul.tags a,
body.rincon5-editorial .com-content-article .tags a,
body.rincon5-editorial .item-page ul.tags a,
body.rincon5-editorial .item-page .tags a {
    display: inline-flex !important;
    align-items: center;
    padding: .28rem .7rem !important;
    border: 1px solid rgba(90, 24, 36, .35);
    border-radius: 999px;
    background: rgba(255, 248, 237, .8);
    color: var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .82rem;
    text-decoration: none !important;
}


/* ---------------------------------------------------------
   VISTA DE TAGS / COMPONENTE COM_TAGS
   No debe verse como lista de viñetas ni como tags sueltos
   --------------------------------------------------------- */

body.rincon5-editorial .com-tags-tag {
    max-width: 780px;
}

body.rincon5-editorial .com-tags-tag form {
    margin-bottom: 1.4rem;
    padding: 1rem 1.1rem;
    background: rgba(234, 220, 198, .38);
    border: 1px solid rgba(90, 24, 36, .16);
    border-radius: 16px;
}

body.rincon5-editorial .com-tags-tag label,
body.rincon5-editorial .com-tags-tag .control-label {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .85rem;
    color: var(--rincon-ink-soft);
}

body.rincon5-editorial .com-tags-tag input,
body.rincon5-editorial .com-tags-tag select {
    border: 1px solid rgba(90, 24, 36, .22);
    border-radius: 8px;
    padding: .35rem .5rem;
    background: #fffaf1;
    color: var(--rincon-ink);
}

body.rincon5-editorial .com-tags-tag button,
body.rincon5-editorial .com-tags-tag .btn {
    margin-left: .25rem;
}

/* Lista de artículos asociados a un tag */

body.rincon5-editorial .com-tags-tag ul,
body.rincon5-editorial .com-tags-tag ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .com-tags-tag li {
    list-style: none !important;
    margin: 0 0 .7rem !important;
    padding: 0 !important;
}

body.rincon5-editorial .com-tags-tag li::marker {
    content: "" !important;
}

body.rincon5-editorial .com-tags-tag li a {
    display: block !important;
    padding: .75rem .95rem !important;
    border: 1px solid rgba(90, 24, 36, .14);
    border-left: 4px solid var(--rincon-gold);
    border-radius: 14px;
    background: rgba(255, 248, 237, .8);
    color: var(--rincon-wine) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(59, 15, 24, .06);
}

body.rincon5-editorial .com-tags-tag li a:hover,
body.rincon5-editorial .com-tags-tag li a:focus {
    background: rgba(90, 24, 36, .06);
    color: var(--rincon-wine-deep) !important;
}


/* ---------------------------------------------------------
   PAGINACIÓN GENERAL
   Evitar paginación vertical con viñetas
   --------------------------------------------------------- */

body.rincon5-editorial .pagination,
body.rincon5-editorial ul.pagination,
body.rincon5-editorial .pagination-list,
body.rincon5-editorial ul.pagination-list {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center;
    gap: .35rem !important;
    margin: 1.7rem 0 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagination li,
body.rincon5-editorial .pagination-list li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagination li::marker,
body.rincon5-editorial .pagination-list li::marker {
    content: "" !important;
}

body.rincon5-editorial .pagination a,
body.rincon5-editorial .pagination span,
body.rincon5-editorial .pagination .page-link,
body.rincon5-editorial .pagination-list a,
body.rincon5-editorial .pagination-list span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: .35rem .65rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(90, 24, 36, .16) !important;
    background: rgba(255, 248, 237, .9) !important;
    color: var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .85rem;
    text-decoration: none !important;
}

body.rincon5-editorial .pagination .active a,
body.rincon5-editorial .pagination .active span,
body.rincon5-editorial .pagination li.active .page-link,
body.rincon5-editorial .pagination-list .active a,
body.rincon5-editorial .pagination-list .active span {
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border-color: var(--rincon-wine) !important;
}

body.rincon5-editorial .pagination a:hover,
body.rincon5-editorial .pagination .page-link:hover,
body.rincon5-editorial .pagination-list a:hover {
    background: rgba(90, 24, 36, .08) !important;
    color: var(--rincon-wine-deep) !important;
}


/* ---------------------------------------------------------
   NAVEGACIÓN ANTERIOR / SIGUIENTE
   Separar mejor los botones
   --------------------------------------------------------- */

body.rincon5-editorial .pagenavigation,
body.rincon5-editorial .pager {
    margin-top: 2.6rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(90, 24, 36, 0.16);
}

body.rincon5-editorial .pagenavigation ul,
body.rincon5-editorial .pager ul {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: .85rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagenavigation li,
body.rincon5-editorial .pager li {
    display: block !important;
    width: 100%;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagenavigation a,
body.rincon5-editorial .pager a {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    padding: .85rem 1.1rem !important;
    border-radius: 18px !important;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.rincon5-editorial .pagenavigation a:hover,
body.rincon5-editorial .pager a:hover {
    background: var(--rincon-wine-deep);
}

@media (min-width: 820px) {
    body.rincon5-editorial .pagenavigation ul,
    body.rincon5-editorial .pager ul {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CONTENIDO 0.4.3
   Corrección paginación, anterior/siguiente y hover tags
   ========================================================= */


/* ---------------------------------------------------------
   TAGS DENTRO DEL ARTÍCULO — Hover correcto
   --------------------------------------------------------- */

body.rincon5-editorial .com-content-article ul.tags a:hover,
body.rincon5-editorial .com-content-article .tags a:hover,
body.rincon5-editorial .item-page ul.tags a:hover,
body.rincon5-editorial .item-page .tags a:hover,
body.rincon5-editorial .com-content-article ul.tags a:focus,
body.rincon5-editorial .com-content-article .tags a:focus,
body.rincon5-editorial .item-page ul.tags a:focus,
body.rincon5-editorial .item-page .tags a:focus {
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border-color: var(--rincon-wine) !important;
}


/* ---------------------------------------------------------
   PAGINACIÓN DE COM_TAGS
   Corregir círculos vacíos de Inicio / Anterior / Siguiente / Final
   --------------------------------------------------------- */

body.rincon5-editorial .pagination .page-item:first-child .page-link,
body.rincon5-editorial .pagination li:first-child a,
body.rincon5-editorial .pagination li:first-child span {
    font-size: 0 !important;
}

body.rincon5-editorial .pagination .page-item:first-child .page-link::before,
body.rincon5-editorial .pagination li:first-child a::before,
body.rincon5-editorial .pagination li:first-child span::before {
    content: "«";
    font-size: .95rem;
    line-height: 1;
}

body.rincon5-editorial .pagination .page-item:nth-child(2) .page-link,
body.rincon5-editorial .pagination li:nth-child(2) a,
body.rincon5-editorial .pagination li:nth-child(2) span {
    font-size: 0 !important;
}

body.rincon5-editorial .pagination .page-item:nth-child(2) .page-link::before,
body.rincon5-editorial .pagination li:nth-child(2) a::before,
body.rincon5-editorial .pagination li:nth-child(2) span::before {
    content: "‹";
    font-size: .95rem;
    line-height: 1;
}

body.rincon5-editorial .pagination .page-item:nth-last-child(2) .page-link,
body.rincon5-editorial .pagination li:nth-last-child(2) a,
body.rincon5-editorial .pagination li:nth-last-child(2) span {
    font-size: 0 !important;
}

body.rincon5-editorial .pagination .page-item:nth-last-child(2) .page-link::before,
body.rincon5-editorial .pagination li:nth-last-child(2) a::before,
body.rincon5-editorial .pagination li:nth-last-child(2) span::before {
    content: "›";
    font-size: .95rem;
    line-height: 1;
}

body.rincon5-editorial .pagination .page-item:last-child .page-link,
body.rincon5-editorial .pagination li:last-child a,
body.rincon5-editorial .pagination li:last-child span {
    font-size: 0 !important;
}

body.rincon5-editorial .pagination .page-item:last-child .page-link::before,
body.rincon5-editorial .pagination li:last-child a::before,
body.rincon5-editorial .pagination li:last-child span::before {
    content: "»";
    font-size: .95rem;
    line-height: 1;
}

/* Evitar círculos dobles si Joomla mete iconos internos */
body.rincon5-editorial .pagination [class*="icon-"],
body.rincon5-editorial .pagination-list [class*="icon-"] {
    display: none !important;
}


/* ---------------------------------------------------------
   ANTERIOR / SIGUIENTE EN ARTÍCULOS
   Quitar círculos/iconos internos y dejar dos tarjetas limpias
   --------------------------------------------------------- */

body.rincon5-editorial .pagenavigation [class*="icon-"],
body.rincon5-editorial .pager [class*="icon-"] {
    display: none !important;
}

body.rincon5-editorial .pagenavigation ul,
body.rincon5-editorial .pager ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .95rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .pagenavigation li,
body.rincon5-editorial .pager li {
    display: block !important;
    width: 100% !important;
}

body.rincon5-editorial .pagenavigation a,
body.rincon5-editorial .pager a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    min-height: 3rem;
    border-radius: 18px !important;
    padding: .85rem 1.05rem !important;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine) !important;
    box-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.rincon5-editorial .pagenavigation a:hover,
body.rincon5-editorial .pager a:hover {
    background: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-wine-deep) !important;
}

body.rincon5-editorial .pagenavigation li.previous a::before,
body.rincon5-editorial .pager li.previous a::before {
    content: "←";
    margin-right: .55rem;
    color: var(--rincon-gold-soft);
    font-weight: 700;
}

body.rincon5-editorial .pagenavigation li.next a::before,
body.rincon5-editorial .pager li.next a::before {
    content: "→";
    margin-right: .55rem;
    color: var(--rincon-gold-soft);
    font-weight: 700;
}

@media (min-width: 860px) {
    body.rincon5-editorial .pagenavigation ul,
    body.rincon5-editorial .pager ul {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — PAGENAV OVERRIDE 0.5.2
   ========================================================= */

body.rincon5-editorial .rincon-pagenav {
    margin-top: 2.6rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(90, 24, 36, 0.16);
}

body.rincon5-editorial .rincon-pagenav-list {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: .9rem;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .rincon-pagenav-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .rincon-pagenav-link {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    padding: .95rem 1.15rem !important;
    border-radius: 18px;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(59, 15, 24, .10);
}

body.rincon5-editorial .rincon-pagenav-link:hover,
body.rincon5-editorial .rincon-pagenav-link:focus {
    background: var(--rincon-wine-deep) !important;
    color: var(--rincon-paper-soft) !important;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-pagenav-label {
    display: block;
    margin-bottom: .25rem;
    color: var(--rincon-gold-soft);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-pagenav-title {
    display: block;
    color: inherit;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
}

@media (min-width: 860px) {
    body.rincon5-editorial .rincon-pagenav-list {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — PAGENAV OVERRIDE 0.5.3
   Forzar estructura vertical limpia en anterior/siguiente
   ========================================================= */

body.rincon5-editorial .rincon-pagenav .rincon-pagenav-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.rincon5-editorial .rincon-pagenav .rincon-pagenav-link {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding: 1rem 1.15rem !important;
    border-radius: 18px !important;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-pagenav .rincon-pagenav-link:hover,
body.rincon5-editorial .rincon-pagenav .rincon-pagenav-link:focus {
    background: var(--rincon-wine-deep) !important;
    color: var(--rincon-paper-soft) !important;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-pagenav .rincon-pagenav-label {
    display: block !important;
    margin: 0 0 .35rem 0 !important;
    padding: 0 !important;
    color: var(--rincon-gold-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .74rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

body.rincon5-editorial .rincon-pagenav .rincon-pagenav-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rincon-paper-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* En escritorio, dos tarjetas lado a lado */
@media (min-width: 860px) {
    body.rincon5-editorial .rincon-pagenav .rincon-pagenav-list {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
}

/* En móvil, una debajo de otra */
@media (max-width: 859px) {
    body.rincon5-editorial .rincon-pagenav .rincon-pagenav-list {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BLOGS / LISTADOS 0.5.4
   Categorías como listados editoriales
   ========================================================= */

/* Contenedor general de blog de categoría */

body.rincon5-editorial .com-content-category-blog,
body.rincon5-editorial .blog {
    color: var(--rincon-ink);
}

/* Título de categoría */

body.rincon5-editorial .com-content-category-blog > h1,
body.rincon5-editorial .blog > h1,
body.rincon5-editorial .page-header h1 {
    color: var(--rincon-wine-deep);
}

/* Descripción de categoría, cuando exista */

body.rincon5-editorial .category-desc,
body.rincon5-editorial .com-content-category-blog__description {
    margin: 0 0 2rem;
    padding: 1.2rem 1.35rem;
    border-left: 5px solid var(--rincon-gold);
    border-radius: 16px;
    background: rgba(234, 220, 198, .42);
    color: var(--rincon-ink-soft);
    font-size: 1.02rem;
    line-height: 1.65;
}

/* Contenedor de tarjetas */

body.rincon5-editorial .blog-items,
body.rincon5-editorial .items-leading,
body.rincon5-editorial .items-row {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

/* Tarjetas de artículos en blog */

body.rincon5-editorial .blog-item,
body.rincon5-editorial .com-content-category-blog__item,
body.rincon5-editorial .items-leading > div,
body.rincon5-editorial .items-row > div {
    background: rgba(255, 248, 237, .92);
    border: 1px solid rgba(90, 24, 36, .16);
    border-radius: 22px;
    padding: 1.35rem;
    box-shadow: 0 12px 32px rgba(59, 15, 24, .08);
}

/* Títulos de tarjetas */

body.rincon5-editorial .blog-item .page-header,
body.rincon5-editorial .com-content-category-blog__item .page-header {
    margin: 0 0 .75rem;
}

body.rincon5-editorial .blog-item h2,
body.rincon5-editorial .blog-item h3,
body.rincon5-editorial .blog-item .page-header h2,
body.rincon5-editorial .com-content-category-blog__item h2,
body.rincon5-editorial .com-content-category-blog__item h3 {
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    line-height: 1.18;
}

body.rincon5-editorial .blog-item h2 a,
body.rincon5-editorial .blog-item h3 a,
body.rincon5-editorial .com-content-category-blog__item h2 a,
body.rincon5-editorial .com-content-category-blog__item h3 a {
    color: var(--rincon-wine-deep);
    text-decoration: none;
}

body.rincon5-editorial .blog-item h2 a:hover,
body.rincon5-editorial .blog-item h3 a:hover,
body.rincon5-editorial .com-content-category-blog__item h2 a:hover,
body.rincon5-editorial .com-content-category-blog__item h3 a:hover {
    color: var(--rincon-wine);
    text-decoration: underline;
}

/* Metadatos dentro de tarjetas */

body.rincon5-editorial .blog-item .article-info,
body.rincon5-editorial .com-content-category-blog__item .article-info {
    margin: .75rem 0 1rem;
    padding: .75rem .95rem;
    border-left: 4px solid var(--rincon-gold);
    border-radius: 12px;
    background: rgba(234, 220, 198, .42);
    font-size: .88rem;
}

/* Imágenes en tarjetas */

body.rincon5-editorial .blog-item .item-image,
body.rincon5-editorial .com-content-category-blog__item .item-image,
body.rincon5-editorial .blog-item figure.item-image,
body.rincon5-editorial .com-content-category-blog__item figure.item-image {
    margin: 0 0 1rem;
    max-width: 100%;
    background: transparent;
    text-align: center;
}

body.rincon5-editorial .blog-item .item-image img,
body.rincon5-editorial .com-content-category-blog__item .item-image img,
body.rincon5-editorial .blog-item figure.item-image img,
body.rincon5-editorial .com-content-category-blog__item figure.item-image img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 260px;
    object-fit: cover !important;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(59, 15, 24, .10);
}

/* Extracto visual controlado en listados */

body.rincon5-editorial .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content,
body.rincon5-editorial .blog-item .com-content-article__body,
body.rincon5-editorial .com-content-category-blog__item .com-content-article__body {
    max-width: 100%;
    font-size: .98rem;
    line-height: 1.65;
    color: var(--rincon-ink);
}

/* Control provisional: evitar que un artículo completo rompa el blog.
   Esto se resolverá mejor con el plugin Leer Más automático. */

body.rincon5-editorial .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content {
    max-height: 13.5rem;
    overflow: hidden;
    position: relative;
}

body.rincon5-editorial .blog-item .item-content::after,
body.rincon5-editorial .com-content-category-blog__item .item-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.5rem;
    background: linear-gradient(180deg, rgba(255,248,237,0), rgba(255,248,237,.96));
    pointer-events: none;
}

/* Read more */

body.rincon5-editorial .readmore,
body.rincon5-editorial .com-content-category-blog__item .readmore {
    margin-top: 1rem;
}

body.rincon5-editorial .readmore a,
body.rincon5-editorial .readmore .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem !important;
    border-radius: 999px !important;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 700;
    text-decoration: none !important;
}

body.rincon5-editorial .readmore a:hover,
body.rincon5-editorial .readmore .btn:hover {
    background: var(--rincon-wine-deep) !important;
    color: var(--rincon-paper-soft) !important;
}

/* Tags en tarjetas */

body.rincon5-editorial .blog-item ul.tags,
body.rincon5-editorial .com-content-category-blog__item ul.tags,
body.rincon5-editorial .blog-item .tags ul,
body.rincon5-editorial .com-content-category-blog__item .tags ul {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 1rem 0 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .blog-item ul.tags li,
body.rincon5-editorial .com-content-category-blog__item ul.tags li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial .blog-item ul.tags a,
body.rincon5-editorial .com-content-category-blog__item ul.tags a,
body.rincon5-editorial .blog-item .tags a,
body.rincon5-editorial .com-content-category-blog__item .tags a {
    display: inline-flex;
    padding: .25rem .6rem;
    border-radius: 999px;
    border: 1px solid rgba(90, 24, 36, .28);
    background: rgba(255, 248, 237, .8);
    color: var(--rincon-wine) !important;
    font-size: .78rem;
    text-decoration: none !important;
}

body.rincon5-editorial .blog-item ul.tags a:hover,
body.rincon5-editorial .com-content-category-blog__item ul.tags a:hover,
body.rincon5-editorial .blog-item .tags a:hover,
body.rincon5-editorial .com-content-category-blog__item .tags a:hover {
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
}

/* Paginación del blog */

body.rincon5-editorial .com-content-category-blog .pagination,
body.rincon5-editorial .blog .pagination {
    margin-top: 2rem !important;
}


/* =========================================================
   RINCÓN 5 EDITORIAL — CATEGORÍAS 0.5.7
   Imagen y descripción editorial de categoría
   ========================================================= */

/* Caja editorial de descripción de categoría */

body.rincon5-editorial .category-desc,
body.rincon5-editorial .com-content-category-blog__description {
    margin: 0 0 2rem !important;
    padding: 1.25rem !important;
    border-left: 5px solid var(--rincon-gold);
    border-radius: 18px;
    background: rgba(234, 220, 198, .48);
    color: var(--rincon-ink);
    font-size: 1.02rem;
    line-height: 1.68;
    box-shadow: 0 10px 28px rgba(59, 15, 24, .06);
}

/* Imagen editorial de categoría */

body.rincon5-editorial .category-desc img,
body.rincon5-editorial .com-content-category-blog__description img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 330px;
    object-fit: cover;
    margin: 0 0 1.35rem !important;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(59, 15, 24, .16);
}

/* Párrafos dentro de descripción */

body.rincon5-editorial .category-desc p,
body.rincon5-editorial .com-content-category-blog__description p {
    margin: 0 0 1rem;
}

body.rincon5-editorial .category-desc p:last-child,
body.rincon5-editorial .com-content-category-blog__description p:last-child {
    margin-bottom: 0;
}

/* Resaltar nombre de la sección dentro del texto */

body.rincon5-editorial .category-desc strong,
body.rincon5-editorial .com-content-category-blog__description strong {
    color: var(--rincon-wine-deep);
}

/* Separación entre introducción editorial y primer artículo */

body.rincon5-editorial .category-desc + .blog-items,
body.rincon5-editorial .com-content-category-blog__description + .blog-items {
    margin-top: 1.4rem;
}

/* Móvil */

@media (max-width: 720px) {
    body.rincon5-editorial .category-desc,
    body.rincon5-editorial .com-content-category-blog__description {
        padding: 1rem !important;
        border-radius: 16px;
    }

    body.rincon5-editorial .category-desc img,
    body.rincon5-editorial .com-content-category-blog__description img {
        max-height: none;
        border-radius: 14px;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CATEGORÍAS 0.5.8
   Separación entre intro editorial y listado
   ========================================================= */

/* Dar más aire entre la presentación editorial de la categoría
   y el primer artículo del listado */

body.rincon5-editorial .category-desc,
body.rincon5-editorial .com-content-category-blog__description {
    position: relative;
    margin-bottom: 3rem !important;
}

/* Línea divisoria sutil después de la intro editorial */

body.rincon5-editorial .category-desc::after,
body.rincon5-editorial .com-content-category-blog__description::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: -1.55rem;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(90, 24, 36, 0.22),
        rgba(201, 154, 70, 0.35),
        rgba(90, 24, 36, 0.22),
        transparent
    );
}

/* Evitar que el primer artículo quede demasiado pegado */

body.rincon5-editorial .category-desc + .blog-items,
body.rincon5-editorial .com-content-category-blog__description + .blog-items,
body.rincon5-editorial .category-desc + .items-leading,
body.rincon5-editorial .com-content-category-blog__description + .items-leading {
    margin-top: .5rem !important;
}

/* Móvil: separación un poco menor */

@media (max-width: 720px) {
    body.rincon5-editorial .category-desc,
    body.rincon5-editorial .com-content-category-blog__description {
        margin-bottom: 2.4rem !important;
    }

    body.rincon5-editorial .category-desc::after,
    body.rincon5-editorial .com-content-category-blog__description::after {
        left: 8%;
        right: 8%;
        bottom: -1.25rem;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BLOGS / LISTADOS 0.5.9
   Plugin Auto Intro: retirar recorte visual provisional
   ========================================================= */

/* 
   Antes el listado se recortaba visualmente con max-height + degradado.
   Ahora el extracto lo genera el plugin "Contenido - Rincón Auto Intro".
   Por eso dejamos el texto visible tal como llega desde Joomla/plugin.
*/

body.rincon5-editorial .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content {
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
}

body.rincon5-editorial .blog-item .item-content::after,
body.rincon5-editorial .com-content-category-blog__item .item-content::after {
    content: none !important;
    display: none !important;
}

/* Mantener el cuerpo del extracto como texto normal dentro de la tarjeta */

body.rincon5-editorial .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content,
body.rincon5-editorial .blog-item .com-content-article__body,
body.rincon5-editorial .com-content-category-blog__item .com-content-article__body {
    max-width: 100% !important;
    font-size: .98rem;
    line-height: 1.65;
    color: var(--rincon-ink);
}

/* Evitar márgenes excesivos en el extracto generado por el plugin */

body.rincon5-editorial .blog-item .item-content p,
body.rincon5-editorial .com-content-category-blog__item .item-content p,
body.rincon5-editorial .blog-item .com-content-article__body p,
body.rincon5-editorial .com-content-category-blog__item .com-content-article__body p {
    margin: 0 0 .85rem;
}

body.rincon5-editorial .blog-item .item-content p:last-child,
body.rincon5-editorial .com-content-category-blog__item .item-content p:last-child,
body.rincon5-editorial .blog-item .com-content-article__body p:last-child,
body.rincon5-editorial .com-content-category-blog__item .com-content-article__body p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / INICIO 0.6.0
   Portada editorial
   ========================================================= */

body.rincon5-editorial .rincon-home {
    max-width: 100%;
}

/* Hero principal */

body.rincon5-editorial .rincon-home-hero {
    position: relative;
    padding: clamp(2rem, 5vw, 4rem);
    margin-bottom: 2rem;
    border-radius: 26px;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(201, 154, 70, .24), transparent 28rem),
        linear-gradient(135deg, rgba(90, 24, 36, .96), rgba(59, 15, 24, .96));
    color: var(--rincon-paper-soft);
    box-shadow: 0 22px 55px rgba(59, 15, 24, .18);
}

body.rincon5-editorial .rincon-home-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(224, 194, 123, .35);
    border-radius: 20px;
    pointer-events: none;
}

body.rincon5-editorial .rincon-home-hero .rincon-kicker {
    margin: 0 0 .9rem;
    color: var(--rincon-gold-soft);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-home-hero h1 {
    max-width: 900px;
    margin: 0 0 1.1rem;
    color: var(--rincon-paper-soft);
    font-size: clamp(2.6rem, 6vw, 5rem);
    line-height: .98;
    letter-spacing: -.035em;
}

body.rincon5-editorial .rincon-home-lead {
    max-width: 820px;
    margin: 0 0 1.25rem;
    color: #fff4df;
    font-size: clamp(1.15rem, 2.2vw, 1.55rem);
    line-height: 1.45;
}

body.rincon5-editorial .rincon-home-hero p {
    max-width: 820px;
    color: rgba(255, 248, 237, .92);
}

/* Grid de accesos principales */

body.rincon5-editorial .rincon-home-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-home-card {
    display: flex;
    flex-direction: column;
    min-height: 250px;
    padding: 1.45rem;
    border-radius: 22px;
    background: rgba(255, 248, 237, .92);
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-home-card h2 {
    margin: 0 0 .85rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.35rem, 2vw, 1.85rem);
}

body.rincon5-editorial .rincon-home-card p {
    margin: 0 0 1rem;
}

body.rincon5-editorial .rincon-home-card p:last-child {
    margin-top: auto;
    margin-bottom: 0;
}

body.rincon5-editorial .rincon-home-card a,
body.rincon5-editorial .rincon-home-links a,
body.rincon5-editorial .rincon-home-invitation a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .55rem 1rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-home-card a:hover,
body.rincon5-editorial .rincon-home-links a:hover,
body.rincon5-editorial .rincon-home-invitation a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Bloques editoriales inferiores */

body.rincon5-editorial .rincon-home-memory,
body.rincon5-editorial .rincon-home-invitation {
    margin-top: 1.4rem;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(234, 220, 198, .42));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-home-memory h2,
body.rincon5-editorial .rincon-home-invitation h2 {
    margin-top: 0;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.7rem, 3vw, 2.6rem);
}

body.rincon5-editorial .rincon-home-memory p,
body.rincon5-editorial .rincon-home-invitation p {
    max-width: 850px;
}

body.rincon5-editorial .rincon-home-links {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: 1.1rem;
}

body.rincon5-editorial .rincon-home-invitation p:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    margin-top: 1.2rem;
}

/* Inicio sin sidebar: dar más presencia a la portada */

body.rincon5-editorial.menu-inicio .content-area,
body.rincon5-editorial .rincon-home .content-area {
    max-width: none;
}

/* Responsive */

@media (max-width: 1100px) {
    body.rincon5-editorial .rincon-home-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    body.rincon5-editorial .rincon-home-hero {
        padding: 2rem 1.35rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-home-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-home-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-home-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-home-invitation p:last-child {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / INICIO 0.6.1
   Ajuste de portada: ancho, jerarquía y tarjetas
   ========================================================= */

/* En Inicio no necesitamos breadcrumb */
body.rincon5-editorial.menu-inicio .breadcrumbs-wrap {
    display: none;
}

/* La portada no debe quedar limitada como artículo normal */
body.rincon5-editorial.menu-inicio .content-area {
    max-width: 1040px;
    margin-inline: auto;
    padding: clamp(1.4rem, 3vw, 2.4rem);
}

body.rincon5-editorial.menu-inicio .com-content-article__body {
    max-width: none !important;
    width: 100%;
}

/* Contenedor general de la portada */
body.rincon5-editorial.menu-inicio .rincon-home {
    max-width: 940px;
    margin-inline: auto;
}

/* Hero menos alto y más elegante */
body.rincon5-editorial.menu-inicio .rincon-home-hero {
    padding: clamp(2rem, 4vw, 3.2rem);
    margin-bottom: 1.8rem;
    border-radius: 24px;
}

body.rincon5-editorial.menu-inicio .rincon-home-hero h1 {
    max-width: 760px;
    font-size: clamp(2.7rem, 5vw, 4.35rem);
    line-height: 1;
}

body.rincon5-editorial.menu-inicio .rincon-home-lead {
    max-width: 720px;
    font-size: clamp(1.15rem, 2vw, 1.42rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-hero p {
    max-width: 720px;
}

/* Tarjetas: 2 columnas, no 4 */
body.rincon5-editorial.menu-inicio .rincon-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 1.8rem 0;
}

body.rincon5-editorial.menu-inicio .rincon-home-card {
    min-height: 0;
    padding: 1.6rem;
}

body.rincon5-editorial.menu-inicio .rincon-home-card h2 {
    font-size: clamp(1.55rem, 2.4vw, 2.15rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-card p {
    font-size: 1rem;
    line-height: 1.62;
}

/* Bloques inferiores más contenidos */
body.rincon5-editorial.menu-inicio .rincon-home-memory,
body.rincon5-editorial.menu-inicio .rincon-home-invitation {
    padding: clamp(1.6rem, 3vw, 2.25rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-memory h2,
body.rincon5-editorial.menu-inicio .rincon-home-invitation h2 {
    font-size: clamp(1.9rem, 3vw, 2.7rem);
}

/* Botones más consistentes */
body.rincon5-editorial.menu-inicio .rincon-home-card a,
body.rincon5-editorial.menu-inicio .rincon-home-links a,
body.rincon5-editorial.menu-inicio .rincon-home-invitation a {
    min-height: 2.45rem;
    padding: .58rem 1.05rem;
}

/* Enlaces separados por punto medio: evitar que queden raros */
body.rincon5-editorial.menu-inicio .rincon-home-invitation p:last-child {
    gap: .5rem;
}

body.rincon5-editorial.menu-inicio .rincon-home-invitation p:last-child {
    color: transparent;
}

body.rincon5-editorial.menu-inicio .rincon-home-invitation p:last-child a {
    color: var(--rincon-paper-soft) !important;
}

/* Responsive */
@media (max-width: 760px) {
    body.rincon5-editorial.menu-inicio .content-area {
        padding: 1rem;
    }

    body.rincon5-editorial.menu-inicio .rincon-home {
        max-width: 100%;
    }

    body.rincon5-editorial.menu-inicio .rincon-home-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial.menu-inicio .rincon-home-hero h1 {
        font-size: clamp(2.25rem, 12vw, 3.2rem);
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / INICIO 0.6.2
   Portada más amplia y respirada
   ========================================================= */

/* Inicio: usar mejor el ancho disponible */
body.rincon5-editorial.menu-inicio .content-area {
    max-width: 1180px;
    width: min(100%, 1180px);
    margin-inline: auto;
    padding: clamp(1.6rem, 3vw, 2.8rem);
}

/* La home interna también gana ancho */
body.rincon5-editorial.menu-inicio .rincon-home {
    max-width: 1060px;
    margin-inline: auto;
}

/* Hero más panorámico */
body.rincon5-editorial.menu-inicio .rincon-home-hero {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(2.4rem, 5vw, 4rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-hero h1 {
    max-width: 820px;
    font-size: clamp(3rem, 5.4vw, 5rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-lead {
    max-width: 820px;
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-hero p {
    max-width: 820px;
    font-size: 1.05rem;
}

/* Tarjetas más cómodas */
body.rincon5-editorial.menu-inicio .rincon-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem;
}

body.rincon5-editorial.menu-inicio .rincon-home-card {
    padding: clamp(1.5rem, 2.6vw, 2rem);
    min-height: 230px;
}

body.rincon5-editorial.menu-inicio .rincon-home-card h2 {
    font-size: clamp(1.75rem, 2.4vw, 2.35rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-card p {
    font-size: 1.04rem;
    line-height: 1.68;
}

/* Bloques inferiores más presentes */
body.rincon5-editorial.menu-inicio .rincon-home-memory,
body.rincon5-editorial.menu-inicio .rincon-home-invitation {
    padding: clamp(2rem, 3.4vw, 3rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-memory h2,
body.rincon5-editorial.menu-inicio .rincon-home-invitation h2 {
    font-size: clamp(2.1rem, 3.5vw, 3rem);
}

body.rincon5-editorial.menu-inicio .rincon-home-memory p,
body.rincon5-editorial.menu-inicio .rincon-home-invitation p {
    font-size: 1.06rem;
    line-height: 1.72;
}

/* Reducir exceso de caja externa en inicio */
body.rincon5-editorial.menu-inicio .main-content {
    padding-top: 1.4rem;
}

/* Responsive */
@media (max-width: 820px) {
    body.rincon5-editorial.menu-inicio .rincon-home-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial.menu-inicio .rincon-home-hero {
        min-height: 0;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / ÚLTIMAS PUBLICACIONES 0.6.4
   ========================================================= */

body.rincon5-editorial.menu-inicio .rincon-home-latest {
    margin: 1.8rem 0;
    padding: clamp(1.6rem, 3vw, 2.5rem);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .40));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest h2 {
    margin: 0 0 .6rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.9rem, 3vw, 2.65rem);
}

body.rincon5-editorial.menu-inicio .rincon-section-intro {
    max-width: 760px;
    margin: 0 0 1.4rem;
    color: var(--rincon-ink-soft);
    font-size: 1.02rem;
}

/* Quitar aspecto de lista cruda */

body.rincon5-editorial.menu-inicio .rincon-home-latest ul,
body.rincon5-editorial.menu-inicio .rincon-home-latest ol {
    list-style: none !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem;
    margin: 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest li {
    list-style: none !important;
    margin: 0 !important;
    padding: 1rem 1.1rem !important;
    border-radius: 18px;
    background: rgba(255, 248, 237, .88);
    border: 1px solid rgba(90, 24, 36, .14);
    box-shadow: 0 8px 22px rgba(59, 15, 24, .05);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest li::marker {
    content: "" !important;
}

/* Título del artículo */

body.rincon5-editorial.menu-inicio .rincon-home-latest li > a,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h3 a,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h4 a {
    display: block;
    color: var(--rincon-wine-deep) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none !important;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest li > a:hover,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h3 a:hover,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h4 a:hover {
    color: var(--rincon-wine) !important;
    text-decoration: underline !important;
}

/* Detalles del módulo */

body.rincon5-editorial.menu-inicio .rincon-home-latest .article-info {
    margin: .65rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    color: var(--rincon-ink-soft);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .article-info-term {
    display: none !important;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .article-info dd {
    display: inline;
    margin: 0 .5rem 0 0 !important;
    padding: 0 !important;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .article-info dd::after {
    content: " · ";
    color: rgba(90, 24, 36, .45);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .article-info dd:last-child::after {
    content: "";
}

/* Iconos de detalles más discretos */

body.rincon5-editorial.menu-inicio .rincon-home-latest .article-info [class*="icon-"] {
    display: none !important;
}

/* Responsive */

@media (max-width: 780px) {
    body.rincon5-editorial.menu-inicio .rincon-home-latest ul,
    body.rincon5-editorial.menu-inicio .rincon-home-latest ol {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — TÍTULOS Y DETALLES 0.6.6
   Versalitas visuales y limpieza de metadatos
   ========================================================= */

/* ---------------------------------------------------------
   Títulos en listados: versalitas con inicial capital
   No modifica el título real en la base de datos.
   --------------------------------------------------------- */

/* Blogs / categorías */
body.rincon5-editorial .blog-item h2 a,
body.rincon5-editorial .blog-item h3 a,
body.rincon5-editorial .com-content-category-blog__item h2 a,
body.rincon5-editorial .com-content-category-blog__item h3 a {
    text-transform: lowercase !important;
    font-variant-caps: small-caps;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .035em;
}

body.rincon5-editorial .blog-item h2 a::first-letter,
body.rincon5-editorial .blog-item h3 a::first-letter,
body.rincon5-editorial .com-content-category-blog__item h2 a::first-letter,
body.rincon5-editorial .com-content-category-blog__item h3 a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.06em;
}

/* Últimas publicaciones en Inicio */
body.rincon5-editorial.menu-inicio .rincon-home-latest li > a,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h3 a,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h4 a {
    text-transform: lowercase !important;
    font-variant-caps: small-caps;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .035em;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest li > a::first-letter,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h3 a::first-letter,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h4 a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.06em;
}

/* Vista de tags */
body.rincon5-editorial .com-tags-tag li a {
    text-transform: lowercase !important;
    font-variant-caps: small-caps;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .035em;
}

body.rincon5-editorial .com-tags-tag li a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.06em;
}

/* El artículo individual conserva el título original */
body.rincon5-editorial .com-content-article .page-header h1,
body.rincon5-editorial .item-page .page-header h1 {
    text-transform: none !important;
    font-variant-caps: normal;
    font-feature-settings: normal;
    letter-spacing: -.02em;
}


/* ---------------------------------------------------------
   Ocultar la palabra “Detalles” en metadatos
   --------------------------------------------------------- */

body.rincon5-editorial .article-info-term,
body.rincon5-editorial .blog-item .article-info-term,
body.rincon5-editorial .com-content-category-blog__item .article-info-term,
body.rincon5-editorial .com-content-article .article-info-term,
body.rincon5-editorial .item-page .article-info-term {
    display: none !important;
}

/* Ajuste de espaciado al quitar “Detalles” */

body.rincon5-editorial .article-info {
    margin-top: .85rem;
}

body.rincon5-editorial .article-info dd:first-of-type {
    margin-top: 0 !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — TÍTULOS EN LISTADOS 0.6.7
   Versalitas editoriales sin modificar títulos reales
   ========================================================= */

/* Blogs / categorías: título del artículo */
body.rincon5-editorial .blog-item .page-header h2,
body.rincon5-editorial .blog-item .page-header h3,
body.rincon5-editorial .com-content-category-blog__item .page-header h2,
body.rincon5-editorial .com-content-category-blog__item .page-header h3 {
    text-transform: lowercase !important;
    font-variant: small-caps !important;
    font-variant-caps: small-caps !important;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .045em;
}

body.rincon5-editorial .blog-item .page-header h2 a,
body.rincon5-editorial .blog-item .page-header h3 a,
body.rincon5-editorial .com-content-category-blog__item .page-header h2 a,
body.rincon5-editorial .com-content-category-blog__item .page-header h3 a {
    display: inline-block;
    text-transform: lowercase !important;
    font-variant: small-caps !important;
    font-variant-caps: small-caps !important;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .045em;
}

/* Primera letra ligeramente más fuerte */
body.rincon5-editorial .blog-item .page-header h2 a::first-letter,
body.rincon5-editorial .blog-item .page-header h3 a::first-letter,
body.rincon5-editorial .com-content-category-blog__item .page-header h2 a::first-letter,
body.rincon5-editorial .com-content-category-blog__item .page-header h3 a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.16em;
}

/* Últimas publicaciones en Inicio */
body.rincon5-editorial.menu-inicio .rincon-home-latest li > a,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h3 a,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h4 a {
    display: inline-block;
    text-transform: lowercase !important;
    font-variant: small-caps !important;
    font-variant-caps: small-caps !important;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .045em;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest li > a::first-letter,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h3 a::first-letter,
body.rincon5-editorial.menu-inicio .rincon-home-latest li h4 a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.16em;
}

/* Vista de tags */
body.rincon5-editorial .com-tags-tag li a {
    display: block;
    text-transform: lowercase !important;
    font-variant: small-caps !important;
    font-variant-caps: small-caps !important;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .045em;
}

body.rincon5-editorial .com-tags-tag li a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.16em;
}

/* El artículo individual conserva el título original del autor */
body.rincon5-editorial .com-content-article .page-header h1,
body.rincon5-editorial .item-page .page-header h1 {
    text-transform: none !important;
    font-variant: normal !important;
    font-variant-caps: normal !important;
    font-feature-settings: normal !important;
    letter-spacing: -.02em;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — TAGS / TÍTULO DE ETIQUETA 0.6.8
   Recuperar título visible en páginas de tags
   ========================================================= */

/* Restaurar encabezado de páginas de etiqueta */
body.rincon5-editorial .com-tags-tag .page-header,
body.rincon5-editorial .com-tags-tag__category .page-header,
body.rincon5-editorial.view-tag .page-header,
body.rincon5-editorial.view-tags .page-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 0 1.4rem !important;
    padding: 0 !important;
}

/* Título principal del tag */
body.rincon5-editorial .com-tags-tag .page-header h1,
body.rincon5-editorial .com-tags-tag .page-header h2,
body.rincon5-editorial .com-tags-tag__category .page-header h1,
body.rincon5-editorial .com-tags-tag__category .page-header h2,
body.rincon5-editorial.view-tag .page-header h1,
body.rincon5-editorial.view-tag .page-header h2,
body.rincon5-editorial.view-tags .page-header h1,
body.rincon5-editorial.view-tags .page-header h2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 0 .8rem !important;
    color: var(--rincon-wine-deep);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -.025em;
    text-transform: none !important;
    font-variant: normal !important;
    font-feature-settings: normal !important;
}

/* Caja editorial para la vista de tag */
body.rincon5-editorial .com-tags-tag,
body.rincon5-editorial .com-tags-tag__category {
    max-width: 900px;
    margin-inline: auto;
}

/* Evitar que las reglas de versalitas afecten el título principal del tag */
body.rincon5-editorial .com-tags-tag .page-header a,
body.rincon5-editorial .com-tags-tag__category .page-header a {
    text-transform: none !important;
    font-variant: normal !important;
    font-feature-settings: normal !important;
    letter-spacing: normal !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / ÚLTIMAS PUBLICACIONES 0.7.0
   Avatar de autor CB
   ========================================================= */

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem;
    margin: 0;
    padding: 0;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__card {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: .9rem;
    align-items: center;
    min-height: 96px;
    padding: .9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 248, 237, .88);
    border: 1px solid rgba(90, 24, 36, .14);
    box-shadow: 0 8px 22px rgba(59, 15, 24, .05);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(90, 24, 36, .08);
    border: 2px solid rgba(201, 154, 70, .45);
    box-shadow: 0 8px 18px rgba(59, 15, 24, .10);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50%;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__body {
    min-width: 0;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__title {
    margin: 0 0 .35rem;
    color: var(--rincon-wine-deep);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__title a {
    color: var(--rincon-wine-deep) !important;
    text-decoration: none !important;
    text-transform: lowercase !important;
    font-variant: small-caps !important;
    font-variant-caps: small-caps !important;
    font-feature-settings: "smcp" 1, "c2sc" 1;
    letter-spacing: .045em;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__title a::first-letter {
    text-transform: uppercase !important;
    font-size: 1.16em;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__title a:hover,
body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__title a:focus {
    color: var(--rincon-wine) !important;
    text-decoration: underline !important;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__meta {
    margin: 0;
    color: var(--rincon-ink-soft);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .82rem;
    line-height: 1.35;
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__sep {
    color: rgba(90, 24, 36, .45);
}

/* Estado vacío */

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__empty {
    margin: 0;
    padding: 1rem;
    border-radius: 16px;
    background: rgba(255, 248, 237, .8);
    color: var(--rincon-ink-soft);
}

/* Responsive */

@media (max-width: 780px) {
    body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 460px) {
    body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__card {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: .75rem;
    }

    body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar {
        width: 52px;
        height: 52px;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / ÚLTIMAS PUBLICACIONES 0.7.1
   Ajuste avatar CB: evitar recorte agresivo
   ========================================================= */

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(234, 220, 198, .65));
    border: 2px solid rgba(201, 154, 70, .45);
    box-shadow: 0 8px 18px rgba(59, 15, 24, .10);
}

body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Ajuste móvil */

@media (max-width: 460px) {
    body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar {
        width: 54px;
        height: 54px;
        border-radius: 14px;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / ÚLTIMAS PUBLICACIONES 0.7.2
   Avatar CB: encuadre editorial sin aire superior
   ========================================================= */

/* Marco del avatar */
body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(234, 220, 198, .65));
    border: 2px solid rgba(201, 154, 70, .45);
    box-shadow: 0 8px 18px rgba(59, 15, 24, .10);
}

/* Imagen del avatar: quitar padding/clases heredadas y hacer encuadre suave */
body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;

    transform: translateY(-6%) scale(1.18);
    transform-origin: center center;
}

/* Ajuste móvil */
@media (max-width: 460px) {
    body.rincon5-editorial.menu-inicio .rincon-home-latest .mod-rincon-latest-authors__avatar {
        width: 54px;
        height: 54px;
        border-radius: 14px;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — HOME / HERO 0.7.4
   Monograma como marca de agua en HTML
   ========================================================= */

body.rincon5-editorial.menu-inicio .rincon-home-hero {
    position: relative;
    overflow: hidden;
}

/* Textos por encima */
body.rincon5-editorial.menu-inicio .rincon-home-hero .rincon-kicker,
body.rincon5-editorial.menu-inicio .rincon-home-hero h1,
body.rincon5-editorial.menu-inicio .rincon-home-hero p {
    position: relative;
    z-index: 2;
}

/* Marca de agua */
body.rincon5-editorial.menu-inicio .rincon-home-hero .rincon-home-hero-watermark {
    position: absolute;
    right: clamp(1.5rem, 5vw, 4rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 28vw, 360px);
    height: auto !important;
    max-width: none !important;
    opacity: .12;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* El borde decorativo sigue encima */
body.rincon5-editorial.menu-inicio .rincon-home-hero::after {
    z-index: 3;
}

/* Móvil */
@media (max-width: 720px) {
    body.rincon5-editorial.menu-inicio .rincon-home-hero .rincon-home-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .08;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BIBLIOTECA 0.7.5
   Página editorial de entrada a Biblioteca
   ========================================================= */

body.rincon5-editorial .rincon-library {
    max-width: 1060px;
    margin-inline: auto;
}

/* Hero Biblioteca */

body.rincon5-editorial .rincon-library-hero {
    position: relative;
    margin-bottom: 1.8rem;
    padding: clamp(2rem, 4vw, 3.2rem);
    border-radius: 26px;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .18), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .42));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-library-hero .rincon-kicker {
    margin: 0 0 .75rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-library-hero h1 {
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.6rem, 5vw, 4.4rem);
    line-height: 1;
    letter-spacing: -.035em;
}

body.rincon5-editorial .rincon-library-lead {
    max-width: 820px;
    margin: 0 0 1.1rem;
    color: var(--rincon-ink);
    font-size: clamp(1.15rem, 2vw, 1.42rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-library-hero p {
    max-width: 820px;
}

/* Grid de secciones */

body.rincon5-editorial .rincon-library-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 1.8rem 0;
}

body.rincon5-editorial .rincon-library-card {
    display: flex;
    flex-direction: column;
    min-height: 245px;
    padding: clamp(1.45rem, 2.5vw, 2rem);
    border-radius: 22px;
    background: rgba(255, 248, 237, .92);
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-library-card h2 {
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.65rem, 2.5vw, 2.25rem);
    line-height: 1.1;
}

body.rincon5-editorial .rincon-library-card p {
    margin: 0 0 1rem;
    font-size: 1.02rem;
    line-height: 1.65;
}

body.rincon5-editorial .rincon-library-card a,
body.rincon5-editorial .rincon-library-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: auto;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-library-card a:hover,
body.rincon5-editorial .rincon-library-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Memoria editorial */

body.rincon5-editorial .rincon-library-memory {
    margin-top: 1.6rem;
    padding: clamp(1.8rem, 3vw, 2.6rem);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .42));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-library-memory h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2rem, 3.2vw, 2.85rem);
}

body.rincon5-editorial .rincon-library-memory p {
    max-width: 840px;
    font-size: 1.04rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-library-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

/* Responsive */

@media (max-width: 820px) {
    body.rincon5-editorial .rincon-library-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-library-card {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-library-hero {
        padding: 1.6rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-library-hero h1 {
        font-size: clamp(2.25rem, 12vw, 3.3rem);
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BIBLIOTECA 0.7.6
   Ancho correcto, hero con marca y tarjetas editoriales
   ========================================================= */

/* Biblioteca debe romper el límite estrecho del cuerpo de artículo */
body.rincon5-editorial .content-area:has(.rincon-library) {
    max-width: 1180px;
    width: min(100%, 1180px);
    margin-inline: auto;
}

body.rincon5-editorial .com-content-article__body:has(.rincon-library) {
    max-width: none !important;
    width: 100% !important;
}

body.rincon5-editorial .rincon-library {
    max-width: 1060px;
    margin-inline: auto;
}

/* Hero Biblioteca */

body.rincon5-editorial .rincon-library-hero {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .26), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .46));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-library-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-library-hero .rincon-kicker,
body.rincon5-editorial .rincon-library-hero h1,
body.rincon5-editorial .rincon-library-hero p {
    position: relative;
    z-index: 2;
}

body.rincon5-editorial .rincon-library-hero .rincon-kicker,
body.rincon5-editorial .rincon-library-memory .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-library-hero h1 {
    max-width: 720px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-library-lead {
    max-width: 780px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-library-hero p {
    max-width: 780px;
}

body.rincon5-editorial .rincon-library-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Grid de secciones */

body.rincon5-editorial .rincon-library-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-library-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 245px;
    padding: clamp(1.45rem, 2.5vw, 2rem);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.rincon5-editorial .rincon-library-card::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 70, .22);
    background: rgba(201, 154, 70, .06);
    pointer-events: none;
}

body.rincon5-editorial .rincon-library-card:hover {
    transform: translateY(-3px);
    border-color: rgba(201, 154, 70, .48);
    box-shadow: 0 18px 42px rgba(59, 15, 24, .11);
}

body.rincon5-editorial .rincon-library-card-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 .75rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .07);
    color: var(--rincon-wine);
    border: 1px solid rgba(90, 24, 36, .13);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-library-card h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.7rem, 2.5vw, 2.35rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-library-card p {
    position: relative;
    z-index: 2;
    margin: 0 0 1.1rem;
    font-size: 1.02rem;
    line-height: 1.65;
}

body.rincon5-editorial .rincon-library-card a {
    position: relative;
    z-index: 2;
}

/* Memoria editorial */

body.rincon5-editorial .rincon-library-memory {
    position: relative;
    overflow: hidden;
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-library-memory h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.2rem, 3.5vw, 3.15rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-library-memory p {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-library-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

/* Responsive */

@media (max-width: 820px) {
    body.rincon5-editorial .rincon-library-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-library-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-library-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-library-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-library-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-library-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-library-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BIBLIOTECA / CATEGORÍAS 0.7.7
   Listados editoriales en dos columnas
   ========================================================= */

/* Las categorías de Biblioteca deben usar mejor el ancho disponible */
body.rincon5-editorial .content-area:has(.com-content-category-blog),
body.rincon5-editorial .content-area:has(.blog) {
    max-width: 1180px;
    width: min(100%, 1180px);
    margin-inline: auto;
}

/* Contenedor interno del blog de categoría */
body.rincon5-editorial .com-content-category-blog,
body.rincon5-editorial .blog {
    max-width: 1060px;
    margin-inline: auto;
}

/* La descripción editorial de la categoría permanece a ancho completo */
body.rincon5-editorial .com-content-category-blog .category-desc,
body.rincon5-editorial .blog .category-desc,
body.rincon5-editorial .com-content-category-blog__description {
    max-width: 100%;
}

/* Retícula de artículos */
body.rincon5-editorial .com-content-category-blog .blog-items,
body.rincon5-editorial .blog .blog-items,
body.rincon5-editorial .com-content-category-blog .items-leading,
body.rincon5-editorial .blog .items-leading {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: start;
}

/* Tarjetas más compactas */
body.rincon5-editorial .com-content-category-blog .blog-item,
body.rincon5-editorial .blog .blog-item,
body.rincon5-editorial .com-content-category-blog__item {
    position: relative;
    overflow: hidden;
    padding: 1rem !important;
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .10), transparent 12rem),
        rgba(255, 248, 237, .92);
    border: 1px solid rgba(90, 24, 36, .15);
    box-shadow: 0 10px 26px rgba(59, 15, 24, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.rincon5-editorial .com-content-category-blog .blog-item:hover,
body.rincon5-editorial .blog .blog-item:hover,
body.rincon5-editorial .com-content-category-blog__item:hover {
    transform: translateY(-2px);
    border-color: rgba(201, 154, 70, .42);
    box-shadow: 0 16px 36px rgba(59, 15, 24, .10);
}

/* Imágenes menos gigantes en tarjetas */
body.rincon5-editorial .com-content-category-blog .blog-item .item-image,
body.rincon5-editorial .blog .blog-item .item-image,
body.rincon5-editorial .com-content-category-blog__item .item-image,
body.rincon5-editorial .com-content-category-blog .blog-item figure.item-image,
body.rincon5-editorial .blog .blog-item figure.item-image {
    margin: 0 0 .9rem !important;
    max-width: 100% !important;
    background: transparent !important;
}

body.rincon5-editorial .com-content-category-blog .blog-item .item-image img,
body.rincon5-editorial .blog .blog-item .item-image img,
body.rincon5-editorial .com-content-category-blog__item .item-image img,
body.rincon5-editorial .com-content-category-blog .blog-item figure.item-image img,
body.rincon5-editorial .blog .blog-item figure.item-image img {
    width: 100% !important;
    height: 185px !important;
    max-height: 185px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(59, 15, 24, .09) !important;
}

/* Títulos más proporcionados en tarjeta */
body.rincon5-editorial .com-content-category-blog .blog-item h2,
body.rincon5-editorial .com-content-category-blog .blog-item h3,
body.rincon5-editorial .blog .blog-item h2,
body.rincon5-editorial .blog .blog-item h3,
body.rincon5-editorial .com-content-category-blog__item h2,
body.rincon5-editorial .com-content-category-blog__item h3 {
    margin: 0 0 .7rem !important;
    font-size: clamp(1.25rem, 1.8vw, 1.65rem) !important;
    line-height: 1.18 !important;
}

/* Metadatos más compactos dentro de tarjetas */
body.rincon5-editorial .com-content-category-blog .blog-item .article-info,
body.rincon5-editorial .blog .blog-item .article-info,
body.rincon5-editorial .com-content-category-blog__item .article-info {
    max-width: 100% !important;
    margin: .7rem 0 .9rem !important;
    padding: .65rem .8rem !important;
    border-left: 3px solid var(--rincon-gold);
    border-radius: 12px;
    font-size: .78rem !important;
    line-height: 1.45 !important;
}

/* Extractos más cómodos */
body.rincon5-editorial .com-content-category-blog .blog-item .item-content,
body.rincon5-editorial .blog .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content,
body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body,
body.rincon5-editorial .blog .blog-item .com-content-article__body {
    font-size: .94rem !important;
    line-height: 1.6 !important;
}

/* Tags un poco más compactos */
body.rincon5-editorial .com-content-category-blog .blog-item ul.tags,
body.rincon5-editorial .blog .blog-item ul.tags,
body.rincon5-editorial .com-content-category-blog__item ul.tags {
    margin-top: .8rem !important;
    gap: .3rem !important;
}

body.rincon5-editorial .com-content-category-blog .blog-item ul.tags a,
body.rincon5-editorial .blog .blog-item ul.tags a,
body.rincon5-editorial .com-content-category-blog__item ul.tags a {
    font-size: .74rem !important;
    padding: .22rem .55rem !important;
}

/* Botón leer más */
body.rincon5-editorial .com-content-category-blog .blog-item .readmore,
body.rincon5-editorial .blog .blog-item .readmore,
body.rincon5-editorial .com-content-category-blog__item .readmore {
    margin-top: .9rem !important;
}

/* Paginación ocupa todo el ancho inferior */
body.rincon5-editorial .com-content-category-blog .pagination,
body.rincon5-editorial .blog .pagination,
body.rincon5-editorial .com-content-category-blog .pagination__wrapper,
body.rincon5-editorial .blog .pagination__wrapper {
    grid-column: 1 / -1;
}

/* Móvil: volver a una sola columna */
@media (max-width: 820px) {
    body.rincon5-editorial .com-content-category-blog .blog-items,
    body.rincon5-editorial .blog .blog-items,
    body.rincon5-editorial .com-content-category-blog .items-leading,
    body.rincon5-editorial .blog .items-leading {
        grid-template-columns: 1fr !important;
    }

    body.rincon5-editorial .com-content-category-blog .blog-item .item-image img,
    body.rincon5-editorial .blog .blog-item .item-image img,
    body.rincon5-editorial .com-content-category-blog__item .item-image img {
        height: auto !important;
        max-height: none !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BIBLIOTECA / CATEGORÍAS 0.7.8
   Tarjetas más uniformes en listados
   ========================================================= */

/* Permitir que las tarjetas de una misma fila se estiren igual */
body.rincon5-editorial .com-content-category-blog .blog-items,
body.rincon5-editorial .blog .blog-items,
body.rincon5-editorial .com-content-category-blog .items-leading,
body.rincon5-editorial .blog .items-leading {
    align-items: stretch !important;
}

/* Tarjeta como columna flexible */
body.rincon5-editorial .com-content-category-blog .blog-item,
body.rincon5-editorial .blog .blog-item,
body.rincon5-editorial .com-content-category-blog__item {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
}

/* Imagen estable */
body.rincon5-editorial .com-content-category-blog .blog-item .item-image img,
body.rincon5-editorial .blog .blog-item .item-image img,
body.rincon5-editorial .com-content-category-blog__item .item-image img {
    height: 170px !important;
    max-height: 170px !important;
}

/* Metadatos compactos y estables */
body.rincon5-editorial .com-content-category-blog .blog-item .article-info,
body.rincon5-editorial .blog .blog-item .article-info,
body.rincon5-editorial .com-content-category-blog__item .article-info {
    min-height: 72px;
}

/* Extracto controlado en listados: evita tarjetas demasiado largas */
body.rincon5-editorial .com-content-category-blog .blog-item .item-content,
body.rincon5-editorial .blog .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content,
body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body,
body.rincon5-editorial .blog .blog-item .com-content-article__body {
    position: relative !important;
    max-height: 8.8rem !important;
    overflow: hidden !important;
}

/* Degradado sutil al final del extracto */
body.rincon5-editorial .com-content-category-blog .blog-item .item-content::after,
body.rincon5-editorial .blog .blog-item .item-content::after,
body.rincon5-editorial .com-content-category-blog__item .item-content::after,
body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body::after,
body.rincon5-editorial .blog .blog-item .com-content-article__body::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.4rem;
    background: linear-gradient(180deg, rgba(255,248,237,0), rgba(255,248,237,.96));
    pointer-events: none;
}

/* El botón siempre al fondo de la tarjeta */
body.rincon5-editorial .com-content-category-blog .blog-item .readmore,
body.rincon5-editorial .blog .blog-item .readmore,
body.rincon5-editorial .com-content-category-blog__item .readmore {
    margin-top: auto !important;
    padding-top: .9rem;
}

/* Evitar que tags largos rompan demasiado la altura */
body.rincon5-editorial .com-content-category-blog .blog-item ul.tags,
body.rincon5-editorial .blog .blog-item ul.tags,
body.rincon5-editorial .com-content-category-blog__item ul.tags {
    max-height: 3.1rem;
    overflow: hidden;
}

/* En móvil dejamos respirar más el contenido */
@media (max-width: 820px) {
    body.rincon5-editorial .com-content-category-blog .blog-item,
    body.rincon5-editorial .blog .blog-item,
    body.rincon5-editorial .com-content-category-blog__item {
        height: auto;
    }

    body.rincon5-editorial .com-content-category-blog .blog-item .item-image img,
    body.rincon5-editorial .blog .blog-item .item-image img,
    body.rincon5-editorial .com-content-category-blog__item .item-image img {
        height: auto !important;
        max-height: none !important;
    }

    body.rincon5-editorial .com-content-category-blog .blog-item .item-content,
    body.rincon5-editorial .blog .blog-item .item-content,
    body.rincon5-editorial .com-content-category-blog__item .item-content,
    body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body,
    body.rincon5-editorial .blog .blog-item .com-content-article__body {
        max-height: none !important;
        overflow: visible !important;
    }

    body.rincon5-editorial .com-content-category-blog .blog-item .item-content::after,
    body.rincon5-editorial .blog .blog-item .item-content::after,
    body.rincon5-editorial .com-content-category-blog__item .item-content::after,
    body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body::after,
    body.rincon5-editorial .blog .blog-item .com-content-article__body::after {
        content: none !important;
        display: none !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — BIBLIOTECA / CATEGORÍAS 0.7.9
   Corrección: conservar Auto Intro y mejorar tarjetas sin imagen
   ========================================================= */

/* Mantener dos columnas, pero sin forzar alturas artificiales */
body.rincon5-editorial .com-content-category-blog .blog-items,
body.rincon5-editorial .blog .blog-items,
body.rincon5-editorial .com-content-category-blog .items-leading,
body.rincon5-editorial .blog .items-leading {
    align-items: start !important;
}

/* Las tarjetas vuelven a crecer según su contenido */
body.rincon5-editorial .com-content-category-blog .blog-item,
body.rincon5-editorial .blog .blog-item,
body.rincon5-editorial .com-content-category-blog__item {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Quitar el recorte que ocultaba extracto y Leer más */
body.rincon5-editorial .com-content-category-blog .blog-item .item-content,
body.rincon5-editorial .blog .blog-item .item-content,
body.rincon5-editorial .com-content-category-blog__item .item-content,
body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body,
body.rincon5-editorial .blog .blog-item .com-content-article__body {
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
}

/* Eliminar degradado del recorte anterior */
body.rincon5-editorial .com-content-category-blog .blog-item .item-content::after,
body.rincon5-editorial .blog .blog-item .item-content::after,
body.rincon5-editorial .com-content-category-blog__item .item-content::after,
body.rincon5-editorial .com-content-category-blog .blog-item .com-content-article__body::after,
body.rincon5-editorial .blog .blog-item .com-content-article__body::after {
    content: none !important;
    display: none !important;
}

/* Metadatos sin altura forzada */
body.rincon5-editorial .com-content-category-blog .blog-item .article-info,
body.rincon5-editorial .blog .blog-item .article-info,
body.rincon5-editorial .com-content-category-blog__item .article-info {
    min-height: 0 !important;
}

/* El botón Leer más vuelve a comportarse normalmente */
body.rincon5-editorial .com-content-category-blog .blog-item .readmore,
body.rincon5-editorial .blog .blog-item .readmore,
body.rincon5-editorial .com-content-category-blog__item .readmore {
    margin-top: .9rem !important;
    padding-top: 0 !important;
}

/* Tarjetas sin imagen: agregar banda editorial decorativa */
body.rincon5-editorial .com-content-category-blog .blog-item:not(:has(.item-image))::before,
body.rincon5-editorial .blog .blog-item:not(:has(.item-image))::before,
body.rincon5-editorial .com-content-category-blog__item:not(:has(.item-image))::before {
    content: "";
    display: block;
    width: 100%;
    height: 155px;
    margin: 0 0 .9rem;
    border-radius: 16px;
    background:
        url("/images/rincon/marca/rincon_monograma_transparente.png") center center / 120px auto no-repeat,
        radial-gradient(circle at top right, rgba(201, 154, 70, .22), transparent 13rem),
        linear-gradient(135deg, rgba(90, 24, 36, .10), rgba(234, 220, 198, .45));
    border: 1px solid rgba(90, 24, 36, .10);
    box-shadow: 0 10px 24px rgba(59, 15, 24, .06);
    opacity: .92;
}

/* Imágenes reales: proporción estable */
body.rincon5-editorial .com-content-category-blog .blog-item .item-image img,
body.rincon5-editorial .blog .blog-item .item-image img,
body.rincon5-editorial .com-content-category-blog__item .item-image img {
    height: 170px !important;
    max-height: 170px !important;
    object-fit: cover !important;
}

/* En móvil: una columna y sin rigidez */
@media (max-width: 820px) {
    body.rincon5-editorial .com-content-category-blog .blog-items,
    body.rincon5-editorial .blog .blog-items,
    body.rincon5-editorial .com-content-category-blog .items-leading,
    body.rincon5-editorial .blog .items-leading {
        grid-template-columns: 1fr !important;
    }

    body.rincon5-editorial .com-content-category-blog .blog-item .item-image img,
    body.rincon5-editorial .blog .blog-item .item-image img,
    body.rincon5-editorial .com-content-category-blog__item .item-image img {
        height: auto !important;
        max-height: none !important;
    }

    body.rincon5-editorial .com-content-category-blog .blog-item:not(:has(.item-image))::before,
    body.rincon5-editorial .blog .blog-item:not(:has(.item-image))::before,
    body.rincon5-editorial .com-content-category-blog__item:not(:has(.item-image))::before {
        height: 135px;
        background-size: 100px auto, auto, auto;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — ARTÍCULOS / LECTURA 0.8.0
   Columna de lectura centrada para artículos normales
   Excluye páginas editoriales especiales: Inicio y Biblioteca
   ========================================================= */

/* Artículo individual normal, sin afectar Inicio ni Biblioteca */
body.rincon5-editorial .content-area:has(.com-content-article):not(:has(.rincon-home)):not(:has(.rincon-library)):not(:has(.com-content-category-blog)):not(:has(.blog)),
body.rincon5-editorial .content-area:has(.item-page):not(:has(.rincon-home)):not(:has(.rincon-library)):not(:has(.com-content-category-blog)):not(:has(.blog)) {
    max-width: 980px;
    width: min(100%, 980px);
    margin-inline: auto;
}

/* Contenedor interno de lectura */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page {
    max-width: 840px;
    margin-inline: auto;
}

/* Título del artículo */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article .page-header h1,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page .page-header h1 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Metadatos centrados dentro de la columna de lectura */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article .article-info,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page .article-info {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

/* Tags alineados con la columna de lectura */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article ul.tags,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article .tags ul,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page ul.tags,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page .tags ul {
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Cuerpo del texto */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article__body {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.06rem;
    line-height: 1.78;
}

/* Imágenes dentro del artículo */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article__body img,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}

/* Imagen principal del artículo */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-image,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) figure.item-image {
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Navegación anterior/siguiente alineada con lectura */
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .rincon-pagenav,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .pagenavigation,
body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .pager {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

/* Móvil */
@media (max-width: 720px) {
    body.rincon5-editorial .content-area:has(.com-content-article):not(:has(.rincon-home)):not(:has(.rincon-library)):not(:has(.com-content-category-blog)):not(:has(.blog)),
    body.rincon5-editorial .content-area:has(.item-page):not(:has(.rincon-home)):not(:has(.rincon-library)):not(:has(.com-content-category-blog)):not(:has(.blog)) {
        max-width: 100%;
    }

    body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article,
    body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page,
    body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article__body,
    body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .com-content-article .article-info,
    body.rincon5-editorial .content-area:not(:has(.rincon-home)):not(:has(.rincon-library)) .item-page .article-info {
        max-width: 100%;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — AUTORES 0.8.1
   Página editorial Autores del Rincón
   ========================================================= */

/* Autores debe comportarse como página editorial, no como artículo común */
body.rincon5-editorial .content-area:has(.rincon-authors) {
    max-width: 1180px;
    width: min(100%, 1180px);
    margin-inline: auto;
}

body.rincon5-editorial .com-content-article__body:has(.rincon-authors) {
    max-width: none !important;
    width: 100% !important;
}

body.rincon5-editorial .rincon-authors {
    max-width: 1060px;
    margin-inline: auto;
}

/* Ocultar metadatos del artículo solo en Autores */
body.rincon5-editorial .content-area:has(.rincon-authors) .page-header,
body.rincon5-editorial .content-area:has(.rincon-authors) .article-info,
body.rincon5-editorial .content-area:has(.rincon-authors) ul.tags {
    display: none !important;
}

/* Hero */

body.rincon5-editorial .rincon-authors-hero {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .24), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .46));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-authors-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-authors-hero .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-authors-hero h1 {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-authors-lead {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-authors-hero p {
    position: relative;
    z-index: 2;
    max-width: 800px;
}

body.rincon5-editorial .rincon-authors-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Tarjetas */

body.rincon5-editorial .rincon-authors-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-authors-card {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    padding: clamp(1.45rem, 2.4vw, 2rem);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-authors-card::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 70, .22);
    background: rgba(201, 154, 70, .06);
    pointer-events: none;
}

body.rincon5-editorial .rincon-authors-card-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 .75rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .07);
    color: var(--rincon-wine);
    border: 1px solid rgba(90, 24, 36, .13);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-authors-card h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.65rem, 2.3vw, 2.2rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-authors-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
}

/* Acceso / cierre */

body.rincon5-editorial .rincon-authors-access {
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-authors-access h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.2rem, 3.5vw, 3.15rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-authors-access p {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-authors-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

body.rincon5-editorial .rincon-authors-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-authors-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Responsive */

@media (max-width: 900px) {
    body.rincon5-editorial .rincon-authors-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-authors-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-authors-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-authors-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-authors-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-authors-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-authors-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — COMUNIDAD 0.8.2
   Página editorial Comunidad del Rincón
   ========================================================= */

/* Comunidad como página editorial */
body.rincon5-editorial .content-area:has(.rincon-community) {
    max-width: 1180px;
    width: min(100%, 1180px);
    margin-inline: auto;
}

body.rincon5-editorial .com-content-article__body:has(.rincon-community) {
    max-width: none !important;
    width: 100% !important;
}

body.rincon5-editorial .rincon-community {
    max-width: 1060px;
    margin-inline: auto;
}

/* Ocultar metadatos del artículo solo en Comunidad */
body.rincon5-editorial .content-area:has(.rincon-community) .page-header,
body.rincon5-editorial .content-area:has(.rincon-community) .article-info,
body.rincon5-editorial .content-area:has(.rincon-community) ul.tags {
    display: none !important;
}

/* Hero */

body.rincon5-editorial .rincon-community-hero {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .24), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .46));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-community-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-community-hero .rincon-kicker,
body.rincon5-editorial .rincon-community-participation .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-community-hero h1 {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-community-lead {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-community-hero p {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

body.rincon5-editorial .rincon-community-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Tarjetas */

body.rincon5-editorial .rincon-community-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-community-card {
    position: relative;
    overflow: hidden;
    min-height: 255px;
    padding: clamp(1.45rem, 2.4vw, 2rem);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-community-card::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 70, .22);
    background: rgba(201, 154, 70, .06);
    pointer-events: none;
}

body.rincon5-editorial .rincon-community-card-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 .75rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .07);
    color: var(--rincon-wine);
    border: 1px solid rgba(90, 24, 36, .13);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-community-card h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.65rem, 2.3vw, 2.2rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-community-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
}

/* Bloque participación */

body.rincon5-editorial .rincon-community-participation {
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-community-participation h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.2rem, 3.5vw, 3.15rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-community-participation p {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-community-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

body.rincon5-editorial .rincon-community-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-community-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Responsive */

@media (max-width: 900px) {
    body.rincon5-editorial .rincon-community-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-community-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-community-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-community-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-community-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-community-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-community-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — PÁGINAS EDITORIALES 0.8.3
   Corregir ancho de Autores y Comunidad frente al modo lectura
   ========================================================= */

/* Autores y Comunidad deben comportarse como páginas editoriales anchas */
body.rincon5-editorial .content-area:has(.rincon-authors),
body.rincon5-editorial .content-area:has(.rincon-community) {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin-inline: auto !important;
}

/* Evitar que el modo lectura de artículos normales limite estas páginas */
body.rincon5-editorial .content-area:has(.rincon-authors) .com-content-article,
body.rincon5-editorial .content-area:has(.rincon-authors) .item-page,
body.rincon5-editorial .content-area:has(.rincon-community) .com-content-article,
body.rincon5-editorial .content-area:has(.rincon-community) .item-page {
    max-width: none !important;
    width: 100% !important;
    margin-inline: auto !important;
}

/* El cuerpo del artículo tampoco debe quedar limitado a columna de lectura */
body.rincon5-editorial .content-area:has(.rincon-authors) .com-content-article__body,
body.rincon5-editorial .content-area:has(.rincon-community) .com-content-article__body {
    max-width: none !important;
    width: 100% !important;
}

/* Mantener el ancho editorial interno propio */
body.rincon5-editorial .rincon-authors,
body.rincon5-editorial .rincon-community {
    max-width: 1060px !important;
    margin-inline: auto !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — PUBLICAR 0.8.4
   Página editorial interna para autores registrados
   ========================================================= */

/* Publicar como página editorial */
body.rincon5-editorial .content-area:has(.rincon-publish) {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .content-area:has(.rincon-publish) .com-content-article,
body.rincon5-editorial .content-area:has(.rincon-publish) .item-page,
body.rincon5-editorial .content-area:has(.rincon-publish) .com-content-article__body {
    max-width: none !important;
    width: 100% !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .rincon-publish {
    max-width: 1060px !important;
    margin-inline: auto !important;
}

/* Ocultar metadatos del artículo solo en Publicar */
body.rincon5-editorial .content-area:has(.rincon-publish) .page-header,
body.rincon5-editorial .content-area:has(.rincon-publish) .article-info,
body.rincon5-editorial .content-area:has(.rincon-publish) ul.tags {
    display: none !important;
}

/* Hero */

body.rincon5-editorial .rincon-publish-hero {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .24), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .46));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-publish-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-publish-hero .rincon-kicker,
body.rincon5-editorial .rincon-publish-note .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-publish-hero h1 {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-publish-lead {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-publish-hero p {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

body.rincon5-editorial .rincon-publish-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Tarjetas */

body.rincon5-editorial .rincon-publish-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-publish-card {
    position: relative;
    overflow: hidden;
    min-height: 255px;
    padding: clamp(1.45rem, 2.4vw, 2rem);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-publish-card::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 70, .22);
    background: rgba(201, 154, 70, .06);
    pointer-events: none;
}

body.rincon5-editorial .rincon-publish-card-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 .75rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .07);
    color: var(--rincon-wine);
    border: 1px solid rgba(90, 24, 36, .13);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-publish-card h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.65rem, 2.3vw, 2.2rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-publish-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
}

/* Nota final */

body.rincon5-editorial .rincon-publish-note {
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-publish-note h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.2rem, 3.5vw, 3.15rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-publish-note p {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-publish-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

body.rincon5-editorial .rincon-publish-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-publish-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Responsive */

@media (max-width: 900px) {
    body.rincon5-editorial .rincon-publish-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-publish-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-publish-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-publish-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-publish-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-publish-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-publish-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — MI RINCÓN 0.8.5
   Página temporal del área personal de autor
   ========================================================= */

body.rincon5-editorial .content-area:has(.rincon-dashboard) {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .content-area:has(.rincon-dashboard) .com-content-article,
body.rincon5-editorial .content-area:has(.rincon-dashboard) .item-page,
body.rincon5-editorial .content-area:has(.rincon-dashboard) .com-content-article__body {
    max-width: none !important;
    width: 100% !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .rincon-dashboard {
    max-width: 1060px !important;
    margin-inline: auto !important;
}

/* Ocultar metadatos del artículo solo en Mi Rincón */
body.rincon5-editorial .content-area:has(.rincon-dashboard) .page-header,
body.rincon5-editorial .content-area:has(.rincon-dashboard) .article-info,
body.rincon5-editorial .content-area:has(.rincon-dashboard) ul.tags {
    display: none !important;
}

/* Hero */

body.rincon5-editorial .rincon-dashboard-hero {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .24), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .46));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-dashboard-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-dashboard-hero .rincon-kicker,
body.rincon5-editorial .rincon-dashboard-note .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-dashboard-hero h1 {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-dashboard-lead {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-dashboard-hero p {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

body.rincon5-editorial .rincon-dashboard-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Tarjetas */

body.rincon5-editorial .rincon-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-dashboard-card {
    position: relative;
    overflow: hidden;
    min-height: 255px;
    padding: clamp(1.45rem, 2.4vw, 2rem);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-dashboard-card::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 70, .22);
    background: rgba(201, 154, 70, .06);
    pointer-events: none;
}

body.rincon5-editorial .rincon-dashboard-card-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 .75rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .07);
    color: var(--rincon-wine);
    border: 1px solid rgba(90, 24, 36, .13);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-dashboard-card h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.65rem, 2.3vw, 2.2rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-dashboard-card p {
    position: relative;
    z-index: 2;
    margin: 0 0 1rem;
    font-size: 1.02rem;
    line-height: 1.65;
}

body.rincon5-editorial .rincon-dashboard-card a,
body.rincon5-editorial .rincon-dashboard-links a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: auto;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-dashboard-card a:hover,
body.rincon5-editorial .rincon-dashboard-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Nota */

body.rincon5-editorial .rincon-dashboard-note {
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-dashboard-note h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.2rem, 3.5vw, 3.15rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-dashboard-note p {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-dashboard-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

/* Responsive */

@media (max-width: 900px) {
    body.rincon5-editorial .rincon-dashboard-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-dashboard-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-dashboard-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-dashboard-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-dashboard-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-dashboard-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-dashboard-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — MENÚ CTA 0.8.6
   Resaltar Acceder / Mi Rincón
   ========================================================= */

/* Soporta clase aplicada al enlace o al li, según cómo la imprima Joomla */
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a.rincon-menu-cta,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > a.rincon-menu-cta,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.rincon-menu-cta > a,
body.rincon5-editorial .site-navigation > ul.mod-menu > li.rincon-menu-cta > a {
    padding: .52rem .95rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(224, 194, 123, .72) !important;
    background: rgba(224, 194, 123, .13) !important;
    color: var(--rincon-gold-soft) !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

/* Mi Rincón un poco más marcado */
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a.rincon-menu-private,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > a.rincon-menu-private,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.rincon-menu-private > a,
body.rincon5-editorial .site-navigation > ul.mod-menu > li.rincon-menu-private > a {
    background: var(--rincon-gold-soft) !important;
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold-soft) !important;
}

body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a.rincon-menu-cta:hover,
body.rincon5-editorial .site-navigation > ul.mod-menu > li > a.rincon-menu-cta:hover,
body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.rincon-menu-cta > a:hover,
body.rincon5-editorial .site-navigation > ul.mod-menu > li.rincon-menu-cta > a:hover {
    background: var(--rincon-gold-soft) !important;
    color: var(--rincon-wine-deep) !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

/* En móvil, que el botón destaque sin romper el menú vertical */
@media (max-width: 980px) {
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li > a.rincon-menu-cta,
    body.rincon5-editorial .site-navigation > ul.mod-menu > li > a.rincon-menu-cta,
    body.rincon5-editorial .site-navigation > ul.rincon-menu.mod-menu > li.rincon-menu-cta > a,
    body.rincon5-editorial .site-navigation > ul.mod-menu > li.rincon-menu-cta > a {
        display: inline-flex !important;
        width: fit-content !important;
        margin-top: .45rem !important;
        padding: .6rem 1rem !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — APOYAR EL RINCÓN 0.8.7
   Página pública de apoyo y sostenimiento
   ========================================================= */

body.rincon5-editorial .content-area:has(.rincon-support) {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .content-area:has(.rincon-support) .com-content-article,
body.rincon5-editorial .content-area:has(.rincon-support) .item-page,
body.rincon5-editorial .content-area:has(.rincon-support) .com-content-article__body {
    max-width: none !important;
    width: 100% !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .rincon-support {
    max-width: 1060px !important;
    margin-inline: auto !important;
}

/* Ocultar metadatos solo en Apoyar */
body.rincon5-editorial .content-area:has(.rincon-support) .page-header,
body.rincon5-editorial .content-area:has(.rincon-support) .article-info,
body.rincon5-editorial .content-area:has(.rincon-support) ul.tags {
    display: none !important;
}

/* Hero */

body.rincon5-editorial .rincon-support-hero {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .26), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .48));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-support-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-support-hero .rincon-kicker,
body.rincon5-editorial .rincon-support-note .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-support-hero h1 {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-support-lead {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-support-hero p {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

body.rincon5-editorial .rincon-support-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Tarjetas */

body.rincon5-editorial .rincon-support-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-support-card {
    position: relative;
    overflow: hidden;
    min-height: 250px;
    padding: clamp(1.45rem, 2.4vw, 2rem);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .95), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-support-card::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 70, .22);
    background: rgba(201, 154, 70, .06);
    pointer-events: none;
}

body.rincon5-editorial .rincon-support-card-kicker {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 .75rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: rgba(90, 24, 36, .07);
    color: var(--rincon-wine);
    border: 1px solid rgba(90, 24, 36, .13);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-support-card h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 .75rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(1.65rem, 2.3vw, 2.2rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-support-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
}

/* Bloque central */

body.rincon5-editorial .rincon-support-note {
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-support-note h2,
body.rincon5-editorial .rincon-support-future h2 {
    margin: 0 0 .8rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2.2rem, 3.5vw, 3.15rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-support-note p,
body.rincon5-editorial .rincon-support-future p {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-support-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

body.rincon5-editorial .rincon-support-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-support-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Bloque final */

body.rincon5-editorial .rincon-support-future {
    margin-top: 2rem;
    padding: clamp(1.8rem, 3vw, 2.5rem);
    border-left: 5px solid var(--rincon-gold);
    border-radius: 22px;
    background: rgba(255, 248, 237, .7);
    box-shadow: 0 10px 26px rgba(59, 15, 24, .055);
}

/* Responsive */

@media (max-width: 900px) {
    body.rincon5-editorial .rincon-support-grid {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-support-card {
        min-height: 0;
    }

    body.rincon5-editorial .rincon-support-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-support-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-support-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-support-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-support-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — ACCEDER 0.8.8
   Página pública de entrada a la comunidad
   ========================================================= */

body.rincon5-editorial .content-area:has(.rincon-access) {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .content-area:has(.rincon-access) .com-content-article,
body.rincon5-editorial .content-area:has(.rincon-access) .item-page,
body.rincon5-editorial .content-area:has(.rincon-access) .com-content-article__body {
    max-width: none !important;
    width: 100% !important;
    margin-inline: auto !important;
}

body.rincon5-editorial .rincon-access {
    max-width: 1060px !important;
    margin-inline: auto !important;
}

/* Ocultar metadatos solo en Acceder */
body.rincon5-editorial .content-area:has(.rincon-access) .page-header,
body.rincon5-editorial .content-area:has(.rincon-access) .article-info,
body.rincon5-editorial .content-area:has(.rincon-access) ul.tags {
    display: none !important;
}

/* Hero */

body.rincon5-editorial .rincon-access-hero {
    position: relative;
    overflow: hidden;
    min-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    padding: clamp(2.4rem, 5vw, 4rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .24), transparent 24rem),
        linear-gradient(180deg, rgba(255, 248, 237, .98), rgba(234, 220, 198, .46));
    border: 1px solid rgba(90, 24, 36, .17);
    box-shadow: 0 16px 38px rgba(59, 15, 24, .08);
}

body.rincon5-editorial .rincon-access-hero::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(201, 154, 70, .32);
    border-radius: 22px;
    pointer-events: none;
    z-index: 3;
}

body.rincon5-editorial .rincon-access-hero .rincon-kicker,
body.rincon5-editorial .rincon-access-info .rincon-kicker {
    margin: 0 0 .85rem;
    color: var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.rincon5-editorial .rincon-access-hero h1 {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 0 1rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.rincon5-editorial .rincon-access-lead {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 0 1.2rem;
    color: var(--rincon-ink);
    font-size: clamp(1.25rem, 2.1vw, 1.55rem);
    line-height: 1.5;
}

body.rincon5-editorial .rincon-access-hero p {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

body.rincon5-editorial .rincon-access-hero-watermark {
    position: absolute;
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    width: clamp(180px, 27vw, 340px);
    height: auto !important;
    max-width: none !important;
    opacity: .075;
    pointer-events: none;
    z-index: 1;
    filter: sepia(1) saturate(1.1);
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Panel */

body.rincon5-editorial .rincon-access-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 1.2rem;
    align-items: stretch;
    margin: 2rem 0;
}

body.rincon5-editorial .rincon-access-info,
body.rincon5-editorial .rincon-access-loginbox {
    position: relative;
    overflow: hidden;
    padding: clamp(1.7rem, 3vw, 2.6rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 14rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(255, 248, 237, .82));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 12px 30px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-access-loginbox {
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .22), transparent 14rem),
        linear-gradient(180deg, rgba(90, 24, 36, .97), rgba(59, 15, 24, .96));
    color: var(--rincon-paper-soft);
    border-color: rgba(224, 194, 123, .35);
}

body.rincon5-editorial .rincon-access-info h2,
body.rincon5-editorial .rincon-access-note h2 {
    margin: 0 0 .9rem;
    color: var(--rincon-wine-deep);
    font-size: clamp(2rem, 3.2vw, 3rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-access-loginbox h2 {
    margin: 0 0 .75rem;
    color: var(--rincon-gold-soft);
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.08;
}

body.rincon5-editorial .rincon-access-info p,
body.rincon5-editorial .rincon-access-note p {
    font-size: 1.05rem;
    line-height: 1.7;
}

body.rincon5-editorial .rincon-access-loginbox p {
    color: rgba(255, 248, 237, .86);
    font-size: 1rem;
    line-height: 1.65;
}

body.rincon5-editorial .rincon-access-info ul {
    margin: 1rem 0 0;
    padding-left: 1.25rem;
}

body.rincon5-editorial .rincon-access-info li {
    margin-bottom: .45rem;
    line-height: 1.55;
}

/* Estilos generales para el formulario CB dentro de la caja */

body.rincon5-editorial .rincon-access-loginbox .moduletable,
body.rincon5-editorial .rincon-access-loginbox .moduletable *,
body.rincon5-editorial .rincon-access-loginbox form {
    max-width: 100%;
}

body.rincon5-editorial .rincon-access-loginbox label {
    color: rgba(255, 248, 237, .9);
    font-weight: 700;
}

body.rincon5-editorial .rincon-access-loginbox input[type="text"],
body.rincon5-editorial .rincon-access-loginbox input[type="password"],
body.rincon5-editorial .rincon-access-loginbox input[type="email"],
body.rincon5-editorial .rincon-access-loginbox input[type="username"] {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(224, 194, 123, .35);
    background: rgba(255, 248, 237, .96);
    color: var(--rincon-ink);
    padding: .55rem .75rem;
}

body.rincon5-editorial .rincon-access-loginbox button,
body.rincon5-editorial .rincon-access-loginbox input[type="submit"],
body.rincon5-editorial .rincon-access-loginbox .btn,
body.rincon5-editorial .rincon-access-loginbox .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .62rem 1.1rem;
    border-radius: 999px;
    background: var(--rincon-gold-soft) !important;
    color: var(--rincon-wine-deep) !important;
    border: 1px solid var(--rincon-gold-soft) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .9rem;
    font-weight: 900;
    text-decoration: none !important;
}

/* Nota inferior */

body.rincon5-editorial .rincon-access-note {
    margin-top: 2rem;
    padding: clamp(2rem, 3.4vw, 3rem);
    border-radius: 26px;
    background:
        radial-gradient(circle at bottom right, rgba(90, 24, 36, .08), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(234, 220, 198, .44));
    border: 1px solid rgba(90, 24, 36, .16);
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07);
}

body.rincon5-editorial .rincon-access-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

body.rincon5-editorial .rincon-access-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-access-links a:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Responsive */

@media (max-width: 900px) {
    body.rincon5-editorial .rincon-access-panel {
        grid-template-columns: 1fr;
    }

    body.rincon5-editorial .rincon-access-hero {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.rincon5-editorial .rincon-access-hero {
        padding: 1.7rem 1.25rem;
        border-radius: 22px;
    }

    body.rincon5-editorial .rincon-access-hero::after {
        inset: .65rem;
        border-radius: 17px;
    }

    body.rincon5-editorial .rincon-access-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    body.rincon5-editorial .rincon-access-hero-watermark {
        right: -2rem;
        bottom: -1rem;
        width: 210px;
        opacity: .055;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — ACCEDER 0.8.9
   Enlaces visibles + llamada a registro
   ========================================================= */

/* Enlaces internos del CB Login: olvidar contraseña / recordar usuario */
body.rincon5-editorial .rincon-access-loginbox a,
body.rincon5-editorial .rincon-access-loginbox ul li a,
body.rincon5-editorial .rincon-access-loginbox .moduletable a,
body.rincon5-editorial .rincon-access-loginbox form a {
    color: rgba(255, 248, 237, .88) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

body.rincon5-editorial .rincon-access-loginbox a:hover,
body.rincon5-editorial .rincon-access-loginbox ul li a:hover,
body.rincon5-editorial .rincon-access-loginbox .moduletable a:hover,
body.rincon5-editorial .rincon-access-loginbox form a:hover {
    color: var(--rincon-gold-soft) !important;
    text-decoration: underline !important;
}

/* Lista de enlaces bajo el login */
body.rincon5-editorial .rincon-access-loginbox ul {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
}

body.rincon5-editorial .rincon-access-loginbox li {
    color: rgba(255, 248, 237, .75) !important;
    margin-bottom: .4rem;
}

/* Bloque manual de registro */
body.rincon5-editorial .rincon-access-register {
    margin-top: 1.35rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(224, 194, 123, .28);
}

body.rincon5-editorial .rincon-access-register p {
    margin: 0 0 .65rem;
    color: rgba(255, 248, 237, .86);
    font-size: .98rem;
    line-height: 1.5;
}

body.rincon5-editorial .rincon-access-register a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .64rem 1.15rem;
    border-radius: 999px;
    background: transparent !important;
    color: var(--rincon-gold-soft) !important;
    border: 1px solid rgba(224, 194, 123, .72);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .9rem;
    font-weight: 900 !important;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-access-register a:hover {
    background: var(--rincon-gold-soft) !important;
    color: var(--rincon-wine-deep) !important;
    text-decoration: none !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — ACCEDER 0.9.0
   Ocultar passkey del login público
   ========================================================= */

/* Botón WebAuthn / Passkey de Joomla dentro de la página Acceder */
body.rincon5-editorial .rincon-access-loginbox .plg_system_webauthn_login_button,
body.rincon5-editorial .rincon-access-loginbox button[class*="webauthn"],
body.rincon5-editorial .rincon-access-loginbox a[class*="webauthn"],
body.rincon5-editorial .rincon-access-loginbox button[id*="webauthn"],
body.rincon5-editorial .rincon-access-loginbox a[id*="webauthn"],
body.rincon5-editorial .rincon-access-loginbox button[class*="passkey"],
body.rincon5-editorial .rincon-access-loginbox a[class*="passkey"],
body.rincon5-editorial .rincon-access-loginbox button[id*="passkey"],
body.rincon5-editorial .rincon-access-loginbox a[id*="passkey"] {
    display: none !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CTA USUARIO 0.9.2
   Botón dinámico Acceder / Mi Rincón por nivel de acceso
   ========================================================= */

body.rincon5-editorial .rincon-user-cta-box {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.15rem;
}

body.rincon5-editorial .rincon-user-cta-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-user-cta-link:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-user-cta-private {
    background: var(--rincon-gold-soft);
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold-soft);
}

body.rincon5-editorial .rincon-user-cta-private:hover {
    background: var(--rincon-gold);
    color: var(--rincon-wine-deep) !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CTA DINÁMICO INLINE 0.9.3
   Alinear Acceder / Mi Rincón con otros botones
   ========================================================= */

body.rincon5-editorial .rincon-home-invitation-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-top: 1.35rem;
}

/* Evitar que el módulo cargado por loadposition rompa la línea */
body.rincon5-editorial .rincon-home-invitation-links .moduletable,
body.rincon5-editorial .rincon-home-invitation-links .moduletable_custom,
body.rincon5-editorial .rincon-home-invitation-links .custom {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Unificar apariencia de todos los botones de esta fila */
body.rincon5-editorial .rincon-home-invitation-links a,
body.rincon5-editorial .rincon-home-invitation-links .rincon-user-cta-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 !important;
    padding: .58rem 1.05rem;
    border-radius: 999px;
    background: var(--rincon-wine);
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
    line-height: 1.2;
}

body.rincon5-editorial .rincon-home-invitation-links a:hover,
body.rincon5-editorial .rincon-home-invitation-links .rincon-user-cta-link:hover {
    background: var(--rincon-wine-deep);
    color: var(--rincon-paper-soft) !important;
}

/* Variante Mi Rincón */
body.rincon5-editorial .rincon-home-invitation-links .rincon-user-cta-private {
    background: var(--rincon-gold-soft);
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold-soft);
}

body.rincon5-editorial .rincon-home-invitation-links .rincon-user-cta-private:hover {
    background: var(--rincon-gold);
    color: var(--rincon-wine-deep) !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CTA DINÁMICO GENERAL 0.9.4
   Alinear Acceder / Mi Rincón en páginas editoriales
   ========================================================= */

/* Contenedores de botones que pueden recibir el CTA dinámico */
body.rincon5-editorial .rincon-home-invitation-links,
body.rincon5-editorial .rincon-authors-links,
body.rincon5-editorial .rincon-community-links,
body.rincon5-editorial .rincon-support-links,
body.rincon5-editorial .rincon-dashboard-links,
body.rincon5-editorial .rincon-publish-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .75rem !important;
}

/* Evitar que el módulo cargado por loadposition rompa la fila */
body.rincon5-editorial .rincon-home-invitation-links .moduletable,
body.rincon5-editorial .rincon-home-invitation-links .moduletable_custom,
body.rincon5-editorial .rincon-home-invitation-links .custom,
body.rincon5-editorial .rincon-authors-links .moduletable,
body.rincon5-editorial .rincon-authors-links .moduletable_custom,
body.rincon5-editorial .rincon-authors-links .custom,
body.rincon5-editorial .rincon-community-links .moduletable,
body.rincon5-editorial .rincon-community-links .moduletable_custom,
body.rincon5-editorial .rincon-community-links .custom,
body.rincon5-editorial .rincon-support-links .moduletable,
body.rincon5-editorial .rincon-support-links .moduletable_custom,
body.rincon5-editorial .rincon-support-links .custom,
body.rincon5-editorial .rincon-dashboard-links .moduletable,
body.rincon5-editorial .rincon-dashboard-links .moduletable_custom,
body.rincon5-editorial .rincon-dashboard-links .custom,
body.rincon5-editorial .rincon-publish-links .moduletable,
body.rincon5-editorial .rincon-publish-links .moduletable_custom,
body.rincon5-editorial .rincon-publish-links .custom {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Botón dinámico normal: Acceder */
body.rincon5-editorial .rincon-user-cta-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    margin: 0 !important;
    padding: .58rem 1.05rem !important;
    border-radius: 999px !important;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body.rincon5-editorial .rincon-user-cta-link:hover {
    background: var(--rincon-wine-deep) !important;
    color: var(--rincon-paper-soft) !important;
    text-decoration: none !important;
}

/* Botón dinámico privado: Ir a Mi Rincón */
body.rincon5-editorial .rincon-user-cta-link.rincon-user-cta-private {
    background: var(--rincon-gold-soft) !important;
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold-soft) !important;
}

body.rincon5-editorial .rincon-user-cta-link.rincon-user-cta-private:hover {
    background: var(--rincon-gold) !important;
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold) !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CTA DINÁMICO AJUSTE FINO 0.9.5
   Igualar tamaño y alineación de Acceder / Mi Rincón
   ========================================================= */

/* Los contenedores de enlaces deben alinear todos los botones igual */
body.rincon5-editorial .rincon-home-invitation-links,
body.rincon5-editorial .rincon-authors-links,
body.rincon5-editorial .rincon-community-links,
body.rincon5-editorial .rincon-support-links,
body.rincon5-editorial .rincon-dashboard-links,
body.rincon5-editorial .rincon-publish-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .75rem !important;
}

/* El módulo cargado por loadposition no debe crear cajas, párrafos ni saltos */
body.rincon5-editorial .rincon-home-invitation-links .moduletable,
body.rincon5-editorial .rincon-home-invitation-links .moduletable_custom,
body.rincon5-editorial .rincon-home-invitation-links .custom,
body.rincon5-editorial .rincon-home-invitation-links p,
body.rincon5-editorial .rincon-authors-links .moduletable,
body.rincon5-editorial .rincon-authors-links .moduletable_custom,
body.rincon5-editorial .rincon-authors-links .custom,
body.rincon5-editorial .rincon-authors-links p,
body.rincon5-editorial .rincon-community-links .moduletable,
body.rincon5-editorial .rincon-community-links .moduletable_custom,
body.rincon5-editorial .rincon-community-links .custom,
body.rincon5-editorial .rincon-community-links p,
body.rincon5-editorial .rincon-support-links .moduletable,
body.rincon5-editorial .rincon-support-links .moduletable_custom,
body.rincon5-editorial .rincon-support-links .custom,
body.rincon5-editorial .rincon-support-links p,
body.rincon5-editorial .rincon-dashboard-links .moduletable,
body.rincon5-editorial .rincon-dashboard-links .moduletable_custom,
body.rincon5-editorial .rincon-dashboard-links .custom,
body.rincon5-editorial .rincon-dashboard-links p,
body.rincon5-editorial .rincon-publish-links .moduletable,
body.rincon5-editorial .rincon-publish-links .moduletable_custom,
body.rincon5-editorial .rincon-publish-links .custom,
body.rincon5-editorial .rincon-publish-links p {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Todos los botones de estos bloques deben medir igual */
body.rincon5-editorial .rincon-home-invitation-links a,
body.rincon5-editorial .rincon-authors-links a,
body.rincon5-editorial .rincon-community-links a,
body.rincon5-editorial .rincon-support-links a,
body.rincon5-editorial .rincon-dashboard-links a,
body.rincon5-editorial .rincon-publish-links a,
body.rincon5-editorial .rincon-user-cta-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: .68rem 1.28rem !important;
    border-radius: 999px !important;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Hover general */
body.rincon5-editorial .rincon-home-invitation-links a:hover,
body.rincon5-editorial .rincon-authors-links a:hover,
body.rincon5-editorial .rincon-community-links a:hover,
body.rincon5-editorial .rincon-support-links a:hover,
body.rincon5-editorial .rincon-dashboard-links a:hover,
body.rincon5-editorial .rincon-publish-links a:hover,
body.rincon5-editorial .rincon-user-cta-link:hover {
    background: var(--rincon-wine-deep) !important;
    color: var(--rincon-paper-soft) !important;
    border-color: var(--rincon-wine-deep) !important;
    text-decoration: none !important;
}

/* Mi Rincón dinámico: mismo tamaño, color dorado */
body.rincon5-editorial .rincon-user-cta-link.rincon-user-cta-private {
    min-height: 46px !important;
    padding: .68rem 1.28rem !important;
    background: var(--rincon-gold-soft) !important;
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold-soft) !important;
}

body.rincon5-editorial .rincon-user-cta-link.rincon-user-cta-private:hover {
    background: var(--rincon-gold) !important;
    color: var(--rincon-wine-deep) !important;
    border-color: var(--rincon-gold) !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — MI RINCÓN SALIR 0.9.6
   Botón de salida en panel personal
   ========================================================= */

body.rincon5-editorial .rincon-dashboard-links a.rincon-dashboard-logout {
    background: transparent !important;
    color: var(--rincon-wine) !important;
    border: 1px solid rgba(90, 24, 36, .45) !important;
}

body.rincon5-editorial .rincon-dashboard-links a.rincon-dashboard-logout:hover {
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border-color: var(--rincon-wine) !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CB REGISTRO 0.9.7
   Ajuste visual básico del formulario de registro
   ========================================================= */

/* Contenedor general de vistas CB */
body.rincon5-editorial .cb_template,
body.rincon5-editorial .cb_template_wrapper,
body.rincon5-editorial .cbRegistration,
body.rincon5-editorial .cb_registration {
    max-width: 1060px !important;
    margin-inline: auto !important;
}

/* Caja principal donde aparece Join us / registro */
body.rincon5-editorial .cb_template,
body.rincon5-editorial .cbRegistration {
    padding: clamp(1.5rem, 3vw, 2.5rem) !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .13), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(255, 248, 237, .82)) !important;
    border: 1px solid rgba(90, 24, 36, .16) !important;
    box-shadow: 0 14px 34px rgba(59, 15, 24, .07) !important;
}

/* Títulos CB */
body.rincon5-editorial .cb_template h1,
body.rincon5-editorial .cb_template h2,
body.rincon5-editorial .cbRegistration h1,
body.rincon5-editorial .cbRegistration h2,
body.rincon5-editorial .componentheading,
body.rincon5-editorial .contentheading {
    color: var(--rincon-wine-deep) !important;
    font-size: clamp(2.2rem, 4vw, 3.4rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
}

/* Etiquetas */
body.rincon5-editorial .cb_template label,
body.rincon5-editorial .cbRegistration label {
    color: var(--rincon-ink) !important;
    font-weight: 700 !important;
}

/* Inputs, selects y textareas */
body.rincon5-editorial .cb_template input[type="text"],
body.rincon5-editorial .cb_template input[type="email"],
body.rincon5-editorial .cb_template input[type="password"],
body.rincon5-editorial .cb_template select,
body.rincon5-editorial .cb_template textarea,
body.rincon5-editorial .cbRegistration input[type="text"],
body.rincon5-editorial .cbRegistration input[type="email"],
body.rincon5-editorial .cbRegistration input[type="password"],
body.rincon5-editorial .cbRegistration select,
body.rincon5-editorial .cbRegistration textarea {
    border-radius: 12px !important;
    border: 1px solid rgba(90, 24, 36, .22) !important;
    background: rgba(255, 248, 237, .96) !important;
    color: var(--rincon-ink) !important;
    padding: .58rem .78rem !important;
    min-height: 42px !important;
    box-shadow: none !important;
}

/* Inputs enfocados */
body.rincon5-editorial .cb_template input:focus,
body.rincon5-editorial .cb_template select:focus,
body.rincon5-editorial .cb_template textarea:focus,
body.rincon5-editorial .cbRegistration input:focus,
body.rincon5-editorial .cbRegistration select:focus,
body.rincon5-editorial .cbRegistration textarea:focus {
    border-color: var(--rincon-gold) !important;
    box-shadow: 0 0 0 3px rgba(201, 154, 70, .18) !important;
    outline: none !important;
}

/* Botones principales CB */
body.rincon5-editorial .cb_template button,
body.rincon5-editorial .cb_template input[type="submit"],
body.rincon5-editorial .cb_template .btn,
body.rincon5-editorial .cb_template .button,
body.rincon5-editorial .cbRegistration button,
body.rincon5-editorial .cbRegistration input[type="submit"],
body.rincon5-editorial .cbRegistration .btn,
body.rincon5-editorial .cbRegistration .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 44px !important;
    margin: .35rem .35rem .35rem 0 !important;
    padding: .62rem 1.18rem !important;
    border-radius: 999px !important;
    background: var(--rincon-wine) !important;
    color: var(--rincon-paper-soft) !important;
    border: 1px solid var(--rincon-wine) !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .9rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Hover botones */
body.rincon5-editorial .cb_template button:hover,
body.rincon5-editorial .cb_template input[type="submit"]:hover,
body.rincon5-editorial .cb_template .btn:hover,
body.rincon5-editorial .cb_template .button:hover,
body.rincon5-editorial .cbRegistration button:hover,
body.rincon5-editorial .cbRegistration input[type="submit"]:hover,
body.rincon5-editorial .cbRegistration .btn:hover,
body.rincon5-editorial .cbRegistration .button:hover {
    background: var(--rincon-wine-deep) !important;
    color: var(--rincon-paper-soft) !important;
    border-color: var(--rincon-wine-deep) !important;
}

/* Botón Show Password / grupos de input */
body.rincon5-editorial .cb_template .input-group button,
body.rincon5-editorial .cbRegistration .input-group button {
    border-radius: 0 12px 12px 0 !important;
    margin: 0 !important;
}

/* Mensajes de error / validación */
body.rincon5-editorial .cb_template .invalid,
body.rincon5-editorial .cb_template .text-danger,
body.rincon5-editorial .cbRegistration .invalid,
body.rincon5-editorial .cbRegistration .text-danger {
    color: #a61726 !important;
    font-weight: 700 !important;
}

/* Iconos de requerido / visibilidad */
body.rincon5-editorial .cb_template .fa-star,
body.rincon5-editorial .cbRegistration .fa-star {
    color: var(--rincon-wine) !important;
}

body.rincon5-editorial .cb_template .fa-eye,
body.rincon5-editorial .cb_template .fa-eye-slash,
body.rincon5-editorial .cbRegistration .fa-eye,
body.rincon5-editorial .cbRegistration .fa-eye-slash {
    color: rgba(90, 24, 36, .65) !important;
}

/* Enlaces CB */
body.rincon5-editorial .cb_template a,
body.rincon5-editorial .cbRegistration a {
    color: var(--rincon-wine) !important;
    font-weight: 700;
}

body.rincon5-editorial .cb_template a:hover,
body.rincon5-editorial .cbRegistration a:hover {
    color: var(--rincon-wine-deep) !important;
}

/* =========================================================
   RINCÓN 5 EDITORIAL — PERFIL CB 0.9.8
   Limpieza visual mínima del perfil Community Builder
   ========================================================= */

/* Contenedor general del perfil CB */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin-inline: auto !important;
}

/* Caja interior de CB */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cb_template,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cb_template_wrapper {
    max-width: 980px !important;
    margin-inline: auto !important;
    padding: clamp(1.2rem, 2.5vw, 2rem) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at top right, rgba(201, 154, 70, .10), transparent 18rem),
        linear-gradient(180deg, rgba(255, 248, 237, .96), rgba(255, 248, 237, .84)) !important;
    border: 1px solid rgba(90, 24, 36, .14) !important;
    box-shadow: 0 14px 34px rgba(59, 15, 24, .065) !important;
}

/* Tarjeta principal del perfil */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasLayout {
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 1px solid rgba(90, 24, 36, .16) !important;
    background: rgba(255, 248, 237, .90) !important;
    box-shadow: 0 12px 28px rgba(59, 15, 24, .07) !important;
}

/* Avatar */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasLayoutPhoto img,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbImgPict,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbThumbPict {
    border: 5px solid rgba(255, 248, 237, .96) !important;
    box-shadow: 0 10px 24px rgba(59, 15, 24, .22) !important;
}

/* Nombre y datos superiores */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasLayoutTitle,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasLayoutName,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) h1,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) h2,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) h3 {
    color: var(--rincon-wine-deep) !important;
}

/* Estadísticas pequeñas bajo el nombre */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasLayoutStats,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasStats,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [class*="Stats"] {
    color: rgba(59, 15, 24, .72) !important;
    font-size: .9rem !important;
}

/* Tabs */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .nav-tabs,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabsMenuNav,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabsMenu {
    border-bottom: 1px solid rgba(90, 24, 36, .14) !important;
    background: rgba(255, 248, 237, .72) !important;
}

body.rincon5-editorial .content-area:has(.cbCanvasLayout) .nav-tabs .nav-link,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabsMenuNav a,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabsMenu a {
    color: var(--rincon-wine) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border: none !important;
}

body.rincon5-editorial .content-area:has(.cbCanvasLayout) .nav-tabs .nav-link.active,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabsMenuNav .active a,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabsMenu .active a {
    color: var(--rincon-wine-deep) !important;
    background: rgba(224, 194, 123, .18) !important;
}

/* Contenido de campos */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbFieldsContentsTab,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .tab-content,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabPane {
    padding-top: 1.15rem !important;
    color: var(--rincon-ink) !important;
    font-size: 1rem !important;
    line-height: 1.72 !important;
}

/* Etiquetas: Biografía, Miembro desde, Vistas, etc. */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .titleCell,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbLabel,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .fieldLabel {
    color: var(--rincon-wine-deep) !important;
    font-weight: 900 !important;
}

/* Texto de campos */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .fieldCell,
body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbFieldSpan {
    color: var(--rincon-ink) !important;
}

/* Intentar respetar saltos de línea en biografías */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [class*="bio"],
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [id*="bio"],
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [class*="Biografia"],
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [id*="Biografia"],
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [class*="biografia"],
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [id*="biografia"] {
    white-space: pre-line !important;
}

/* Enlaces dentro del perfil */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) a {
    color: var(--rincon-wine) !important;
    font-weight: 700;
}

body.rincon5-editorial .content-area:has(.cbCanvasLayout) a:hover {
    color: var(--rincon-wine-deep) !important;
}

/* Powered by Community Builder: no ocultar todavía, solo bajarlo visualmente */
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [class*="powered"],
body.rincon5-editorial .content-area:has(.cbCanvasLayout) [class*="Powered"] {
    opacity: .72;
    font-size: .82rem !important;
}

/* Responsive */
@media (max-width: 760px) {
    body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cb_template,
    body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cb_template_wrapper {
        padding: 1rem !important;
        border-radius: 20px !important;
    }

    body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbCanvasLayout {
        border-radius: 18px !important;
    }

    body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbFieldsContentsTab,
    body.rincon5-editorial .content-area:has(.cbCanvasLayout) .tab-content,
    body.rincon5-editorial .content-area:has(.cbCanvasLayout) .cbTabPane {
        font-size: .98rem !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   RINCÓN 5 EDITORIAL — CB REGISTRO CONTRASEÑA 0.9.10
   Ocultar control mostrar/ocultar contraseña en registro
   ========================================================= */

body.rincon5-editorial .cbRegistration .input-group button,
body.rincon5-editorial .cbRegistration .input-group .btn,
body.rincon5-editorial .cbRegistration button[id*="password"],
body.rincon5-editorial .cbRegistration button[class*="password"] {
    display: none !important;
}

body.rincon5-editorial .cbRegistration input[type="password"],
body.rincon5-editorial .cbRegistration .input-group input {
    border-radius: 12px !important;
}