/* Click Mag Brand Kit - Frontend */
body.clickmag-brand-kit {
    background: var(--cbk-bg) !important;
    color: var(--cbk-text);
    text-rendering: optimizeLegibility;
}

body.clickmag-brand-kit a { color: var(--cbk-link); transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
body.clickmag-brand-kit a:hover { color: var(--cbk-hover); }

.clickmag-brand-kit #mvp-site,
.clickmag-brand-kit #mvp-main-wrap,
.clickmag-brand-kit .mvp-main-box,
.clickmag-brand-kit #mvp-content-main {
    background: transparent;
}

/* Barra última hora */
.cbk-breaking-bar {
    background: var(--cbk-breaking-bg);
    color: var(--cbk-breaking-text);
    font-size: 13px;
    line-height: 1.35;
    letter-spacing: .01em;
    position: relative;
    z-index: 9998;
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
}
.cbk-breaking-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 9px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
.cbk-breaking-inner strong {
    background: rgba(255,255,255,.16);
    color: inherit;
    padding: 4px 9px;
    border-radius: 999px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .08em;
    white-space: nowrap;
}
.cbk-breaking-inner a,
.cbk-breaking-inner span { color: inherit !important; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Header y navegación Click Mag */
.clickmag-brand-kit #mvp-top-nav-wrap,
.clickmag-brand-kit .mvp-top-nav-wrap {
    background: var(--cbk-secondary) !important;
    border: 0 !important;
    color: #fff;
}
.clickmag-brand-kit #mvp-main-nav-wrap,
.clickmag-brand-kit .mvp-main-nav-wrap {
    background: linear-gradient(135deg, var(--cbk-secondary), color-mix(in srgb, var(--cbk-secondary) 82%, #000 18%)) !important;
    border: 0 !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.18);
    position: relative;
    z-index: 9997;
}
.clickmag-brand-kit #mvp-main-nav-wrap::after,
.clickmag-brand-kit .mvp-main-nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 5px;
    background: linear-gradient(90deg, var(--cbk-primary) 0 33%, #fff 33% 66%, var(--cbk-accent) 66% 100%);
    opacity: .95;
}
.clickmag-brand-kit #mvp-main-nav-menu ul li a,
.clickmag-brand-kit .mvp-main-nav-menu ul li a,
.clickmag-brand-kit #mvp-main-nav-menu a,
.clickmag-brand-kit .mvp-main-nav-menu a,
.clickmag-brand-kit #mvp-top-nav-wrap a,
.clickmag-brand-kit .mvp-top-nav-wrap a {
    color: #fff !important;
    font-weight: 800;
    letter-spacing: .02em;
}
.clickmag-brand-kit #mvp-main-nav-menu ul li a:hover,
.clickmag-brand-kit .mvp-main-nav-menu ul li a:hover,
.clickmag-brand-kit #mvp-main-nav-menu li:hover > a,
.clickmag-brand-kit .mvp-main-nav-menu li:hover > a {
    color: var(--cbk-accent) !important;
    background: rgba(255,255,255,.08) !important;
}
.clickmag-brand-kit #mvp-main-nav-menu ul li ul,
.clickmag-brand-kit .mvp-main-nav-menu ul li ul,
.clickmag-brand-kit .mvp-fly-top,
.clickmag-brand-kit #mvp-fly-wrap {
    background: var(--cbk-secondary) !important;
    border-top: 4px solid var(--cbk-primary) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
    border-radius: 0 0 14px 14px;
    overflow: hidden;
    z-index: 99999 !important;
}
.clickmag-brand-kit input[type="search"],
.clickmag-brand-kit .search-field,
.clickmag-brand-kit #s {
    border-radius: 999px !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    padding: 10px 14px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
.clickmag-brand-kit .cbk-header-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 210px;
    min-height: 54px;
    padding: 6px 18px 6px 0;
    margin-right: 10px;
    vertical-align: middle;
}
.clickmag-brand-kit .cbk-header-brand img {
    max-width: 190px;
    max-height: 48px;
    width: auto;
    height: auto;
    display: block;
}

/* Home, módulos y cards */
.clickmag-brand-kit .mvp-widget-home,
.clickmag-brand-kit .mvp-feat1-main,
.clickmag-brand-kit .mvp-feat1-list,
.clickmag-brand-kit .mvp-blog-story-wrap,
.clickmag-brand-kit .mvp-blog-story-col,
.clickmag-brand-kit .mvp-cat-content,
.clickmag-brand-kit .mvp-post-soc-wrap {
    border-radius: 18px;
}
.clickmag-brand-kit .mvp-blog-story-wrap,
.clickmag-brand-kit .mvp-blog-story-col,
.clickmag-brand-kit .mvp-feat1-list-but,
.clickmag-brand-kit .mvp-feat2-list-cont,
.clickmag-brand-kit .mvp-widget-feat2-side,
.clickmag-brand-kit .mvp-widget-dark-sub,
.clickmag-brand-kit .mvp-cat-story-wrap {
    background: #fff;
    box-shadow: 0 12px 32px rgba(16,24,40,.08);
    border: 1px solid rgba(16,24,40,.06);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.clickmag-brand-kit .mvp-blog-story-wrap:hover,
.clickmag-brand-kit .mvp-blog-story-col:hover,
.clickmag-brand-kit .mvp-feat1-list-but:hover,
.clickmag-brand-kit .mvp-cat-story-wrap:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 46px rgba(16,24,40,.12);
    border-color: color-mix(in srgb, var(--cbk-primary) 24%, transparent);
}
.clickmag-brand-kit .mvp-feat1-main-text,
.clickmag-brand-kit .mvp-feat1-list-text,
.clickmag-brand-kit .mvp-blog-story-text,
.clickmag-brand-kit .mvp-cat-story-text,
.clickmag-brand-kit .mvp-widget-feat2-side-text {
    padding: 16px !important;
}
.clickmag-brand-kit .mvp-feat1-main-img img,
.clickmag-brand-kit .mvp-feat1-list-img img,
.clickmag-brand-kit .mvp-blog-story-img img,
.clickmag-brand-kit .mvp-cat-story-img img,
.clickmag-brand-kit .mvp-widget-feat2-side-img img,
.clickmag-brand-kit .mvp-widget-home img {
    transition: transform .35s ease, filter .35s ease;
    will-change: transform;
}
.clickmag-brand-kit .mvp-feat1-main:hover img,
.clickmag-brand-kit .mvp-feat1-list-but:hover img,
.clickmag-brand-kit .mvp-blog-story-wrap:hover img,
.clickmag-brand-kit .mvp-cat-story-wrap:hover img,
.clickmag-brand-kit .mvp-widget-feat2-side:hover img {
    transform: scale(1.045);
    filter: saturate(1.06) contrast(1.03);
}
.clickmag-brand-kit .mvp-widget-home h3,
.clickmag-brand-kit .mvp-widget-home-title h3,
.clickmag-brand-kit .mvp-side-widget h3,
.clickmag-brand-kit .mvp-side-widget-title h3 {
    color: var(--cbk-secondary) !important;
    border-left: 6px solid var(--cbk-primary);
    padding-left: 12px !important;
    line-height: 1.15;
    letter-spacing: -.02em;
}
.clickmag-brand-kit .mvp-post-title,
.clickmag-brand-kit .mvp-feat1-main-text h2,
.clickmag-brand-kit .mvp-feat1-list-text h2,
.clickmag-brand-kit .mvp-blog-story-text h2,
.clickmag-brand-kit .mvp-blog-story-text h3,
.clickmag-brand-kit .entry-title {
    color: var(--cbk-text) !important;
    letter-spacing: -.035em;
    line-height: 1.05;
}

/* Badges / categorías */
.clickmag-brand-kit .mvp-post-cat,
.clickmag-brand-kit .mvp-cd-cat,
.clickmag-brand-kit .mvp-feat1-main-text .mvp-post-cat,
.clickmag-brand-kit .mvp-feat1-list-text .mvp-post-cat,
.clickmag-brand-kit .cat-links a,
.clickmag-brand-kit .mvp-post-cat a {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: max-content;
    background: var(--cbk-primary) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--cbk-primary) 28%, transparent);
}
.clickmag-brand-kit .mvp-post-cat:hover,
.clickmag-brand-kit .mvp-cd-cat:hover,
.clickmag-brand-kit .cat-links a:hover,
.clickmag-brand-kit .mvp-post-cat a:hover {
    background: var(--cbk-hover) !important;
    color: var(--cbk-secondary) !important;
}

/* Sidebar */
.clickmag-brand-kit #mvp-side-wrap,
.clickmag-brand-kit .mvp-side-wrap,
.clickmag-brand-kit .mvp-sidebar,
.clickmag-brand-kit aside {
    color: var(--cbk-text);
}
.clickmag-brand-kit .mvp-side-widget,
.clickmag-brand-kit .widget {
    background: #fff;
    border-radius: 18px;
    padding: 18px !important;
    box-shadow: 0 12px 32px rgba(16,24,40,.08);
    border: 1px solid rgba(16,24,40,.06);
    border-top: 5px solid var(--cbk-primary);
    overflow: hidden;
}
.clickmag-brand-kit .mvp-side-widget ul li,
.clickmag-brand-kit .widget ul li {
    border-bottom: 1px solid rgba(16,24,40,.08) !important;
    padding: 10px 0 !important;
}
.clickmag-brand-kit .mvp-side-widget ul li:last-child,
.clickmag-brand-kit .widget ul li:last-child { border-bottom: 0 !important; }

/* Artículos */
.clickmag-brand-kit .mvp-post-content,
.clickmag-brand-kit .mvp-post-main-in,
.clickmag-brand-kit article.post,
.clickmag-brand-kit .single-post .entry-content {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 14px 38px rgba(16,24,40,.08);
    border: 1px solid rgba(16,24,40,.06);
}
.clickmag-brand-kit .mvp-post-content,
.clickmag-brand-kit .entry-content {
    font-size: 18px;
    line-height: 1.72;
    color: color-mix(in srgb, var(--cbk-text) 92%, #555 8%);
}
.clickmag-brand-kit .mvp-post-content a,
.clickmag-brand-kit .entry-content a {
    color: var(--cbk-link) !important;
    font-weight: 800;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
.clickmag-brand-kit .mvp-post-title h1,
.clickmag-brand-kit h1.entry-title,
.clickmag-brand-kit .single h1 {
    letter-spacing: -.05em;
    line-height: 1.02;
    color: var(--cbk-text) !important;
}
.clickmag-brand-kit .mvp-post-info,
.clickmag-brand-kit .entry-meta,
.clickmag-brand-kit .mvp-post-date {
    color: rgba(17,17,17,.55) !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.clickmag-brand-kit .mvp-author-box,
.clickmag-brand-kit .author-box {
    border-radius: 18px;
    border: 1px solid rgba(16,24,40,.08);
    background: color-mix(in srgb, var(--cbk-bg) 75%, #fff 25%);
    padding: 18px;
}

/* Botones */
.clickmag-brand-kit button,
.clickmag-brand-kit input[type="submit"],
.clickmag-brand-kit .mvp-read-more,
.clickmag-brand-kit .more-link,
.clickmag-brand-kit .wp-block-button__link {
    background: var(--cbk-primary) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-weight: 900 !important;
    letter-spacing: .02em;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--cbk-primary) 22%, transparent);
}
.clickmag-brand-kit button:hover,
.clickmag-brand-kit input[type="submit"]:hover,
.clickmag-brand-kit .mvp-read-more:hover,
.clickmag-brand-kit .more-link:hover,
.clickmag-brand-kit .wp-block-button__link:hover {
    background: var(--cbk-hover) !important;
    color: var(--cbk-secondary) !important;
    transform: translateY(-1px);
}

/* Footer editorial nuevo */
.cbk-editorial-footer {
    background: radial-gradient(circle at top left, color-mix(in srgb, var(--cbk-primary) 28%, transparent), transparent 38%), linear-gradient(135deg, var(--cbk-secondary), #050505);
    color: #fff;
    margin-top: 34px;
    position: relative;
    z-index: 4;
}
.cbk-editorial-footer::before {
    content: "";
    display: block;
    height: 5px;
    background: linear-gradient(90deg, var(--cbk-primary), var(--cbk-accent), var(--cbk-primary));
}
.cbk-editorial-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 36px 18px;
    display: grid;
    grid-template-columns: minmax(0,1.5fr) minmax(220px,.8fr);
    gap: 24px;
    align-items: start;
}
.cbk-editorial-footer h2 {
    color: #fff !important;
    font-size: 28px;
    line-height: 1;
    margin: 0 0 10px;
    letter-spacing: -.04em;
}
.cbk-editorial-footer p { max-width: 640px; margin: 0 0 12px; color: rgba(255,255,255,.78); }
.cbk-editorial-footer a { color: #fff !important; text-decoration: none; }
.cbk-editorial-footer a:hover { color: var(--cbk-accent) !important; }
.cbk-editorial-footer__email { font-weight: 800; }
.cbk-editorial-footer__links { display: grid; gap: 8px; justify-items: start; }
.cbk-editorial-footer__links a {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 800;
    font-size: 13px;
}
.cbk-editorial-footer__copy {
    grid-column: 1/-1;
    border-top: 1px solid rgba(255,255,255,.12);
    padding-top: 16px;
    color: rgba(255,255,255,.65);
    font-size: 13px;
}

/* Presets: matices visuales */
.cbk-preset-betis #mvp-main-nav-wrap::after,
.cbk-preset-betis .mvp-main-nav-wrap::after {
    height: 7px;
    background: repeating-linear-gradient(90deg, #00954C 0 42px, #fff 42px 70px, #063F2B 70px 112px, #fff 112px 140px);
}
.cbk-preset-atletico #mvp-main-nav-wrap::after,
.cbk-preset-atletico .mvp-main-nav-wrap::after {
    background: repeating-linear-gradient(90deg, #D71920 0 38px, #fff 38px 62px, #082A5A 62px 100px);
}
.cbk-preset-real-madrid #mvp-main-nav-wrap,
.cbk-preset-real-madrid .mvp-main-nav-wrap {
    background: linear-gradient(135deg, #fff, #f6f6f4) !important;
}
.cbk-preset-real-madrid #mvp-main-nav-menu a,
.cbk-preset-real-madrid .mvp-main-nav-menu a { color: #111A3A !important; }
.cbk-preset-dark .mvp-blog-story-wrap,
.cbk-preset-dark .mvp-side-widget,
.cbk-preset-dark .widget,
.cbk-preset-dark .mvp-post-content,
.cbk-preset-dark article.post {
    background: #171C24;
    border-color: rgba(255,255,255,.08);
}
.cbk-preset-dark .mvp-post-title,
.cbk-preset-dark .entry-title,
.cbk-preset-dark .mvp-blog-story-text h2,
.cbk-preset-dark .mvp-blog-story-text h3,
.cbk-preset-dark .mvp-widget-home h3,
.cbk-preset-dark .mvp-side-widget h3 { color: #fff !important; }

@media (max-width: 1024px) {
    .clickmag-brand-kit .mvp-blog-story-text,
    .clickmag-brand-kit .mvp-feat1-main-text,
    .clickmag-brand-kit .mvp-feat1-list-text { padding: 13px !important; }
    .clickmag-brand-kit .mvp-post-title h1,
    .clickmag-brand-kit h1.entry-title { font-size: clamp(30px, 7vw, 48px) !important; }
}

@media (max-width: 767px) {
    .cbk-breaking-inner { padding: 8px 12px; gap: 8px; }
    .cbk-breaking-inner strong { font-size: 10px; padding: 4px 7px; }
    .cbk-breaking-inner a,
    .cbk-breaking-inner span { font-size: 12px; }
    .clickmag-brand-kit #mvp-main-nav-wrap,
    .clickmag-brand-kit .mvp-main-nav-wrap { box-shadow: 0 8px 22px rgba(0,0,0,.16); }
    .clickmag-brand-kit .cbk-header-brand { min-height: 46px; max-width: 150px; padding-left: 10px; }
    .clickmag-brand-kit .cbk-header-brand img { max-width: 140px; max-height: 38px; }
    .clickmag-brand-kit .mvp-blog-story-wrap,
    .clickmag-brand-kit .mvp-blog-story-col,
    .clickmag-brand-kit .mvp-side-widget,
    .clickmag-brand-kit .widget,
    .clickmag-brand-kit .mvp-post-content,
    .clickmag-brand-kit article.post { border-radius: 14px; }
    .clickmag-brand-kit .mvp-post-cat,
    .clickmag-brand-kit .mvp-cd-cat,
    .clickmag-brand-kit .cat-links a { font-size: 9px !important; padding: 4px 8px !important; }
    .clickmag-brand-kit .mvp-blog-story-text h2,
    .clickmag-brand-kit .mvp-blog-story-text h3,
    .clickmag-brand-kit .mvp-feat1-list-text h2 { font-size: 18px !important; line-height: 1.12 !important; }
    .clickmag-brand-kit .mvp-post-content,
    .clickmag-brand-kit .entry-content { font-size: 16px; line-height: 1.68; }
    .cbk-editorial-footer__inner { grid-template-columns: 1fr; padding: 28px 16px; }
    .cbk-editorial-footer h2 { font-size: 24px; }
    .cbk-editorial-footer__links { display: flex; flex-wrap: wrap; }
}

/* Fallbacks para AMP: estilos simples sin depender de JS */
html[amp] body.clickmag-brand-kit,
body.amp.clickmag-brand-kit { background: var(--cbk-bg) !important; }
html[amp] .clickmag-brand-kit .mvp-blog-story-wrap,
body.amp.clickmag-brand-kit .mvp-blog-story-wrap { border: 1px solid rgba(0,0,0,.08); border-radius: 12px; box-shadow: none; }